@font-face{font-family:Archivo;src:url('/fonts/archivo-0.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Archivo;src:url('/fonts/archivo-1.ttf') format('truetype');font-weight:600;font-display:swap}
:root{--bg:#f7f5f4;--paper:#fff;--ink:#292527;--accent:#73454e;--rose:#e8d6d7;--muted:#60565b;--space:5vw;--small:16px;--body:18px;--lead:26px;--head:clamp(36px,4.5vw,64px);--display:clamp(48px,7.6vw,110px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Archivo,Arial,sans-serif;font-size:var(--body);line-height:1.5}a{color:inherit;text-underline-offset:5px}button,input{font:inherit}button,a,input{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:6px}a,button{transition:transform .2s,opacity .2s}a:hover,button:hover{opacity:.76}button:active,.button:active{transform:translateY(2px)}p,h1,h2,h3,figure{margin:0}h1,h2,h3{font-weight:400;letter-spacing:-.035em;line-height:1.02}h1{font-size:var(--display)}h2{font-size:var(--head)}h3{font-size:var(--lead)}img{display:block;max-width:100%;height:auto}.small,figcaption{font-size:var(--small);line-height:1.5;color:var(--muted)}.header{height:140px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space);gap:30px}.brand{width:126px;flex:none}.brand img{width:126px;height:112px;object-fit:contain;mix-blend-mode:multiply}.header nav{display:flex;gap:36px}.header a{text-decoration:none}.header-phone{font-size:var(--small)}.skip{position:absolute;left:16px;top:-100px;background:var(--paper);padding:12px;z-index:20}.skip:focus{top:16px}.hero{padding:34px var(--space) 90px}.hero h1{white-space:nowrap;margin-bottom:46px}.hero-bottom{display:grid;grid-template-columns:4fr 7fr;gap:5vw;align-items:end}.hero-copy{padding-bottom:48px}.hero-copy>p:first-child{max-width:28ch}.button,button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:54px;padding:15px 22px;background:var(--accent);color:var(--paper);font-weight:600;font-size:16px;border:0;border-radius:0;text-decoration:none;cursor:pointer}.hero .button{margin:28px 0 44px}.hero-art{align-self:start}.hero-art img{width:100%;aspect-ratio:3/2;object-fit:cover}.hero-art figcaption{margin-top:12px}.intro{padding:80px var(--space) 140px;display:grid;grid-template-columns:1fr 1fr;gap:5vw;align-items:end}.intro-note{padding-left:5vw}.intro-note img{width:215px;mix-blend-mode:multiply}.intro-note p{margin:20px 0 0 18px}.intro-copy{max-width:560px}.intro-copy h2{margin-bottom:30px}.intro-copy p{font-size:var(--lead);line-height:1.4;max-width:30ch}.text-link{display:inline-block;margin-top:24px}.pointure{display:grid;grid-template-columns:1fr 1fr;background:var(--rose);gap:6vw;padding:90px var(--space);align-items:center}.style-plate img{width:100%;aspect-ratio:1;object-fit:contain}.style-plate p{padding-top:14px;max-width:36ch}.question h2{font-size:clamp(34px,3.7vw,54px);margin-bottom:24px}.question>p{max-width:36ch}.question form{margin-top:28px}fieldset{padding:0;border:0;margin:0 0 20px}legend{padding:0;margin-bottom:8px}.radio{display:inline-flex;align-items:center;margin-right:28px;gap:8px;min-height:44px;cursor:pointer}.radio input{width:18px;height:18px;accent-color:var(--accent)}.size-label{display:block;margin-bottom:8px}.size-label span{font-size:var(--small)}#size{width:140px;min-height:48px;border:0;background:var(--paper);padding:10px 14px;color:var(--ink);border-radius:0}.question-output{margin:26px 0 22px;font-size:var(--lead);line-height:1.35;min-height:3em;max-width:31ch}.question-actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap}.question-actions a{font-size:16px}.question form>.small{margin-top:20px}.contact{background:var(--ink);color:var(--bg);padding:120px var(--space);display:grid;grid-template-columns:1.2fr 1fr;gap:10vw}.contact-heading p{font-size:var(--lead);margin:30px 0}.light{background:var(--rose);color:var(--ink)}.hours{padding-top:8px}.hours dl{margin:28px 0}.hours dl div{display:flex;justify-content:space-between;gap:26px;margin:12px 0}.hours dd{margin:0;font-variant-numeric:tabular-nums}.contact .small{color:var(--rose)}.contact-number{display:inline-block;font-size:var(--lead);margin-top:28px}.footer-name{font-size:clamp(100px,23vw,340px);line-height:1;letter-spacing:-.07em}footer{padding:52px var(--space) 30px}.footer-row{display:flex;justify-content:space-between;gap:32px;align-items:start;margin:48px 0}.credits{max-width:65ch}
@media(max-width:900px){:root{--space:4vw;--body:17px;--lead:22px}.header{height:120px;gap:20px}.header nav{gap:20px}.header-phone{display:none}.hero{padding-top:20px}.hero-bottom{grid-template-columns:3fr 4fr;gap:4vw}.hero-copy{padding-bottom:0}.hero .button{gap:12px;margin-bottom:28px}.intro{padding-bottom:85px;gap:4vw}.intro-note{padding-left:0}.pointure{gap:4vw;padding-top:65px;padding-bottom:65px}.question-actions{gap:16px}.contact{gap:5vw;padding-top:80px;padding-bottom:80px}.contact h2{font-size:42px}.hours dl div{display:block}.hours dd{margin-top:2px}}
@media(max-width:600px){:root{--space:20px;--lead:22px;--head:42px;--display:clamp(40px,11.6vw,64px)}.header{height:100px;gap:10px}.brand,.brand img{width:96px}.brand img{height:90px}.header nav{gap:14px;font-size:14px}.header nav a:first-child{display:none}.hero{padding-top:22px;padding-bottom:55px}.hero h1{white-space:normal;max-width:9ch;margin-bottom:28px}.hero-bottom{display:flex;flex-direction:column-reverse;gap:24px;align-items:stretch}.hero-art{width:100%}.hero-art figcaption{font-size:13px}.hero-copy>p:first-child{max-width:33ch}.hero .button{margin:20px 0 0}.hero .location{display:none}.intro{padding-top:35px;padding-bottom:60px;display:flex;flex-direction:column-reverse;align-items:stretch;gap:24px}.intro-copy h2{font-size:42px;margin-bottom:22px}.intro-copy p{font-size:22px}.intro-note{display:flex;align-items:center;justify-content:flex-end;gap:12px}.intro-note img{width:125px}.intro-note p{margin:0;font-size:13px;max-width:120px}.pointure{display:flex;flex-direction:column;padding:48px var(--space);gap:28px}.style-plate{width:100%}.style-plate img{aspect-ratio:3/2}.style-plate p{font-size:13px}.question{width:100%}.question h2{font-size:38px}.question-output{font-size:22px;min-height:3.8em}.contact{display:block;padding:64px var(--space)}.contact h2{font-size:40px;max-width:10ch}.contact-heading p{margin:26px 0}.hours{margin-top:50px}.hours dl div{display:flex;margin:16px 0}.hours dd{margin:0}.footer-name{font-size:29vw}.footer-row{flex-wrap:wrap;gap:24px;margin:32px 0}.footer-row p{width:100%}.credits{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

.mobile-break{display:none}.question h2,.contact h2{font-size:var(--head)}
@media(max-width:600px){.mobile-break{display:block}.hero h1{max-width:none}.small,figcaption,.hero-art figcaption,.intro-note p,.style-plate p,.credits,.header nav{font-size:16px}.question h2,.contact h2,.intro-copy h2{font-size:42px}.header nav{gap:12px}.header nav a{font-size:16px}.size-label span{font-size:16px}.contact h2{max-width:12ch}}
.motion-wrap{height:210vh;height:210svh}.motion-stage{position:sticky;top:0;height:100vh;height:100svh;min-height:570px;padding:50px var(--space);align-items:center;gap:5vw;background:var(--bg)}.motion-figure{min-width:0}.motion-frame{position:relative;aspect-ratio:1280/716;width:100%;overflow:hidden}.motion-frame img,.motion-frame canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.motion-frame canvas{opacity:0;transition:opacity .15s}.motion-frame canvas.has-frame{opacity:1}.motion-stage .intro-copy p{font-size:var(--lead)}
@media(max-width:900px) and (min-width:601px){.motion-stage{gap:4vw}.motion-stage h2{font-size:42px}.motion-stage .intro-copy p{font-size:22px}}
@media(max-width:600px),(prefers-reduced-motion:reduce){.motion-wrap{height:auto}.motion-stage{position:static;height:auto;min-height:0;padding-top:35px;padding-bottom:60px}.motion-frame canvas{display:none}.motion-figure{width:100%}.motion-stage{gap:28px}}
@media(prefers-reduced-motion:no-preference){.reveal-enter{animation:enter .65s both}@keyframes enter{from{transform:translateY(18px);opacity:.3}to{transform:translateY(0);opacity:1}}}