/* The design notebook: an editorial photograph collection. */
@media(min-width:1001px){.notebook-feature-grid{grid-auto-rows:310px}}
@media(min-width:1500px){.notebook-feature-grid{grid-auto-rows:370px}}
@media(min-width:701px) and (max-width:1000px){.notebook-feature-grid{grid-auto-rows:280px}}
.notebook-preview{border-top:1px solid var(--line);padding-top:75px}.notebook-feature-grid{display:grid;grid-template-columns:1.16fr 1fr 1fr;gap:22px}.notebook-feature-card{margin:0;min-width:0}.notebook-feature-card:first-child{grid-row:span 2}.notebook-feature-card a{display:flex;flex-direction:column;height:100%;background:#eee6d9}.notebook-feature-card img{display:block;width:100%;height:220px;object-fit:cover;transition:filter .2s}.notebook-feature-card:first-child img{height:0;min-height:470px;flex:1;object-position:center}.notebook-feature-card a:hover img{filter:brightness(.94)}.notebook-feature-card figcaption{padding:17px 18px;position:relative;min-height:86px}.notebook-feature-card figcaption>span:first-child{font:8px/1.5 Arial,sans-serif;letter-spacing:1.5px;color:#756169;display:block;margin-bottom:7px}.notebook-feature-card figcaption h3{font-size:20px;line-height:1.2;padding-right:15px}.notebook-feature-card figcaption>span:last-child{position:absolute;right:16px;top:35px;font-size:18px}.notebook-preview-footer{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:30px}.notebook-preview-footer>p{font-size:12px;color:#756169}.service-grid a.service-photograph{display:block;border:0;padding:0;margin:0 0 25px}.service-photograph img{width:100%;height:280px;object-fit:cover;display:block}.craft-photograph{margin:0;position:relative}.craft-photograph img{display:block;width:100%;height:530px;object-fit:cover}.craft-photograph figcaption{position:absolute;bottom:20px;left:20px;right:20px;background:#f8f4ebe8;padding:15px;font-size:9px;letter-spacing:2px;text-align:center}.notebook-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:10%;align-items:end;padding-top:70px;padding-bottom:50px}.notebook-intro h1{font-size:clamp(42px,5.2vw,76px);letter-spacing:-2px;line-height:1.08}.notebook-intro-copy>p{font-size:15px;color:#756169;margin-bottom:24px}.notebook-collection{padding-top:0}.notebook-tools{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:23px 0;display:flex;gap:20px;flex-direction:column}.lookbook-filters{display:flex;flex-wrap:wrap;gap:9px}.lookbook-filters[hidden]{display:none}.filter-button{font:11px/1.5 Arial,sans-serif;min-height:44px;padding:10px 15px;border:1px solid #c6b6a0;background:transparent;color:var(--ink);cursor:pointer;border-radius:0}.filter-button span{font-size:9px;margin-left:8px;opacity:.8}.filter-button[aria-pressed="true"]{background:var(--wine);border-color:var(--wine);color:var(--paper)}.filter-button:hover{border-color:var(--wine)}#gallery-count{font-size:11px;color:#756169}.gallery-guidance{font-size:12px;color:#756169;max-width:85ch;margin:24px 0 35px}.lookbook-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 26px;align-items:start}.lookbook-item{margin:0;min-width:0}.lookbook-item[hidden]{display:none!important}.lookbook-item>a{display:block}.lookbook-image{position:relative;overflow:hidden;background:#ede6d9}.lookbook-image img{display:block;width:100%;height:410px;object-fit:cover;transition:transform .25s}.lookbook-item a:hover img{transform:scale(1.025)}.image-expand{position:absolute;right:13px;bottom:13px;display:grid;place-items:center;width:38px;height:38px;background:var(--paper);color:var(--wine);border-radius:50%;font-size:22px;box-shadow:0 2px 6px #39242a12}.lookbook-item figcaption{position:relative;padding:19px 22px 0 0}.photo-category{font-size:8px;letter-spacing:1.5px;text-transform:uppercase;color:#876843}.lookbook-item h2{font-size:23px;letter-spacing:-.4px;margin:8px 0 11px;line-height:1.15}.lookbook-item figcaption p{font-size:12px;color:#756169;line-height:1.7}.photo-number{display:block;font-size:9px;color:#756169;margin-top:14px}.lookbook-item[data-category="references"] .photo-category{color:#54252f;font-weight:600}.notebook-next{background:#ede6d9;text-align:center;padding:70px 6%}.notebook-next h2{font-size:clamp(36px,4vw,55px)}.notebook-next>p:not(.eyebrow){margin:24px auto;max-width:60ch;font-size:14px;color:#756169}.notebook-next .actions{justify-content:center;margin-top:28px}.notebook-next .notebook-note{font-size:10px!important;max-width:80ch!important;margin-bottom:0!important}.photo-viewer{padding:0;width:min(1100px,calc(100% - 40px));max-height:94dvh;background:var(--paper);border:0;color:var(--ink);overflow:auto;box-shadow:0 15px 80px #0005}.photo-viewer::backdrop{background:#211218e8}.viewer-header{display:flex;justify-content:space-between;align-items:center;padding:13px 22px;border-bottom:1px solid var(--line)}#viewer-position{font-size:10px;letter-spacing:1px}#viewer-close{font:12px/1.5 Arial,sans-serif;min-height:44px;padding:8px 12px;border:0;color:var(--wine);background:transparent;cursor:pointer}#viewer-close span{font-size:24px;margin-left:13px;vertical-align:middle}.viewer-stage{height:59dvh;min-height:250px;display:grid;grid-template-columns:56px minmax(0,1fr) 56px;align-items:center;background:#e8dfd0;padding:12px;gap:8px}.viewer-stage img{width:100%;height:100%;object-fit:contain;min-height:0;max-height:calc(59dvh - 24px)}.viewer-stage button{border:1px solid #b7a68d;background:var(--paper);width:44px;height:44px;cursor:pointer;color:var(--wine);font-size:22px}.viewer-details{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:25px 30px 15px}.viewer-details .eyebrow{font-size:9px;margin-bottom:10px}.viewer-details h2{font-size:30px;letter-spacing:-.7px}.viewer-details>div>p:last-child{font-size:12px;color:#756169;margin-top:12px}.viewer-details>.button{flex-shrink:0}.viewer-note{font-size:10px;color:#756169;padding:0 30px 25px;max-width:none}.selected-design{border-left:3px solid var(--gold);background:#ede6d9;padding:16px 18px;font-size:13px;margin:0 0 25px}.selected-design[hidden]{display:none}.header nav a[aria-current="page"]{border-bottom:1px solid;padding-bottom:5px}body.viewer-open{overflow:hidden}
@media(min-width:1500px){.lookbook-image img{height:480px}.notebook-feature-card img{height:280px}.notebook-feature-card:first-child img{min-height:590px}}
@media(max-width:1000px){.notebook-feature-grid{gap:15px}.notebook-feature-card img{height:180px}.notebook-feature-card:first-child img{min-height:390px}.notebook-feature-card figcaption{padding:13px;min-height:90px}.notebook-feature-card figcaption h3{font-size:18px}.notebook-intro{gap:5%}.lookbook-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 20px}.lookbook-image img{height:400px}.service-photograph img{height:230px}.viewer-details{align-items:start}.viewer-details>.button{max-width:230px;gap:12px}}
@media(max-width:700px){.header nav{gap:12px}.header nav>a[href="/lookbook"]{display:inline;font-size:11px}.notebook-preview{padding-top:50px}.notebook-feature-grid{grid-template-columns:1fr 1fr;gap:18px 13px}.notebook-feature-card:first-child{grid-column:1/-1;grid-row:auto}.notebook-feature-card:first-child img{height:400px;min-height:0;flex:auto;object-position:center 50%}.notebook-feature-card img{height:205px}.notebook-feature-card figcaption{min-height:90px}.notebook-feature-card figcaption h3{font-size:18px}.notebook-feature-card:first-child figcaption{min-height:80px}.notebook-feature-card figcaption>span:first-child{font-size:7px;letter-spacing:1px}.notebook-feature-card figcaption>span:last-child{right:10px}.notebook-preview-footer{display:block}.notebook-preview-footer>p{margin-bottom:20px}.notebook-preview-footer .button{width:100%;justify-content:space-between;gap:15px}.service-photograph img{height:310px}.craft-photograph img{height:430px}.notebook-intro{grid-template-columns:1fr;padding-top:45px;gap:25px}.notebook-intro h1{font-size:48px;letter-spacing:-1.8px}.notebook-intro-copy>p{font-size:14px}.notebook-tools{padding:20px 0}.filter-button{padding:9px 11px;font-size:10px}.lookbook-filters{gap:7px}.lookbook-grid{gap:28px 14px}.lookbook-image img{height:260px}.lookbook-item h2{font-size:21px}.lookbook-item figcaption{padding-right:0}.lookbook-item figcaption p{font-size:11px}.photo-category{font-size:7px;letter-spacing:1px}.image-expand{height:32px;width:32px;font-size:18px;bottom:9px;right:9px}.notebook-next{padding:55px 6%}.notebook-next .actions{gap:24px}.photo-viewer{width:calc(100% - 16px);max-height:94dvh}.viewer-header{padding:6px 14px}.viewer-stage{height:49dvh;grid-template-columns:38px minmax(0,1fr) 38px;padding:8px;gap:4px}.viewer-stage img{max-height:calc(49dvh - 16px)}.viewer-stage button{width:36px;height:44px;font-size:20px}.viewer-details{display:block;padding:20px 20px 15px}.viewer-details h2{font-size:26px}.viewer-details>.button{margin-top:20px;max-width:none;width:100%;justify-content:space-between}.viewer-note{padding:0 20px 20px}.viewer-details>div>p:last-child{font-size:11px}.viewer-details .eyebrow{font-size:8px}.notebook-collection{padding-bottom:55px}}
@media(max-width:390px){.lookbook-grid{grid-template-columns:1fr}.lookbook-image img{height:390px}.notebook-feature-card img{height:185px}.header .nav-call{padding:8px;font-size:10px}.header .nav-call span{padding-left:7px}.notebook-intro h1{font-size:43px}}
@media(prefers-reduced-motion:reduce){.lookbook-image img,.notebook-feature-card img{transition:none}}
