.page-intro-gl{position:relative;overflow:hidden;isolation:isolate}.page-head{position:relative;padding:clamp(9rem,22vh,15rem) 0 clamp(3rem,7vh,5rem)}[data-page=work] .page-head,[data-page=gallery] .page-head,[data-page=notes] .page-head{border-bottom:1px solid var(--line)}[data-page=work] .page-head:after,[data-page=gallery] .page-head:after,[data-page=notes] .page-head:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,color-mix(in srgb,var(--void) 45%,transparent),color-mix(in srgb,var(--void) 5%,transparent) 35%,color-mix(in srgb,var(--void) 50%,transparent) 75%,color-mix(in srgb,var(--void) 92%,transparent));pointer-events:none;z-index:1}.page-intro-gl>.hero-gl{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.page-head .container,.page-intro-gl>.sec .container{position:relative;z-index:2}.page-head-inner{display:grid;grid-template-columns:repeat(12,1fr);gap:2rem;align-items:end}.page-head h1{grid-column:1 / 8}.page-head .page-lead{grid-column:9 / 13;padding-bottom:.8rem}.page-meta{display:flex;gap:2.5rem;flex-wrap:wrap;margin-top:2.5rem;padding-top:1rem;border-top:1px solid var(--line);color:var(--mist)}@media(max-width:1000px){.page-head{padding:7rem 0 2.5rem}.page-head-inner{grid-template-columns:1fr;gap:1.5rem}.page-head h1,.page-head .page-lead{grid-column:1;padding-bottom:0}.page-meta{gap:.4rem;flex-direction:column;margin-top:1.75rem}}.sec{padding:clamp(5rem,12vh,9rem) 0;border-top:1px solid var(--line)}.page-intro-gl .intro-details{padding-top:clamp(1.5rem,4vh,3rem);border-top:0}.sec-head{display:grid;grid-template-columns:repeat(12,1fr);gap:2rem;align-items:end;padding-bottom:3rem}.sec-head h2{grid-column:1 / 8}.sec-head p{grid-column:9 / 13}@media(max-width:1000px){.sec-head{grid-template-columns:1fr;gap:1.25rem;padding-bottom:2rem}.sec-head h2,.sec-head p{grid-column:1}}.chunks{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem 2.5rem;padding-top:0}.sec>.container>.chunks{margin-top:0}.page-intro-gl>.sec{position:relative;z-index:2}.intro-details{border-top:0;padding-top:clamp(1.5rem,4vh,3rem)}.chunk h4{font-size:1.15rem;font-family:var(--f-mono);font-weight:400;letter-spacing:.14em;text-transform:uppercase;color:var(--gloss);margin-bottom:1.1rem}.chunk p{margin-bottom:1rem}.chunk ul{list-style:none;display:flex;flex-direction:column;gap:.65rem;color:var(--mist)}@media(max-width:1000px){.chunks{grid-template-columns:1fr;gap:2.25rem}}[data-page=contact] .intro-details .chunks{gap:1px;background:var(--line);border:1px solid var(--line)}[data-page=contact] .intro-details .chunk{padding:1.75rem;background:var(--void)}.faq{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line);overflow:hidden;transition:border-color .24s ease}.faq details[open]{border-bottom-color:var(--line-bright)}.faq summary{display:flex;align-items:baseline;justify-content:space-between;gap:2rem;padding:1.6rem 0;cursor:pointer;list-style:none;font-family:var(--f-display);font-weight:800;text-transform:var(--f-display-case);font-size:clamp(1.35rem,2.4vw,2.2rem);line-height:1;letter-spacing:-.02em;transition:color .2s var(--ease-out)}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:none}.faq-icon{display:inline-block;flex:0 0 auto;font-family:var(--f-mono);font-size:1.1rem;color:var(--gloss);transform-origin:center;transition:transform .42s cubic-bezier(.22,1,.36,1),color .2s ease;will-change:transform}.faq details[data-faq-state=open] .faq-icon{transform:rotate(45deg);color:var(--flake)}@media(hover:hover)and (pointer:fine){.faq summary:hover{color:var(--gloss)}}.faq-body{overflow:hidden;color:var(--mist);max-width:62ch}.faq-body>p{margin:0;padding-bottom:1.75rem}@media(prefers-reduced-motion:reduce){.faq-icon{transition-duration:.01ms}}.cta-band{padding:clamp(5rem,13vh,10rem) 0;border-top:1px solid var(--line)}.cta-band-inner{display:grid;grid-template-columns:repeat(12,1fr);gap:2rem;align-items:end}.cta-band h2{grid-column:1 / 8}.cta-band-side{grid-column:9 / 13;display:flex;flex-direction:column;align-items:flex-start;gap:1.75rem;padding-bottom:1rem}@media(max-width:1000px){.cta-band-inner{grid-template-columns:1fr}.cta-band h2,.cta-band-side{grid-column:1}.cta-band-side{padding-bottom:0}.cta-band-side .btn{align-self:stretch;justify-content:space-between}}.c-full{grid-column:span 6}@media(max-width:1000px){.c-full{grid-column:1}}html[data-theme=light] .faq summary{font-weight:650}html[data-theme=light] .page-head h1:before{content:"PLATE / 04";display:block;margin-bottom:.75rem;color:var(--mist);font-family:var(--f-mono);font-size:.7rem;font-weight:500;letter-spacing:.14em}html[data-theme=light] .page-head .page-lead{color:var(--flake)}html[data-theme=light] [data-page=work] .page-head:after,html[data-theme=light] [data-page=gallery] .page-head:after,html[data-theme=light] [data-page=notes] .page-head:after{background:linear-gradient(180deg,color-mix(in srgb,var(--void) 20%,transparent),color-mix(in srgb,var(--void) 3%,transparent) 26%,color-mix(in srgb,var(--void) 24%,transparent) 62%,color-mix(in srgb,var(--void) 74%,transparent))}html[data-theme=light] [data-page=about] .page-intro-gl:after,html[data-theme=light] [data-page=contact] .page-intro-gl:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,color-mix(in srgb,var(--void) 22%,transparent),color-mix(in srgb,var(--void) 3%,transparent) 16%,color-mix(in srgb,var(--void) 6%,transparent) 60%,color-mix(in srgb,var(--void) 90%,transparent) 74%,color-mix(in srgb,var(--void) 94%,transparent))}
