html{scroll-behavior:smooth}body{margin:0;background:var(--ov-bg)}body.ov{font-size:14px}.skip-link{position:fixed;left:20px;top:-100px;padding:12px 18px;z-index:100;background:var(--ov-text);color:var(--ov-bg)!important}.skip-link:focus{top:20px}.hero{height:100svh;min-height:680px;max-height:1250px;position:relative;isolation:isolate;overflow:hidden;color:#f1ebdf}.hero-engine{position:absolute;inset:0;z-index:-1}.hero-engine .ov-aperture,.hero-engine .ov-aperture__scene{height:100%;min-height:100%}.site-header{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:32px 3.6vw;position:relative;z-index:5}.site-signature{text-decoration:none;font-size:10px;letter-spacing:.25em}.site-header nav{display:flex;gap:32px;font-size:11px;letter-spacing:.18em}.site-header nav a{text-decoration:none;padding:10px 0}.site-header nav a:hover{border-bottom:1px solid currentColor}.hero h1{font-family:var(--font-display);font-weight:400;font-size:17.3vw;letter-spacing:-.054em;line-height:.87;margin:12px 2.8vw 0;white-space:nowrap;position:relative;z-index:3;pointer-events:none}.hero-intro{position:relative;margin:30px 3.6vw;display:grid;gap:48px;justify-items:start;z-index:3}.hero-intro>p{font-size:12px;letter-spacing:.24em}.hero-intro .ov-button{--ov-text:#f1ebdf;--ov-bg:#0c0a09;--ov-line:#b9ada0}.hero-footer{position:absolute;bottom:35px;left:3.6vw;right:3.6vw;display:flex;justify-content:space-between;align-items:end;z-index:3;font-size:10px;letter-spacing:.22em}.hero-footer>span{display:grid;gap:12px}.hero-footer i{width:110px;height:1px;background:currentColor}.hero-footer a{display:flex;gap:20px;align-items:center;text-decoration:none}.scroll-stroke{display:block;width:1px;height:28px;background:currentColor}
.act-paper{padding:32px 3.6vw 36px;background:var(--ov-bg);color:var(--ov-text);overflow:hidden}.act-header{display:flex;justify-content:space-between;align-items:center;gap:25px;font-size:10px;letter-spacing:.22em}.act-header nav{display:flex;gap:32px}.act-paper h2{font:400 10.3vw/.92 var(--font-display);letter-spacing:-.047em;margin:35px 0 36px;white-space:nowrap}.act-paper .ov-contact{overflow:visible;padding:0}.act-paper .ov-film{transform:rotate(-7deg);margin:50px -6vw -50px;padding:22px 3vw 30px;position:relative;z-index:2;overflow: auto}.act-paper .ov-film__frame{flex-basis:19.5vw}.act-paper .ov-film__frame img{height:17vw;max-height:220px}.act-paper .ov-contact__selected{grid-template-columns:1.1fr 1fr;gap:8vw;margin-top:-21vw;padding:40px 14vw 40px 7vw;direction:rtl;align-items:end;position:relative;z-index:3;pointer-events:none}.act-paper .ov-contact__selected>*{direction:ltr;pointer-events:auto}.act-paper .ov-contact__selected figure{transform:rotate(5deg);padding:13px}.act-paper .ov-contact__selected figure>img{height:27vw;max-height:420px}.act-paper .ov-contact__selected>div>p{font-family:var(--font-zh);font-size:clamp(20px,2.5vw,38px);font-weight:300;line-height:1.7}.act-paper .ov-contact__rule{width:80px}.act-footer{display:flex;justify-content:space-between;align-items:end;gap:35px;border-top:1px solid var(--ov-line);padding-top:25px;margin-top:30px;font-size:10px;letter-spacing:.16em}.act-footer p{font-size:12px;letter-spacing:.04em;line-height:1.8}
.act-nocturne{padding:32px 3.6vw 40px;background:var(--ov-bg);color:var(--ov-text);overflow:hidden;position:relative;isolation:isolate}.act-nocturne:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse 60% 45% at 22% 58%,color-mix(in srgb,var(--ov-cold) 14%,transparent),transparent 70%)}.act-nocturne h2{font:400 10.3vw/.92 var(--font-display);letter-spacing:-.047em;margin:30px 0 10px;white-space:nowrap;color:var(--ov-text)}.act-nocturne .ov-roll{--roll-h:min(36vw,500px);--frame-w:clamp(160px,17vw,250px)}.act-nocturne .ov-roll__meta{padding:0}.act-nocturne .ov-roll__table{margin:0}
.act-resonance{background:#090706;color:#f1ebdf;position:relative;isolation:isolate;overflow:hidden;padding:32px 3.6vw 0}.act-resonance h2{font:400 15.4vw/.9 var(--font-display);letter-spacing:-.047em;margin:32px 0 0;position:relative;z-index:0;white-space:nowrap}.act-resonance #silk-act{margin-top:-10vw;position:relative;z-index:1}.act-resonance .ov-silk{background:transparent}.act-resonance .ov-silk__scene{height:45vw;min-height:470px;max-height:740px;background:transparent}.act-resonance .ov-silk__controls{padding:0;gap:20px}.act-resonance .ov-silk>.ov-help{padding:12px 0 30px}.resonance-bottom{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:25px 0 40px;border-top:1px solid var(--ov-line)}.resonance-bottom>div:first-child{display:flex;gap:38px;align-items:center}.resonance-bottom>div:first-child>span{font:36px var(--font-display);white-space:nowrap}.resonance-bottom p{font-size:12px;color:var(--ov-muted)}.gesture-strip{border-top:1px solid var(--ov-line);padding:26px 0 30px;display:flex;justify-content:space-between;font:18px var(--font-display);letter-spacing:.1em}
.system-entry{background:var(--ov-bg);color:var(--ov-text);padding:90px 6vw 100px;display:grid;grid-template-columns:1.1fr 1fr;gap:8vw}.system-entry h2{font:400 clamp(38px,5vw,70px)/1.2 var(--font-display);letter-spacing:-.025em}.system-entry p{font-size:14px;line-height:1.9;margin-top:30px;color:var(--ov-muted)}.entry-links{display:grid;align-content:center}.entry-links a{padding:27px 0;border-top:1px solid var(--ov-line);text-decoration:none;display:grid;grid-template-columns:1fr auto;gap:10px 25px}.entry-links a:last-child{border-bottom:1px solid var(--ov-line)}.entry-links a>span:first-child{font-size:21px}.entry-links a>span:nth-child(2){font-size:9px;letter-spacing:.2em;grid-row:2;color:var(--ov-muted)}.entry-links svg{width:29px;height:29px;grid-row:1/3;grid-column:2;align-self:center;transition:transform .4s var(--ov-ease)}.entry-links a:hover svg{transform:translateX(7px)}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:30px 3.6vw;color:var(--ov-muted);font-size:10px;letter-spacing:.1em}.site-footer>span:first-child{color:var(--ov-text)}.site-footer button{border:0;border-bottom:1px solid var(--ov-line);background:none;padding:8px 0;font-size:11px}
/* The working surfaces retain the print grammar while leaving room to operate. */
.work-header{padding:26px 4vw;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid var(--ov-line-soft)}.work-header a{text-decoration:none;font-size:11px;letter-spacing:.12em}.work-header nav{display:flex;align-items:center;gap:26px}.work-header button{background:none;border:0;padding:10px 0;color:var(--ov-muted);font-size:11px}.work-intro{padding:60px 4vw 40px;display:flex;align-items:end;justify-content:space-between;gap:40px}.work-intro h1{font:400 clamp(50px,8vw,112px)/.9 var(--font-display);letter-spacing:-.04em}.work-intro p{font-size:13px;color:var(--ov-muted);max-width:43ch;line-height:1.85}.work-layout{display:grid;grid-template-columns:200px minmax(0,1fr);gap:4vw;padding:0 4vw 90px}.work-sidebar{position:sticky;top:25px;align-self:start;display:grid;gap:5px}.work-sidebar input{background:none;border:0;border-bottom:1px solid var(--ov-line);padding:14px 0;width:100%;margin-bottom:18px;outline-offset:5px}.work-sidebar input::placeholder{color:var(--ov-muted)}.work-sidebar button{border:0;background:none;text-align:left;padding:12px 0;color:var(--ov-muted);display:flex;justify-content:space-between;gap:15px;font-size:12px}.work-sidebar button[aria-pressed=true]{color:var(--ov-accent)}.work-sidebar a{margin-top:25px;color:var(--ov-muted);font-size:11px}.work-specimens{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 35px}.specimen{border-top:1px solid var(--ov-line);padding:22px 0 45px;min-width:0;scroll-margin-top:25px}.specimen.is-wide{grid-column:1/-1}.specimen-head{display:flex;gap:18px;justify-content:space-between;align-items:baseline;margin-bottom:12px}.specimen-head h2{font-size:18px;font-weight:400}.specimen-head code{font-size:10px;color:var(--ov-muted);font-family:var(--font-sans);letter-spacing:.06em}.specimen-desc{font-size:12px;color:var(--ov-muted);line-height:1.8;max-width:64ch}.specimen-demo{padding:36px 0 26px;min-height:140px}.specimen-foot{font-size:10px;color:var(--ov-muted);display:flex;align-items:center;justify-content:space-between;gap:18px}.specimen-foot button{background:none;border:0;border-bottom:1px solid var(--ov-line);font-size:11px;padding:8px 0}.specimen-foot output{max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.work-empty{padding:60px 0;color:var(--ov-muted)}.studio-main{padding:20px 4vw 75px}.studio-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:65px;border-top:1px solid var(--ov-line);padding-top:30px}.studio-notes h2{font:28px var(--font-display);margin-bottom:15px}.studio-notes p{font-size:12px;color:var(--ov-muted);line-height:1.8}
@media(max-width:900px){.site-header nav{gap:19px}.hero{min-height:660px}.work-layout{grid-template-columns:155px minmax(0,1fr);gap:25px}.work-specimens{grid-template-columns:1fr}.work-intro{align-items:start}.work-intro p{max-width:32ch}.act-paper .ov-contact__selected{padding-right:4vw;padding-left:4vw}.resonance-bottom{grid-template-columns:1fr}.system-entry{gap:5vw}.gesture-strip{font-size:14px}}
@media(max-width:600px){html{scroll-behavior:auto}.hero{height:89svh;min-height:650px;max-height:900px}.site-header{padding:24px 6vw;gap:15px;align-items:start}.site-signature{font-size:9px;letter-spacing:.13em}.site-header nav{gap:14px;font-size:10px;flex-wrap:wrap;justify-content:end;max-width:220px;letter-spacing:.05em}.site-header nav a:nth-child(-n+2){display:none}.hero h1{font-size:17vw;margin:25px 4vw 0;letter-spacing:-.045em}.hero-intro{margin:26px 6vw;gap:35px}.hero-intro>p{font-size:10px;letter-spacing:.14em}.hero-footer{left:6vw;right:6vw;bottom:30px;font-size:8px;letter-spacing:.1em}.hero-footer i{width:65px}.hero-engine .ov-gpu-fallback{object-position:60% center}.act-paper{padding:28px 6vw}.act-header{font-size:8px;letter-spacing:.13em}.act-header nav{gap:10px;font-size:7px}.act-paper h2{font-size:11.9vw;margin:30px 0 35px}.act-paper .ov-film{margin:30px -6vw -20px}.act-paper .ov-film__frame{flex-basis:155px}.act-paper .ov-film__frame img{height:165px}.act-paper .ov-contact__selected{grid-template-columns:1.3fr 1fr;gap:20px;margin-top:0;padding:40px 0 20px}.act-paper .ov-contact__selected figure{padding:7px}.act-paper .ov-contact__selected figure>img{height:210px}.act-paper .ov-contact__selected>div>p{font-size:17px}.act-footer{gap:12px;font-size:8px}.act-footer p{font-size:10px}.act-footer>span:last-child{display:none}.act-resonance{padding:28px 6vw 0}.act-resonance h2{font-size:14.7vw;margin-top:36px}.act-resonance .ov-silk__scene{min-height:300px;height:370px}.act-resonance #silk-act{margin: -5vw -6vw 0}.act-resonance .ov-silk__controls,.act-resonance .ov-silk>.ov-help{padding-left:6vw;padding-right:6vw}.resonance-bottom{padding:22px 0 30px;gap:30px}.resonance-bottom>div:first-child{gap:24px}.gesture-strip{gap:15px;font-size:10px;letter-spacing:.02em}.system-entry{grid-template-columns:1fr;padding:60px 6vw;gap:40px}.system-entry p{font-size:12px}.site-footer{padding:25px 6vw;flex-wrap:wrap;font-size:9px}.site-footer>span:nth-child(2){order:3;flex-basis:100%}.work-header{padding:20px 6vw;align-items:start}.work-header nav{gap:15px;flex-wrap:wrap;justify-content:end}.work-header a{font-size:10px}.work-intro{padding:42px 6vw 30px;display:block}.work-intro p{margin-top:22px;max-width:45ch}.work-layout{display:block;padding:0 6vw 50px}.work-sidebar{position:static;display:flex;gap:18px;overflow:auto;align-items:center;padding:0 0 25px;margin-bottom:8px;flex-wrap:wrap}.work-sidebar input{flex:1 0 100%;margin:0}.work-sidebar button{white-space:nowrap;padding:7px 0}.work-sidebar button>span{display:none}.work-sidebar a{display:none}.work-specimens{display:block}.specimen-demo{padding:28px 0}.specimen-head h2{font-size:17px}.specimen-head code{font-size:9px}.studio-main{padding:10px 6vw 50px}.studio-notes{grid-template-columns:1fr;gap:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}[data-motion=reduce]{scroll-behavior:auto}

@media(min-width:901px){.act-paper .ov-contact__selected>div{transform:translateY(95px)}.act-paper .act-footer{margin-top:125px}}
/* The contact sheet retains the photographic density and registration marks of the reference. */
.act-paper{position:relative}.act-paper .ov-contact__selected>div{display:none}.act-paper .act-footer{margin-top:30px}.contact-panorama{position:relative;z-index:1;margin:-170px 0 0 -3.6vw;width:66%;height:245px;overflow:hidden}.contact-panorama>img{width:100%;height:100%;object-fit:cover}.contact-panorama>span{position:absolute;bottom:14px;left:25px;font-size:8px;letter-spacing:.2em;color:#f1ebdf}.contact-details{position:absolute;right:3.6vw;top:39vw;width:9vw;border-left:1px solid #a32320;padding:12px 0 0 18px;display:grid;gap:9px;z-index:3}.contact-details>span{font-size:8px;letter-spacing:.2em;margin-bottom:7px;white-space:nowrap}.contact-details>button{border:0;background:none;padding:0}.contact-details img{width:100%;height:4.4vw;object-fit:cover;filter:grayscale(1);transition:filter .3s}.contact-details button:hover img,.contact-details button:focus-visible img{filter:none}.contact-details button:first-of-type img{filter:none}.contact-details:before,.act-paper .ov-contact__selected figure:after{content:"";position:absolute;right:-13px;bottom:-15px;width:28px;height:28px;background:linear-gradient(#a32320,#a32320) center/1px 100% no-repeat,linear-gradient(#a32320,#a32320) center/100% 1px no-repeat;pointer-events:none}.contact-details:before{right:auto;left:-15px;top:-3px;bottom:auto}.act-paper .ov-film__frame[aria-pressed=true]:before{content:"";position:absolute;inset:-7px;border:1px solid #bf392d;pointer-events:none}.act-paper .ov-film__frame[aria-pressed=true]:after{content:"";position:absolute;right:15%;bottom:-90px;height:90px;width:1px;background:#bf392d;transform:rotate(-18deg);transform-origin:top;pointer-events:none}
.gesture-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:50px;padding:25px 0 45px}.gesture-strip>button{border:0;background:transparent;color:inherit;padding:0;text-align:center}.gesture-image{display:block;position:relative;height:180px}.gesture-image img{width:100%;height:100%;object-fit:contain;transition:transform .6s var(--ov-ease)}.gesture-strip>button>span:last-of-type{display:block;font:13px var(--font-display);letter-spacing:.18em;margin-top:18px}.gesture-strip small{display:block;font-size:10px;color:var(--ov-muted);letter-spacing:.08em;margin-top:10px}.gesture-strip>button:hover img{transform:scale(1.06) rotate(-3deg)}.gesture-strip>button:nth-child(2) img{transform:scaleX(1.08) rotate(4deg)}.gesture-point{position:absolute;width:33px;height:33px;border:1px solid #f1ebdf;border-radius:50%;right:10%;top:42%}.gesture-point:after{content:"";position:absolute;inset:44%;background:#f1ebdf;border-radius:50%}.gesture-arrow{position:absolute;right:9%;top:5%;font:55px var(--font-display);font-style:normal}.gesture-frame{position:absolute;inset:9% 22%;border:1px solid #f1ebdf}
@media(max-width:900px){.contact-panorama{height:170px;margin-top:-120px;width:63%}.contact-details{padding-left:10px;top:42vw}.contact-details>span{font-size:6px}.gesture-strip{gap:20px}.gesture-image{height:140px}}
@media(max-width:600px){.act-paper .ov-contact__selected{grid-template-columns:1fr;width:77%;margin-left:auto;padding:18px 0 0}.act-paper .ov-contact__selected figure>img{height:270px}.contact-panorama{margin:24px -6vw 0;width:calc(100% + 12vw);height:135px}.contact-panorama>span{font-size:6px;left:6vw}.contact-details{left:6vw;right:auto;top:475px;width:15%;padding-left:9px;gap:8px}.contact-details>span{font-size:5px;letter-spacing:.05em}.contact-details img{height:42px}.act-paper .act-footer{margin-top:22px}.gesture-strip{gap:12px}.gesture-image{height:100px}.gesture-strip>button>span:last-of-type{font-size:8px;letter-spacing:.03em;line-height:1.6;margin-top:9px}.gesture-strip small{font-size:8px;letter-spacing:0}.gesture-point{width:16px;height:16px;right:0}.gesture-arrow{font-size:25px}.gesture-frame{inset:25% 10%}}
/* Automatic contact printing preserves the original diagonal composition. */
.act-paper .ov-contact .ov-film{overflow:hidden;padding-left:0;padding-right:0}.act-paper .ov-film__track .ov-film__frame{flex-basis:19.5vw;width:19.5vw}.act-paper .ov-contact__print{height:27vw;max-height:420px}.act-paper .ov-contact__transport{padding:0 14vw 0 7vw;margin-top:8px;justify-content:flex-end}.act-paper .contact-panorama{margin-top:-150px}.act-paper .ov-contact__selected{padding-bottom:20px}.contact-details button[aria-pressed=true] img{filter:none}.contact-details button:first-of-type:not([aria-pressed=true]) img{filter:grayscale(1)}.act-footer a{text-decoration:none;min-height:44px;display:flex;align-items:center;border-bottom:1px solid var(--ov-line)}
@media(max-width:900px){.act-paper .contact-panorama{margin-top:-95px}.act-paper .ov-contact__transport{padding-right:4vw}}
@media(max-width:600px){.act-paper .ov-film__track .ov-film__frame{flex-basis:155px;width:155px}.act-paper .ov-contact__print{height:270px;max-height:none}.act-paper .ov-contact__transport{padding:14px 0 0;justify-content:flex-end;gap:2px}.act-paper .ov-contact__timer{max-width:50px}.act-paper .contact-panorama{margin-top:24px}.act-paper .act-footer{flex-wrap:wrap}.act-paper .act-footer a{font-size:10px}.contact-details{top:475px}}

@media(min-width:901px){.act-paper .ov-contact__transport{background:var(--ov-bg);padding:8px 14px;width:max-content;margin-left:auto;margin-right:14vw;justify-content:flex-start}.act-paper .ov-contact__transport>.ov-icon-button{flex-shrink:0}.act-paper .ov-contact__timer{width:70px}.act-paper .contact-panorama{width:60%}}

@media(max-width:650px){.act-nocturne{padding:28px 6vw 36px}.act-nocturne h2{font-size:11.9vw}.act-nocturne .ov-roll{--roll-h:300px;--frame-w:150px}.act-nocturne .ov-roll__table{height:240px}}
