@font-face{font-family:Prata;src:url(assets/prata.ttf) format('truetype');font-style:normal;font-weight:400;font-display:swap}
/* One 1536 × 1024 composition. Scene, text and strip share its coordinate space.
   Wide screens add margins; they do not stretch or crop the scene. */
.original-home{--paper:#f1eee6;--ink:#080e1c;--gold:#a88b50}
.original-first-screen{height:100svh;background:var(--paper);display:grid;place-items:center;overflow:hidden}
.original-frame{width:min(100%,150svh);aspect-ratio:3/2;container-type:inline-size;display:grid;grid-template-rows:72.55859375% 27.44140625%;overflow:hidden}
.original-scene{position:relative;isolation:isolate;overflow:hidden}
.original-art{position:absolute;inset:0;overflow:hidden;z-index:-1}
.original-art img{position:absolute;inset:0 auto auto 0;display:block;width:100%;height:auto;max-width:none}
.original-art .original-landscape{clip-path:polygon(50.9% 34.7%,53.5% 34.7%,53.5% 29.3%,57.7% 29.3%,57.7% 34.7%,89.2% 34.7%,89.2% 63.2%,50.9% 63.2%)}
.original-header{position:absolute;inset:0 0 auto;display:grid;grid-template-columns:1fr auto auto;align-items:start;gap:5cqw;padding:1.5cqw 4.8cqw 0 9.8cqw}
.original-wordmark{display:block;white-space:nowrap}
.original-wordmark>span{display:block;font-family:Prata,Georgia,serif;font-size:2.65cqw;line-height:1.22;letter-spacing:.02em}
.original-nav{display:flex;gap:2.8cqw;padding-top:2cqw;font-size:.65cqw;letter-spacing:.3em;text-transform:uppercase;color:#eeece5;white-space:nowrap}
.original-cta{border:1px solid #d2bc8e;background:#64553b44;border-radius:40px;color:#eeece5;text-transform:uppercase;font-size:.65cqw;letter-spacing:.23em;padding:.9cqw 1.5cqw;white-space:nowrap;margin-top:.9cqw;text-align:center;transition:background .2s}
.original-cta:hover{background:#a88b5066}
.original-copy{position:absolute;left:7.05%;top:26.1%;width:43%}
.original-copy h1{font-family:Prata,Georgia,serif;font-weight:400;width:max-content;font-size:4.5cqw;line-height:1.1;letter-spacing:-.058em;margin:0;white-space:nowrap}
.original-rule{display:block;width:2.65cqw;height:1px;background:var(--gold);margin:2cqw 0 1.25cqw}
.original-copy p{font-size:.78cqw;letter-spacing:.42em;line-height:1.85;text-transform:uppercase;margin:0;font-weight:500}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.original-strip{display:grid;grid-template-columns:32% 48% 20%;padding:1.25cqw 1.7cqw 1.7cqw 3.1cqw;align-items:stretch}
.original-identity{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:2cqw;padding-right:1.8cqw;border-right:1px solid #b9a582}
.original-identity>img{width:9.4cqw;height:auto;object-fit:contain;max-width:none}
.original-strip-name{font-family:Prata,Georgia,serif;font-size:2.8cqw;line-height:1.25;letter-spacing:.07em;white-space:nowrap}
.original-identity small{display:block;font-size:.45cqw;font-weight:500;letter-spacing:.27em;line-height:1.5;margin-top:.15cqw;white-space:nowrap}
.original-identity p{font-size:.68cqw;letter-spacing:.075em;line-height:1.8;margin:.9cqw 0 0;color:#5d5d62}
.original-identity>div{display:flex;flex-direction:column;align-items:center;text-align:center}
.original-identity>div>p{text-align:left;align-self:flex-start}
.original-identity a.button-dark{margin-top:14px;padding:11px 20px;min-height:0;font-size:14px;line-height:1.1;letter-spacing:.2em;display:inline-flex;align-items:center;gap:14px;width:auto}
.original-identity a.service-phone{margin-top:10px;font-size:17px;letter-spacing:.06em;line-height:1.1;display:inline-block}
.original-directions{display:grid;grid-template-columns:repeat(3,1fr);gap:.9cqw;padding:0 .95cqw 0 1.85cqw;min-width:0;align-content:start}
.original-directions>a{display:flex;flex-direction:column;min-width:0}
.original-direction-art{display:block;width:100%;height:auto;aspect-ratio:218/168;flex:none;overflow:hidden}
.original-direction-label{font-size:.9cqw;letter-spacing:.32em;text-transform:uppercase;padding-top:1.8cqw;position:relative;line-height:1.4;white-space:nowrap}
.original-direction-label:before{content:'';width:1.8cqw;height:1px;background:var(--gold);position:absolute;top:1.15cqw;left:0}
.original-directions>a:hover .original-direction-label{color:#a38341}
.original-materials{border-left:1px solid #d8cbb3;padding-left:1cqw;margin-left:.2cqw;display:grid;grid-template-rows:auto 1fr;gap:1.5cqw;align-items:start}
.material-bars{display:grid;grid-template-columns:repeat(4,1fr);gap:.3cqw}
.material-bars svg{display:block;width:100%;height:auto;aspect-ratio:62/144;overflow:hidden}
.material-bottom{display:flex;gap:1.3cqw;justify-content:space-between;align-items:center}
.material-dots{display:flex;gap:.6cqw}.material-dots i{width:1.65cqw;height:1.65cqw;border-radius:50%;background:#0c152a}.material-dots i:nth-child(2){background:#ded8cb}.material-dots i:nth-child(3){background:#a78b5b}.material-dots i:nth-child(4){background:#884b2c}
.material-bottom>span{text-transform:uppercase;font-size:.5cqw;line-height:1.85;letter-spacing:.3em;padding-right:.2cqw}
.original-home .mobile-nav{z-index:10}
/* Every raster keeps its source proportions; deliberate photo crops use cover. */
.original-home .gallery-main{width:100%;min-width:0;height:auto;min-height:0;aspect-ratio:16/10}
.original-home .gallery-main>img{width:100%;height:100%;object-fit:cover}
.original-home .direction-image img,.original-home .sound-detail>img,.original-home .direction-art-frame>img{width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:800px){
 .original-first-screen{height:auto;display:block;overflow:visible}
 .original-frame{width:100%;aspect-ratio:auto;display:block;overflow:visible}
 .original-scene{display:flex;flex-direction:column;overflow:hidden;padding:0}
 .original-header{position:relative;inset:auto;padding:23px 7% 0;display:flex;justify-content:space-between;gap:12px;align-items:center}
 .original-wordmark>span{font-size:clamp(18px,3.85cqw,30px);line-height:1.3;letter-spacing:.02em}
 .original-nav{display:none}.original-cta{font-size:12px;padding:10px 14px;letter-spacing:.12em;color:var(--ink);background:transparent;border-color:#a88b50;margin:0}
 .original-home .menu-toggle{display:block;flex-shrink:0}
 .original-copy{position:relative;inset:auto;width:auto;margin:34px 7% 0;padding-bottom:30px}
 .original-copy h1{font-size:clamp(29px,5.6cqw,45px);line-height:1.23;letter-spacing:-.06em}
 .original-rule{width:32px;margin:23px 0 18px}
 .original-copy p{font-size:12px;letter-spacing:.3em;line-height:1.9}
 .original-art{position:relative;inset:auto;order:2;width:100%;height:auto;aspect-ratio:1536/743;background:var(--paper);z-index:0}
 .original-art img{top:0;width:100%}
 .original-strip{padding:21px 6% 27px;display:flex;flex-direction:column;gap:24px}
 .original-identity{border-right:0;border-bottom:1px solid #cbbd9e;padding:0 0 22px;gap:24px;grid-template-columns:80px 1fr}
 .original-identity>img{height:auto;width:80px;max-width:none}
 .original-strip-name{font-size:28px}.original-identity small{font-size:11px;letter-spacing:.2em}
 .original-identity p{font-size:13px;margin-top:14px;line-height:1.7;letter-spacing:.04em}
 .original-directions{padding:0;gap:12px}.original-direction-art{flex:none;aspect-ratio:218/168}
 .original-direction-label{font-size:11px;letter-spacing:.18em;padding-top:24px}.original-direction-label:before{top:13px;width:22px}
 .original-materials{display:none}
 .original-home .mobile-nav{top:105px}
}
@media(max-width:450px){.original-cta{display:none}.original-copy h1{font-size:8cqw}.original-copy p{font-size:11px}.original-identity{gap:17px}.original-strip-name{font-size:27px}.original-direction-label{font-size:11px;letter-spacing:.1em}}

/* Small typography follows legibility limits inside the shared frame. */
.original-header{gap:3cqw}
.original-nav{font-size:max(12px,.65cqw);gap:2.4cqw;letter-spacing:.18em}
.original-cta{font-size:max(12px,.65cqw);letter-spacing:.12em;padding:.9cqw 1.25cqw}
.original-copy p{font-size:max(13px,.78cqw);letter-spacing:.28em}
.original-copy p.eyebrow{font-size:max(13px,.85cqw);letter-spacing:.19em}
.original-identity small{font-size:max(12px,.55cqw);letter-spacing:.08em;white-space:normal}
.original-identity p{font-size:max(13px,.68cqw);letter-spacing:.02em}
.original-direction-label{font-size:max(12px,.85cqw);letter-spacing:.2em;white-space:normal}
.material-bottom>span{font-size:max(11px,.5cqw);letter-spacing:.12em}
@container(max-width:1100px){
 .original-nav{display:none}
 .original-header{grid-template-columns:1fr auto auto;gap:2.5cqw}
 .original-home .menu-toggle{display:block;margin-top:1.5cqw}
 .original-home .mobile-nav{top:90px}
 .material-bottom>span{display:none}
}
@media(min-width:801px){
 @container(max-width:1100px){
  .original-copy h1{font-size:4.4cqw}
  .original-rule{margin:1.5cqw 0 .75cqw}
  .original-copy p{line-height:1.45}
 }
}
@media(max-width:800px){
 .original-header{gap:12px;align-items:center}
 .original-home .menu-toggle{margin-top:0}
 .original-copy{margin-top:32px;padding-bottom:28px}
 .original-copy h1{font-size:clamp(32px,8.2cqw,52px);line-height:1.25;letter-spacing:-.04em}
 .original-copy p{font-size:13px;letter-spacing:.19em;line-height:1.9}
 .original-identity small{font-size:11px;letter-spacing:.02em}
 .original-identity p{font-size:14px;margin-top:12px;line-height:1.8}
 .original-direction-label{font-size:12px;letter-spacing:.06em;line-height:1.7;padding-top:24px}
 .original-home .mobile-nav{top:90px}
}
@media(max-width:350px){
 .original-copy h1{font-size:8.2cqw;letter-spacing:-.04em}
 .original-identity{grid-template-columns:64px minmax(0,1fr);gap:16px}
 .original-identity>img{width:64px}
 .original-strip-name{font-size:24px}
 .original-direction-label{font-size:11px;letter-spacing:0}
}
