.photo-app {
  --paper:hsl(40,33%,94%);
  --ink:hsl(40,12%,11%);
  --muted:hsl(35,10%,38%);
  --line:hsl(38,18%,78%);
  --wash:hsl(40,24%,89%);
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font:400 16px/1.6 Inter,Arial,sans-serif}
  .photo-app * {
    box-sizing:border-box}
    .photo-app a {
      color:inherit;
      text-underline-offset:4px}
      .photo-app button,.photo-app input,.photo-app select,.photo-app textarea {
        font:inherit}
        .photo-app button,.photo-app .button {
          cursor:pointer;
          border:1px solid var(--ink);
          background:var(--ink);
          color:var(--paper);
          padding:12px 24px;
          text-decoration:none;
          display:inline-block;
          border-radius:2px;
          line-height:1.5}
          .photo-app button:hover,.photo-app .button:hover {
            background:hsl(35,12%,26%)}
            .photo-app button[aria-pressed=true] {
              background:var(--paper);
              color:var(--ink)}
              .photo-app button:disabled {
                opacity:.5;
                cursor:default}
                .photo-app input,.photo-app select,.photo-app textarea {
                  border:1px solid var(--line);
                  border-radius:2px;
                  background:transparent;
                  color:var(--ink);
                  padding:12px 16px;
                  width:100%;
                  min-width:0}
                  .photo-app textarea {
                    resize:vertical}
                    .photo-app :focus-visible {
                      outline:3px solid hsl(25,65%,35%);
                      outline-offset:4px}
                      .photo-app [hidden] {
                        display:none!important}
                        .photo-app h1,.photo-app h2,.photo-app h3 {
                          color:inherit;
                          font-family:'Source Serif Pro',Georgia,serif;
                          font-weight:400;
                          letter-spacing:-.035em;
                          line-height:1.12;
                          margin:0 0 24px}
                          .photo-app h1 {
                            font-size:clamp(47px,5.4vw,75px)}
                            .photo-app h2 {
                              font-size:37px}
                              .photo-app h3 {
                                font-size:30px}
                                .photo-app p {
                                  color:inherit;
                                  margin:0 0 24px}
                                  .photo-app .lead {
                                    font-size:18px;
                                    line-height:1.65;
                                    max-width:54ch;
                                    color:var(--muted)}
                                    .photo-app .eyebrow {
                                      text-transform:uppercase;
                                      font-size:11px;
                                      letter-spacing:.16em;
                                      font-weight:600;
                                      display:block;
                                      color:var(--muted);
                                      margin-bottom:16px}
                                      .photo-app .small {
                                        font-size:13px;
                                        color:var(--muted)}
                                        .photo-app main {
                                          max-width:1440px;
                                          margin:auto;
                                          padding:0 48px 64px}
                                          .masthead {
                                            display:flex;
                                            align-items:center;
                                            gap:32px;
                                            border-bottom:1px solid var(--line);
                                            padding:24px 48px;
                                            max-width:1600px;
                                            margin:auto}
                                            .brand {
                                              font-weight:600;
                                              letter-spacing:.05em;
                                              text-decoration:none;
                                              white-space:nowrap}
                                              .brand span {
                                                font-weight:400;
                                                letter-spacing:0;
                                                color:var(--muted);
                                                margin-left:8px}
                                                .masthead nav {
                                                  display:flex;
                                                  gap:24px;
                                                  margin:auto;
                                                  font-size:13px}
                                                  .masthead nav a {
                                                    text-decoration:none}
                                                    .masthead nav a[aria-current] {
                                                      text-decoration:underline}
                                                      .selection-link {
                                                        font-size:13px;
                                                        white-space:nowrap;
                                                        text-decoration:none}
                                                        .selection-link span {
                                                          display:inline-grid;
                                                          place-items:center;
                                                          border:1px solid var(--line);
                                                          border-radius:50%;
                                                          width:24px;
                                                          height:24px;
                                                          margin-left:8px}
                                                          .hero {
                                                            display:grid;
                                                            grid-template-columns:1fr 1fr;
                                                            gap:64px;
                                                            align-items:center;
                                                            padding:64px 0}
                                                            .hero-copy h1 {
                                                              font-size:clamp(59px,7vw,100px);
                                                              margin-bottom:32px}
                                                              .hero-photo {
                                                                margin:0;
                                                                min-width:0}
                                                                .hero-photo img {
                                                                  width:100%;
                                                                  height:auto;
                                                                  aspect-ratio:1;
                                                                  object-fit:contain;
                                                                  background:var(--wash)}
                                                                  .hero-photo figcaption {
                                                                    display:flex;
                                                                    justify-content:space-between;
                                                                    gap:16px;
                                                                    font-size:13px;
                                                                    border-bottom:1px solid var(--line);
                                                                    padding:16px 0}
                                                                    .search-form {
                                                                      border-bottom:1px solid var(--ink);
                                                                      margin:32px 0 16px;
                                                                      display:flex;
                                                                      flex-wrap:wrap}
                                                                      .photo-app .search-form input {
                                                                        flex:1 1 100%;
                                                                        border:0;
                                                                        padding-left:0}
                                                                        .photo-app .search-form button {
                                                                          background:none;
                                                                          color:var(--ink);
                                                                          padding:8px 0 16px;
                                                                          border:0;
                                                                          font-size:13px}
                                                                          .search-form span {
                                                                            margin-left:16px}
                                                                            .section {
                                                                              border-top:1px solid var(--line);
                                                                              padding:64px 0}
                                                                              .section-heading {
                                                                                display:flex;
                                                                                align-items:end;
                                                                                justify-content:space-between;
                                                                                gap:32px;
                                                                                margin-bottom:32px}
                                                                                .section-heading h2 {
                                                                                  margin-bottom:0}
                                                                                  .section-heading>a {
                                                                                    font-size:13px}
                                                                                    .tea-grid {
                                                                                      display:grid;
                                                                                      grid-template-columns:repeat(6,minmax(0,1fr));
                                                                                      gap:24px}
                                                                                      .tea-tile {
                                                                                        text-decoration:none;
                                                                                        min-width:0}
                                                                                        .tea-tile img {
                                                                                          width:100%;
                                                                                          height:auto;
                                                                                          aspect-ratio:1;
                                                                                          object-fit:contain;
                                                                                          background:var(--wash);
                                                                                          margin-bottom:16px}
                                                                                          .tea-tile span {
                                                                                            display:block;
                                                                                            font-family:'Source Serif Pro',Georgia,serif;
                                                                                            font-size:21px;
                                                                                            line-height:1.3}
                                                                                            .tea-tile small {
                                                                                              font-size:11px;
                                                                                              display:block;
                                                                                              color:var(--muted);
                                                                                              margin-top:8px}
                                                                                              .collection-grid {
                                                                                                display:grid;
                                                                                                grid-template-columns:repeat(2,minmax(0,1fr));
                                                                                                gap:32px}
                                                                                                .collection-tile {
                                                                                                  display:grid;
                                                                                                  grid-template-columns:40% 1fr;
                                                                                                  gap:24px;
                                                                                                  text-decoration:none;
                                                                                                  border-top:1px solid var(--line);
                                                                                                  padding-top:24px}
                                                                                                  .collection-tile img {
                                                                                                    width:100%;
                                                                                                    aspect-ratio:1;
                                                                                                    object-fit:contain;
                                                                                                    background:var(--wash);
                                                                                                    height:auto}
                                                                                                    .collection-tile p {
                                                                                                      font-size:14px;
                                                                                                      color:var(--muted);
                                                                                                      margin-bottom:16px}
                                                                                                      .collection-tile h3 {
                                                                                                        margin-bottom:16px}
                                                                                                        .collection-tile div>span:last-child {
                                                                                                          font-size:13px}
                                                                                                          .use-strip {
                                                                                                            background:var(--ink);
                                                                                                            color:var(--paper);
                                                                                                            padding:48px;
                                                                                                            display:grid;
                                                                                                            grid-template-columns:1fr 1fr;
                                                                                                            column-gap:64px}
                                                                                                            .use-strip .eyebrow {
                                                                                                              grid-column:1/-1;
                                                                                                              color:var(--line)}
                                                                                                              .use-strip h2 {
                                                                                                                font-size:47px}
                                                                                                                .use-strip .button {
                                                                                                                  border-color:var(--line)}
                                                                                                                  .page-intro {
                                                                                                                    padding:64px 0 32px;
                                                                                                                    max-width:880px}
                                                                                                                    .photo-grid {
                                                                                                                      display:grid;
                                                                                                                      grid-template-columns:repeat(4,minmax(0,1fr));
                                                                                                                      gap:32px 24px}
                                                                                                                      .photo-card {
                                                                                                                        min-width:0;
                                                                                                                        border-bottom:1px solid var(--line);
                                                                                                                        padding-bottom:24px}
                                                                                                                        .photo-card>a {
                                                                                                                          display:block;
                                                                                                                          background:var(--wash)}
                                                                                                                          .photo-card__image {
                                                                                                                            display:block;
                                                                                                                            width:100%;
                                                                                                                            height:auto;
                                                                                                                            aspect-ratio:1;
                                                                                                                            object-fit:contain}
                                                                                                                            .photo-card__body {
                                                                                                                              padding-top:16px}
                                                                                                                              .photo-card__body h2 {
                                                                                                                                font-family:Inter,Arial,sans-serif;
                                                                                                                                font-size:14px;
                                                                                                                                line-height:1.5;
                                                                                                                                letter-spacing:0;
                                                                                                                                margin:0 0 8px;
                                                                                                                                overflow-wrap:anywhere}
                                                                                                                                .photo-card__body h2 a {
                                                                                                                                  text-decoration:none}
                                                                                                                                  .photo-app .frame-id {
                                                                                                                                    font-size:11px;
                                                                                                                                    letter-spacing:.03em;
                                                                                                                                    color:var(--muted);
                                                                                                                                    overflow-wrap:anywhere;
                                                                                                                                    margin-bottom:16px}
                                                                                                                                    .photo-app .photo-card button {
                                                                                                                                      padding:6px 12px;
                                                                                                                                      font-size:13px;
                                                                                                                                      background:transparent;
                                                                                                                                      color:var(--ink);
                                                                                                                                      border-color:var(--line)}
                                                                                                                                      .photo-app .photo-card button[aria-pressed=true] {
                                                                                                                                        background:var(--ink);
                                                                                                                                        color:var(--paper)}
                                                                                                                                        .filter-bar {
                                                                                                                                          display:grid;
                                                                                                                                          grid-template-columns:2fr 1fr auto;
                                                                                                                                          gap:24px;
                                                                                                                                          align-items:end;
                                                                                                                                          margin-bottom:24px}
                                                                                                                                          .filter-bar label,.request-panel label {
                                                                                                                                            display:block;
                                                                                                                                            font-size:13px;
                                                                                                                                            margin-bottom:8px}
                                                                                                                                            .photo-app #photo-more {
                                                                                                                                              display:block;
                                                                                                                                              margin:32px auto}
                                                                                                                                              .photo-detail {
                                                                                                                                                display:grid;
                                                                                                                                                grid-template-columns:3fr 2fr;
                                                                                                                                                gap:64px;
                                                                                                                                                align-items:start}
                                                                                                                                                .photo-detail figure {
                                                                                                                                                  margin:0}
                                                                                                                                                  .photo-detail figure img {
                                                                                                                                                    width:100%;
                                                                                                                                                    height:auto;
                                                                                                                                                    max-height:80vh;
                                                                                                                                                    object-fit:contain;
                                                                                                                                                    background:var(--wash)}
                                                                                                                                                    .photo-detail figcaption {
                                                                                                                                                      font-size:13px;
                                                                                                                                                      color:var(--muted);
                                                                                                                                                      margin-top:16px}
                                                                                                                                                      .photo-detail h1 {
                                                                                                                                                        font-size:37px;
                                                                                                                                                        overflow-wrap:anywhere}
                                                                                                                                                        .photo-detail dl {
                                                                                                                                                          border-top:1px solid var(--line);
                                                                                                                                                          margin:32px 0;
                                                                                                                                                          padding-top:24px}
                                                                                                                                                          .photo-detail dt {
                                                                                                                                                            font-size:11px;
                                                                                                                                                            text-transform:uppercase;
                                                                                                                                                            letter-spacing:.12em;
                                                                                                                                                            color:var(--muted);
                                                                                                                                                            margin-bottom:8px}
                                                                                                                                                            .photo-detail dd {
                                                                                                                                                              margin:0 0 24px;
                                                                                                                                                              font-size:14px}
                                                                                                                                                              .text-action {
                                                                                                                                                                display:block;
                                                                                                                                                                margin-top:16px;
                                                                                                                                                                font-size:13px}
                                                                                                                                                                .breadcrumb {
                                                                                                                                                                  font-size:13px;
                                                                                                                                                                  padding:32px 0}
                                                                                                                                                                  .context-panel {
                                                                                                                                                                    margin-top:64px;
                                                                                                                                                                    border-top:1px solid var(--line);
                                                                                                                                                                    padding:32px 0;
                                                                                                                                                                    max-width:65ch}
                                                                                                                                                                    .context-panel p {
                                                                                                                                                                      color:var(--muted)}
                                                                                                                                                                      .context-panel .button {
                                                                                                                                                                        margin-bottom:24px}
                                                                                                                                                                        .request-panel {
                                                                                                                                                                          margin-top:48px;
                                                                                                                                                                          max-width:800px;
                                                                                                                                                                          border-top:1px solid var(--line);
                                                                                                                                                                          padding-top:32px}
                                                                                                                                                                          .request-panel textarea {
                                                                                                                                                                            margin-bottom:24px}
                                                                                                                                                                            .request-actions {
                                                                                                                                                                              display:flex;
                                                                                                                                                                              flex-wrap:wrap;
                                                                                                                                                                              gap:16px;
                                                                                                                                                                              margin-bottom:24px}
                                                                                                                                                                              .reading-columns {
                                                                                                                                                                                display:grid;
                                                                                                                                                                                grid-template-columns:3fr 2fr;
                                                                                                                                                                                gap:64px;
                                                                                                                                                                                max-width:1100px}
                                                                                                                                                                                .reading-columns h2 {
                                                                                                                                                                                  font-size:30px}
                                                                                                                                                                                  .reading-columns p {
                                                                                                                                                                                    max-width:65ch}
                                                                                                                                                                                    .reading-columns aside {
                                                                                                                                                                                      background:var(--wash);
                                                                                                                                                                                      padding:32px}
                                                                                                                                                                                      .reading-columns hr {
                                                                                                                                                                                        border:0;
                                                                                                                                                                                        border-top:1px solid var(--line);
                                                                                                                                                                                        margin:32px 0}
                                                                                                                                                                                        .end-link {
                                                                                                                                                                                          padding:32px 0}
                                                                                                                                                                                          .library-footer {
                                                                                                                                                                                            border-top:1px solid var(--line);
                                                                                                                                                                                            padding:48px;
                                                                                                                                                                                            display:grid;
                                                                                                                                                                                            grid-template-columns:1fr 2fr 2fr 2fr;
                                                                                                                                                                                            gap:32px;
                                                                                                                                                                                            max-width:1600px;
                                                                                                                                                                                            margin:auto;
                                                                                                                                                                                            font-size:13px}
                                                                                                                                                                                            .library-footer div a {
                                                                                                                                                                                              display:block;
                                                                                                                                                                                              margin-bottom:8px}
                                                                                                                                                                                              .feedback {
                                                                                                                                                                                                margin:0 auto!important;
                                                                                                                                                                                                max-width:1344px;
                                                                                                                                                                                                padding:0 24px;
                                                                                                                                                                                                font-size:14px}
                                                                                                                                                                                                .feedback:empty {
                                                                                                                                                                                                  display:none}
                                                                                                                                                                                                  .skip-link {
                                                                                                                                                                                                    position:absolute;
                                                                                                                                                                                                    left:16px;
                                                                                                                                                                                                    top:-100px;
                                                                                                                                                                                                    background:var(--ink);
                                                                                                                                                                                                    color:var(--paper)!important;
                                                                                                                                                                                                    padding:16px;
                                                                                                                                                                                                    z-index:5}
                                                                                                                                                                                                    .skip-link:focus {
                                                                                                                                                                                                      top:16px}
                                                                                                                                                                                                      .sr-only {
                                                                                                                                                                                                        position:absolute;
                                                                                                                                                                                                        width:1px;
                                                                                                                                                                                                        height:1px;
                                                                                                                                                                                                        overflow:hidden;
                                                                                                                                                                                                        clip:rect(0,0,0,0);
                                                                                                                                                                                                        white-space:nowrap}
                                                                                                                                                                                                        @media(max-width:1100px) {
                                                                                                                                                                                                          .masthead {
                                                                                                                                                                                                            flex-wrap:wrap;
                                                                                                                                                                                                            gap:16px 32px;
                                                                                                                                                                                                            padding:24px 32px}
                                                                                                                                                                                                            .masthead nav {
                                                                                                                                                                                                              order:3;
                                                                                                                                                                                                              width:100%;
                                                                                                                                                                                                              margin:0;
                                                                                                                                                                                                              flex-wrap:wrap}
                                                                                                                                                                                                              .selection-link {
                                                                                                                                                                                                                margin-left:auto}
                                                                                                                                                                                                                .photo-app main {
                                                                                                                                                                                                                  padding:0 32px 48px}
                                                                                                                                                                                                                  .hero {
                                                                                                                                                                                                                    gap:32px}
                                                                                                                                                                                                                    .tea-grid {
                                                                                                                                                                                                                      grid-template-columns:repeat(3,minmax(0,1fr))}
                                                                                                                                                                                                                      .photo-grid {
                                                                                                                                                                                                                        grid-template-columns:repeat(3,minmax(0,1fr))}
                                                                                                                                                                                                                        .library-footer {
                                                                                                                                                                                                                          grid-template-columns:1fr 1fr}
                                                                                                                                                                                                                          .collection-tile {
                                                                                                                                                                                                                            grid-template-columns:1fr}
                                                                                                                                                                                                                            .use-strip {
                                                                                                                                                                                                                              gap:32px}
                                                                                                                                                                                                                              .photo-detail {
                                                                                                                                                                                                                                gap:32px}
                                                                                                                                                                                                                              }
                                                                                                                                                                                                                              @media(max-width:650px) {
                                                                                                                                                                                                                                .masthead {
                                                                                                                                                                                                                                  padding:16px;
                                                                                                                                                                                                                                  gap:16px}
                                                                                                                                                                                                                                  .masthead nav {
                                                                                                                                                                                                                                    gap:8px 16px;
                                                                                                                                                                                                                                    font-size:11px}
                                                                                                                                                                                                                                    .photo-app main {
                                                                                                                                                                                                                                      padding:0 16px 32px}
                                                                                                                                                                                                                                      .hero {
                                                                                                                                                                                                                                        grid-template-columns:1fr;
                                                                                                                                                                                                                                        padding:32px 0;
                                                                                                                                                                                                                                        gap:24px}
                                                                                                                                                                                                                                        .hero-copy h1 {
                                                                                                                                                                                                                                          font-size:59px}
                                                                                                                                                                                                                                          .hero-photo {
                                                                                                                                                                                                                                            max-width:100%}
                                                                                                                                                                                                                                            .hero-photo img {
                                                                                                                                                                                                                                              max-height:420px}
                                                                                                                                                                                                                                              .section {
                                                                                                                                                                                                                                                padding:32px 0}
                                                                                                                                                                                                                                                .section-heading {
                                                                                                                                                                                                                                                  align-items:start;
                                                                                                                                                                                                                                                  flex-direction:column;
                                                                                                                                                                                                                                                  gap:16px}
                                                                                                                                                                                                                                                  .tea-grid {
                                                                                                                                                                                                                                                    grid-template-columns:repeat(2,minmax(0,1fr));
                                                                                                                                                                                                                                                    gap:24px 16px}
                                                                                                                                                                                                                                                    .collection-grid {
                                                                                                                                                                                                                                                      grid-template-columns:1fr;
                                                                                                                                                                                                                                                      gap:32px}
                                                                                                                                                                                                                                                      .collection-tile {
                                                                                                                                                                                                                                                        grid-template-columns:36% 1fr;
                                                                                                                                                                                                                                                        gap:16px}
                                                                                                                                                                                                                                                        .collection-tile h3 {
                                                                                                                                                                                                                                                          font-size:25px}
                                                                                                                                                                                                                                                          .use-strip {
                                                                                                                                                                                                                                                            grid-template-columns:1fr;
                                                                                                                                                                                                                                                            padding:32px 24px;
                                                                                                                                                                                                                                                            gap:16px}
                                                                                                                                                                                                                                                            .use-strip h2 {
                                                                                                                                                                                                                                                              font-size:37px}
                                                                                                                                                                                                                                                              .photo-grid {
                                                                                                                                                                                                                                                                grid-template-columns:repeat(2,minmax(0,1fr));
                                                                                                                                                                                                                                                                gap:24px 16px}
                                                                                                                                                                                                                                                                .filter-bar {
                                                                                                                                                                                                                                                                  grid-template-columns:1fr;
                                                                                                                                                                                                                                                                  gap:16px}
                                                                                                                                                                                                                                                                  .page-intro {
                                                                                                                                                                                                                                                                    padding:32px 0}
                                                                                                                                                                                                                                                                    .photo-detail,.reading-columns {
                                                                                                                                                                                                                                                                      grid-template-columns:1fr;
                                                                                                                                                                                                                                                                      gap:32px}
                                                                                                                                                                                                                                                                      .photo-detail h1 {
                                                                                                                                                                                                                                                                        font-size:30px}
                                                                                                                                                                                                                                                                        .library-footer {
                                                                                                                                                                                                                                                                          padding:32px 16px;
                                                                                                                                                                                                                                                                          gap:24px;
                                                                                                                                                                                                                                                                          grid-template-columns:1fr}
                                                                                                                                                                                                                                                                          .reading-columns aside {
                                                                                                                                                                                                                                                                            padding:24px}
                                                                                                                                                                                                                                                                            .request-actions {
                                                                                                                                                                                                                                                                              flex-direction:column}
                                                                                                                                                                                                                                                                              .request-actions>* {
                                                                                                                                                                                                                                                                                text-align:center}
                                                                                                                                                                                                                                                                                .photo-card button {
                                                                                                                                                                                                                                                                                  min-height:44px}
                                                                                                                                                                                                                                                                                  .photo-app .photo-card__body h2 {
                                                                                                                                                                                                                                                                                    font-size:13px}
                                                                                                                                                                                                                                                                                  }
                                                                                                                                                                                                                                                                                  @media(prefers-reduced-motion:reduce) {
                                                                                                                                                                                                                                                                                    .photo-app * {
                                                                                                                                                                                                                                                                                      scroll-behavior:auto;
                                                                                                                                                                                                                                                                                      transition:none}
                                                                                                                                                                                                                                                                                    }