/* Shared inner-page system for the complete Design 04 website. */
.admin-hotspot-d4{position:fixed;top:0;left:0;z-index:1000;width:30px;height:30px;opacity:0}.admin-hotspot-d4:focus-visible{opacity:1;background:var(--ember);outline:2px solid var(--bone);outline-offset:2px}
.skip-link-d4{position:fixed;top:-5rem;left:90px;z-index:100;padding:.8rem 1rem;background:var(--bone);color:var(--ink)}.skip-link-d4:focus{top:1rem}.inner-page{background:var(--night)}.gallery-header-solid{position:fixed;background:rgba(11,11,10,.93);backdrop-filter:blur(14px)}.gallery-header-solid .header-home{font-weight:800}.gallery-header [aria-current=page]{color:var(--ember)}.d4-inner-main{padding-top:64px}.gallery-footer-inner nav{display:flex;gap:1.5rem}.gallery-footer-inner a{text-decoration:none}.d4-kicker{margin:0;font-size:.68rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase}
.collection-hero{display:grid;grid-template-columns:1fr 2.6fr;gap:3rem;padding:clamp(7rem,12vw,13rem) clamp(1.5rem,5vw,6rem) clamp(5rem,8vw,9rem);background:var(--night)}.collection-hero h1{grid-column:2;margin:0;font:400 clamp(5rem,13vw,14rem)/.74 Georgia,serif;letter-spacing:-.075em}.collection-hero h1 span,.about-d4-title h1 span,.legal-d4 header h1 span{color:var(--ember)}.collection-intro{grid-column:2;display:flex;justify-content:space-between;gap:4rem;align-items:end;padding-top:2rem;border-top:1px solid var(--line)}.collection-intro p{max-width:670px;margin:0;color:#c4c0b6;font:400 clamp(1.25rem,2vw,1.8rem)/1.35 Georgia,serif}.collection-intro span{font-size:.68rem;letter-spacing:.15em;text-transform:uppercase;white-space:nowrap}.collection-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(4rem,8vw,9rem) 2vw;padding:clamp(3rem,6vw,7rem) 3vw 10rem;background:var(--paper);color:var(--ink)}.collection-card{grid-column:span 5}.collection-card:nth-child(even){grid-column:8/span 5}.collection-card:nth-child(7n+1){grid-column:2/span 7}.collection-card:nth-child(7n+4){grid-column:6/span 6}.collection-image{display:block;overflow:hidden;background:#d3cec3}.collection-image img{width:100%;height:min(64vw,820px);object-fit:cover;filter:saturate(.8);transition:filter .35s,transform .5s}.collection-card:nth-child(even) .collection-image img{height:min(52vw,690px)}.collection-image:hover img{filter:saturate(1.08);transform:scale(1.015)}.collection-meta{display:grid;grid-template-columns:auto 1fr auto;gap:1rem;padding:.8rem 0;border-top:1px solid var(--ink)}.collection-meta>span,.collection-meta>a{font-size:.65rem;font-weight:800;text-transform:uppercase}.collection-meta h2{margin:0;font:400 clamp(1.15rem,2vw,1.7rem)/1.05 Georgia,serif}.collection-meta h2 a{text-decoration:none}.collection-meta>a{white-space:nowrap}.collection-outro{padding:clamp(7rem,14vw,14rem) clamp(1.5rem,6vw,7rem);background:var(--ember);color:#fff}.collection-outro>p{font-size:.68rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase}.collection-outro h2{margin:.3em 0;font:400 clamp(4rem,9vw,10rem)/.84 Georgia,serif;letter-spacing:-.065em}.collection-outro>a{display:inline-block;padding:1rem 0;border-bottom:1px solid;font-size:.72rem;font-weight:800;text-decoration:none;text-transform:uppercase}
.about-d4-hero{display:grid;grid-template-columns:.9fr 1.1fr;min-height:calc(100vh - 64px)}.about-d4-portrait{overflow:hidden}.about-d4-portrait img{width:100%;height:100%;object-fit:cover;object-position:center 25%;filter:grayscale(1) contrast(1.05)}.about-d4-title{display:flex;flex-direction:column;justify-content:center;padding:clamp(3rem,6vw,7rem)}.about-d4-title h1{margin:.2em 0;font:400 clamp(5rem,10vw,11rem)/.76 Georgia,serif;letter-spacing:-.075em}.about-d4-title blockquote{max-width:650px;margin:3rem 0 0;padding-top:2rem;border-top:1px solid var(--line);color:#c2beb5;font:italic clamp(1.2rem,2vw,1.7rem)/1.35 Georgia,serif}.story-d4{display:grid;grid-template-columns:.8fr 1.2fr;gap:6vw;padding:clamp(7rem,12vw,13rem) clamp(1.5rem,6vw,7rem);background:var(--paper);color:var(--ink)}.story-d4 header h2{max-width:650px;margin:1.5rem 0;font:400 clamp(3rem,5vw,6rem)/.9 Georgia,serif;letter-spacing:-.055em}.story-d4-copy{max-width:760px}.story-d4-copy p{margin:0 0 1.5rem;font:400 1.05rem/1.75 Georgia,serif}.story-d4-copy .story-lead{margin-bottom:3rem;padding-bottom:3rem;border-bottom:1px solid;font-size:clamp(1.5rem,2.5vw,2.25rem);line-height:1.3}.about-d4-links{display:grid;grid-template-columns:repeat(3,1fr);background:#1a1916}.about-d4-links a{display:flex;min-height:220px;flex-direction:column;justify-content:space-between;padding:2rem;border-right:1px solid var(--line);font:400 clamp(1.5rem,2.5vw,2.3rem) Georgia,serif;text-decoration:none}.about-d4-links a:hover{background:var(--ember)}.about-d4-links span{font:700 .65rem Arial,sans-serif;letter-spacing:.15em}
.contact-d4{display:grid;grid-template-columns:1fr 1fr;min-height:calc(100vh - 64px)}.contact-d4-copy{display:flex;flex-direction:column;padding:clamp(4rem,7vw,8rem) clamp(1.5rem,5vw,6rem);background:#181714}.contact-d4-copy h1{margin:.3em 0;font:400 clamp(4rem,7vw,8rem)/.78 Georgia,serif;letter-spacing:-.065em}.contact-d4-copy h1 em{color:var(--ember);font-weight:400}.contact-d4-copy>p:last-of-type{max-width:520px;color:#bbb7ae;font-family:Georgia,serif}.selected-work-d4{display:grid;grid-template-columns:110px 1fr;gap:1rem;margin-top:auto;padding-top:3rem;border-top:1px solid var(--line)}.selected-work-d4 img{width:110px;height:130px;object-fit:cover}.selected-work-d4 div{display:flex;flex-direction:column;justify-content:center}.selected-work-d4 small{font-size:.6rem;letter-spacing:.15em;text-transform:uppercase}.selected-work-d4 strong{font:400 1.3rem Georgia,serif}.selected-work-d4 span{color:var(--ember);font-size:.75rem}.form-d4-wrap{padding:clamp(4rem,7vw,8rem) clamp(1.5rem,5vw,6rem);background:var(--paper);color:var(--ink)}.form-d4{display:grid;gap:2rem}.form-d4 label{display:grid;gap:.6rem}.form-d4 label>span{font-size:.65rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.form-d4 input:not([type=checkbox]),.form-d4 textarea{width:100%;padding:.8rem 0;border:0;border-bottom:1px solid #77736a;border-radius:0;background:transparent;color:var(--ink);font:400 1.25rem Georgia,serif}.form-d4 input:focus,.form-d4 textarea:focus{outline:2px solid var(--ember);outline-offset:4px}.form-d4 textarea{resize:vertical}.form-d4 .checkbox-d4{display:grid;grid-template-columns:auto 1fr;align-items:start}.checkbox-d4 input{margin-top:.25rem}.checkbox-d4 span{font-weight:400;line-height:1.5;letter-spacing:0;text-transform:none}.form-d4 button{display:flex;justify-content:space-between;padding:1rem 0;border:0;border-bottom:1px solid;background:transparent;color:var(--ink);font-size:.75rem;font-weight:800;text-transform:uppercase;cursor:pointer}.form-d4 button:hover{color:var(--ember)}.honeypot-d4{position:absolute;left:-9999px}.notice-d4{margin-bottom:2rem;padding:1.3rem;border:1px solid}.notice-d4.success{background:#dce7d9}.notice-d4.error{background:#ecd7d1}
.work-detail-d4{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);min-height:calc(100vh - 64px)}.work-detail-image{display:flex;align-items:center;justify-content:center;padding:clamp(1rem,4vw,5rem);background:var(--paper)}.work-detail-image img{max-height:82vh;box-shadow:0 30px 70px rgba(0,0,0,.24);object-fit:contain}.work-detail-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(3rem,6vw,7rem)}.work-back-d4{margin-bottom:auto;font-size:.67rem;font-weight:800;text-transform:uppercase}.work-detail-copy h1{margin:.3em 0;font:400 clamp(3rem,6vw,7rem)/.85 Georgia,serif;letter-spacing:-.06em}.work-description-d4{max-width:620px;color:#bbb7ae;font-family:Georgia,serif}.work-detail-copy dl{margin:3rem 0}.work-detail-copy dl div{display:grid;grid-template-columns:1fr 1fr;padding:.8rem 0;border-top:1px solid var(--line)}.work-detail-copy dt{font-size:.65rem;font-weight:800;text-transform:uppercase}.work-detail-copy dd{margin:0;font:italic 1rem Georgia,serif}.work-enquire-d4{display:flex;justify-content:space-between;margin-top:auto;padding:1.2rem 0;border-bottom:1px solid;font-size:.72rem;font-weight:800;text-decoration:none;text-transform:uppercase}.work-enquire-d4:hover{color:var(--ember)}
.legal-d4{padding:clamp(7rem,12vw,13rem) clamp(1.5rem,6vw,7rem)}.legal-d4>header{display:grid;grid-template-columns:.6fr 1.4fr;gap:5vw;padding-bottom:7rem}.legal-d4 header h1{margin:0;font:400 clamp(4rem,8vw,9rem)/.82 Georgia,serif;letter-spacing:-.065em}.legal-d4-content{display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding:clamp(4rem,7vw,8rem);background:var(--paper);color:var(--ink)}.legal-d4-content section{max-width:700px}.legal-d4-content h2{margin:0 0 2rem;font:400 clamp(2.5rem,4vw,4.5rem) Georgia,serif}.legal-d4-content h3{margin-top:2.5rem;font:400 1.5rem Georgia,serif}.legal-d4-content p{font-family:Georgia,serif;line-height:1.7}.not-found-d4{min-height:75vh;padding:15vh 7vw}.not-found-d4 h1{font:400 clamp(4rem,9vw,10rem)/.85 Georgia,serif}
@media(max-width:1100px){.gallery-header-solid nav{gap:.8rem}.gallery-header-solid{letter-spacing:.08em}.collection-grid{gap-row:6rem}.about-d4-links{grid-template-columns:1fr}.about-d4-links a{min-height:160px}.contact-d4{grid-template-columns:1fr}.selected-work-d4{margin-top:3rem}.legal-d4-content{padding:4rem 3rem}}
@media(max-width:900px){.gallery-header-solid{position:fixed;left:48px;overflow-x:auto}.gallery-header-solid .header-home{display:none}.gallery-header-solid nav{min-width:max-content}.d4-inner-main{padding-top:57px}.collection-hero{grid-template-columns:1fr;padding-left:4rem}.collection-hero h1,.collection-intro{grid-column:1}.collection-grid{display:block;padding:5rem 1.2rem}.collection-card,.collection-card:nth-child(n){margin-bottom:6rem}.collection-image img,.collection-card:nth-child(n) .collection-image img{height:120vw;max-height:780px}.about-d4-hero{grid-template-columns:1fr}.about-d4-portrait{height:75vh}.story-d4{grid-template-columns:1fr}.work-detail-d4{grid-template-columns:1fr}.work-detail-copy{min-height:75vh}.legal-d4>header,.legal-d4-content{grid-template-columns:1fr}.legal-d4>header{padding-left:2.5rem}.gallery-footer-inner nav{flex-wrap:wrap}}
@media(max-width:600px){.gallery-header:not(.gallery-header-solid) nav{max-width:calc(100vw - 75px);overflow-x:auto}.gallery-header nav a:nth-child(2){display:block}.collection-hero h1{font-size:22vw}.collection-intro{align-items:start;flex-direction:column;gap:1.5rem}.collection-meta{grid-template-columns:auto 1fr}.collection-meta>a{grid-column:2}.about-d4-title{padding-left:4rem}.about-d4-title h1{font-size:23vw}.story-d4{padding:6rem 1.5rem}.contact-d4-copy{padding-left:4rem}.contact-d4-copy h1{font-size:18vw}.form-d4-wrap{padding:4rem 1.5rem}.work-detail-copy{padding:4rem 1.5rem 4rem 4rem}.legal-d4{padding-right:1rem;padding-left:1rem}.legal-d4>header{padding-left:3rem}.legal-d4 header h1{font-size:16vw}.legal-d4-content{padding:3rem 1.4rem}.gallery-footer-inner{padding-left:4rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.form-d4 select{width:100%;padding:.8rem 0;border:0;border-bottom:1px solid #77736a;border-radius:0;background:transparent;color:var(--ink);font:400 1.25rem Georgia,serif}.form-d4 select:focus{outline:2px solid var(--ember);outline-offset:4px}
