/* MINJA motion system — ink, glass, cuts and physical reconstruction. */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.ink-run,.ink-cjk{display:inline}.ink-word{display:inline-block;white-space:nowrap}.ink-glyph{display:inline-block;transform-origin:50% 80%;backface-visibility:hidden}.opening-type h1{animation:none}.opening-type .ink-run{white-space:normal}.opening-type .micro .ink-word,.opening-micro .ink-word{letter-spacing:inherit}
body[data-page] .site-header{position:fixed;inset:18px 3vw auto;height:62px;margin:0;padding:0 20px;gap:26px;border:1px solid #b9bdb0a8;border-radius:3px;background:radial-gradient(260px 90px at var(--light-x,50%) 0,#ffffffdc,transparent),linear-gradient(115deg,#f2f1eced,#f2f1ecdc);backdrop-filter:blur(24px) saturate(1.15);-webkit-backdrop-filter:blur(24px) saturate(1.15);box-shadow:inset 0 1px #fff9,0 5px 30px #0c160c06;z-index:102;transition:height .6s var(--ease),box-shadow .6s,border-color .6s,background .6s}.site-header:after{content:'';position:absolute;left:20px;right:20px;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,#7b885555,transparent);pointer-events:none}body[data-page] .site-header.is-scrolled{height:54px;box-shadow:inset 0 1px #fff8,0 7px 25px #0c160c12;border-color:#c4c8bb}.brand svg{display:block;width:127px;height:32px;transition:transform .7s var(--ease)}.brand:hover svg{transform:skewX(-5deg) scale(.96)}.desktop-nav{position:relative;display:flex;gap:2px;align-items:center;padding:4px;margin-left:auto}.desktop-nav a{position:relative;padding:10px 18px;font-size:10px;transform:translate(var(--mx,0px),var(--my,0px));transition:transform .5s var(--ease);z-index:1;display:flex;align-items:center}.nav-roll{display:block;height:16px;overflow:hidden;line-height:16px}.nav-roll>span{display:block;transition:transform .65s cubic-bezier(.22,1,.36,1),opacity .65s;white-space:nowrap}.nav-roll>span+span{opacity:.4}.desktop-nav a:hover .nav-roll>span,.desktop-nav a:focus-visible .nav-roll>span{transform:translateY(-100%);opacity:1}.nav-slider{position:absolute;left:0;top:4px;bottom:4px;opacity:0;width:0;background:linear-gradient(135deg,#d9dfcb88,#d5dac855);border:1px solid #bfc7ae55;border-radius:2px;transition:transform .65s cubic-bezier(.22,1,.36,1),width .65s cubic-bezier(.22,1,.36,1),opacity .35s;pointer-events:none}.header-tools{gap:22px}.menu-toggle{width:30px;height:30px;display:grid;align-content:center;gap:6px;isolation:isolate}.menu-toggle>span{position:relative;display:block;width:25px;height:1px;background:var(--ink);transition:transform .65s var(--ease),width .5s,background .5s}.menu-toggle>span:nth-child(2){width:17px;margin-left:auto}.menu-toggle>i{position:absolute;inset:-7px;border:1px solid #9fa98b66;border-radius:50%;transform:scale(.7);opacity:0;transition:transform .5s,opacity .5s;z-index:-1}.menu-toggle:hover>i{transform:scale(1);opacity:1}.menu-toggle:hover>span:nth-child(2){width:25px}.menu-toggle[aria-expanded=true]>span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true]>span:nth-child(2){width:25px;transform:translateY(-3.5px) rotate(-45deg)}.menu-toggle[aria-expanded=true]>i{opacity:1;transform:scale(1)}.lang-menu:not([hidden]){animation:menu-list-in .45s var(--ease)}.lang-menu{box-shadow:0 20px 70px #16210c15;border-color:#bcc4ad;background:#f2f1ecf5;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.lang-menu button{transition:background .3s,padding .4s var(--ease)}.lang-menu button:hover{padding-left:24px;background:#e2e7d8}
.nav-overlay{padding:125px 7vw 35px;background:#edeee5;overflow:auto;isolation:isolate}.nav-kicker{font-size:9px}.menu-layout{display:grid;grid-template-columns:1.1fr .8fr;gap:10vw;align-items:center;min-height:65vh}.nav-overlay .menu-layout nav{margin:25px 0;min-width:0}.menu-row{overflow:hidden;border-bottom:1px solid #a9b39b66}.nav-overlay nav .menu-line{display:flex;align-items:center;padding:22px 0;gap:30px;border:0;font-size:clamp(32px,4.1vw,68px);letter-spacing:-.055em;line-height:1.1}.nav-overlay nav .menu-line small{font-size:8px;letter-spacing:0;opacity:.5;align-self:flex-start;margin-top:13px}.menu-line>span{flex:1;transition:transform .75s var(--ease)}.menu-line:hover>span{transform:translateX(20px)}.menu-line>i{font-size:.5em;font-style:normal;transition:transform .65s var(--ease)}.menu-line:hover>i{transform:rotate(45deg)}.menu-preview{height:54vh;min-height:330px;position:relative;isolation:isolate;overflow:clip}.menu-preview>[data-menu-frame]{position:absolute;inset:0;clip-path:inset(0 100% 0 0);transition:clip-path .8s cubic-bezier(.76,0,.24,1);z-index:1}.menu-preview>[data-menu-frame].active{clip-path:inset(0 0 0 0);z-index:2}.menu-preview img{width:100%;height:100%;object-fit:cover;transform:scale(1.13);transition:transform 1.2s var(--ease)}.menu-preview .active img{transform:scale(1)}.menu-preview:after{content:'';position:absolute;inset:0;border:1px solid #fff4;z-index:3;pointer-events:none}.menu-preview-line{position:absolute;top:0;bottom:0;width:12%;left:13%;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-left:1px solid #ffffff66;border-right:1px solid #ffffff44;z-index:4;animation:menu-glass 9s ease-in-out infinite alternate}.menu-bottom{display:flex;justify-content:space-between;gap:30px;font-size:8px;padding-top:30px;border-top:1px solid #b9c0ad66}
/* Three beats: dispersed image field → triptych → image takeover. */
.signal-track{height:290vh;background:#111610;color:#f0f0e8}.signal-pin{background:#111610;perspective:1600px}.signal-pin:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#070c09a8,transparent 57%),linear-gradient(90deg,#070c0930,transparent);pointer-events:none;z-index:4}.signal-kicker{position:absolute;left:6vw;top:13vh;z-index:7;font-size:9px}.signal-panels{position:absolute;inset:0;z-index:2;isolation:isolate}.signal-panel{position:absolute;left:50%;top:50%;width:29vw;height:35vh;overflow:clip;box-shadow:0 20px 90px #0005;will-change:transform,clip-path}.signal-panel img{height:100%;width:100%;object-fit:cover;will-change:transform}.signal-panel-1{z-index:5}.signal-panel-3,.signal-panel-4,.signal-panel-5{z-index:-1}.signal-panel>.micro{position:absolute;left:14px;top:14px;font-size:7px;color:#fff;mix-blend-mode:difference}.signal-type{position:absolute;left:16vw;right:8vw;top:28vh;z-index:6;transform-origin:0 0;will-change:transform,opacity}.signal-type h2,.signal-type-echo{font-size:clamp(70px,10.5vw,170px);letter-spacing:-.06em;line-height:1.02;font-weight:400}.signal-type-echo{position:absolute;inset:0;pointer-events:none;color:transparent;-webkit-text-stroke:1px #f2f1ec;opacity:0;z-index:-1}.signal-copy{position:absolute;left:54vw;right:8vw;bottom:13vh;z-index:7;opacity:0;max-width:480px;will-change:transform,opacity}.signal-copy p{font-size:13px;line-height:1.9}.signal-copy p+p{font-size:11px;opacity:.65;margin-top:20px}.signal-bottom{position:absolute;bottom:5vh;left:6vw;right:6vw;display:flex;justify-content:space-between;gap:30px;z-index:7;font-size:8px}.signal-bottom>span:first-child{max-width:55%}.signal-rule{position:absolute;top:0;bottom:0;width:1px;background:#f2f1ec10;z-index:1;pointer-events:none}.signal-rule-a{left:33.333%}.signal-rule-b{right:33.333%}.signal-meter{position:absolute;bottom:0;left:0;right:0;height:2px;background:#ffffff0c;z-index:8}.signal-meter i{display:block;width:100%;height:100%;background:#c8e789;transform-origin:left;transform:scaleX(0)}
/* Each project begins as a framed image and becomes the viewport. */
.page-track{position:relative;height:190vh}.page-pin{position:sticky;top:0;height:100svh;min-height:600px;overflow:clip;isolation:isolate}.detail-entrance{background:#ebece3}.detail-cover{position:absolute;inset:0;overflow:clip;clip-path:inset(20% 6% 8%);will-change:clip-path}.detail-cover .cover-frame{width:100%;height:100%;aspect-ratio:auto;background:#d7dbcd}.detail-cover img{width:100%;height:100%;object-fit:cover;will-change:transform;transition:none}.detail-cover .image-plus{bottom:8vh;right:6vw;z-index:3}.detail-title{position:absolute;top:16vh;left:6vw;right:6vw;z-index:4;color:#f2f1ec;mix-blend-mode:difference;pointer-events:none;transform-origin:left top;will-change:transform,opacity}.detail-title>.micro{font-size:9px;display:block;margin-bottom:35px}.detail-title h1{font-size:clamp(55px,8.3vw,140px);letter-spacing:-.06em;line-height:1;max-width:1150px;font-weight:400}.detail-title p{font-size:13px;max-width:350px;line-height:1.7;margin-top:32px}.detail-back{position:absolute;bottom:5vh;left:6vw;z-index:5;color:#fff;mix-blend-mode:difference;font-size:9px}.detail-side-number{position:absolute;right:-1vw;bottom:7vh;font-family:var(--serif);font-size:18vw;line-height:1;letter-spacing:-.08em;color:#fff2;z-index:2;pointer-events:none;transform-origin:center}.detail-bottom{position:absolute;bottom:5vh;left:50%;right:6vw;z-index:5;display:flex;justify-content:space-between;color:#fff;mix-blend-mode:difference;font-size:8px;gap:20px}.project-overview{background:#f2f1ec}.project-overview h2{font-size:clamp(34px,3.8vw,60px);line-height:1.18}.project-overview>div{border-left:1px solid #bcc5ae;padding-left:4vw}.project-overview dl{padding-top:5px}.sequence-track{height:270vh;background:#121913}.sequence-pin{background:#121913}.sequence-pictures,.sequence-panel{position:absolute;inset:0}.sequence-panel{overflow:clip;will-change:clip-path}.sequence-panel .art-frame{height:100%;width:100%;aspect-ratio:auto;background:#111}.sequence-panel .art-frame img{height:100%;width:100%;object-fit:cover;transition:none;will-change:transform}.sequence-panel .image-plus{bottom:5vh;right:6vw}.sequence-top{position:absolute;top:13vh;left:6vw;right:6vw;display:flex;justify-content:space-between;color:#fff;mix-blend-mode:difference;font-size:9px;gap:30px;pointer-events:none;z-index:5}.sequence-bottom{position:absolute;left:6vw;right:13vw;bottom:5vh;display:flex;align-items:center;gap:35px;color:#fff;mix-blend-mode:difference;z-index:5;pointer-events:none}.sequence-current{font-family:var(--serif);font-size:8vw;line-height:1;letter-spacing:-.07em}.sequence-line{height:1px;flex:1;background:#ffffff55}.sequence-line i{display:block;width:100%;height:100%;background:#fff;transform:scaleX(0);transform-origin:left}.sequence-bottom>.micro{font-size:9px}.project-glass{margin-top:80px}.next-project{height:75vh;min-height:500px}.next-project>img{transition:transform 1.8s var(--ease),filter 1.2s}.next-project:hover>img{transform:scale(1.12)}.next-project h2{max-width:80%;font-size:clamp(50px,7vw,115px);transition:transform 1s var(--ease)}.next-project:hover h2{transform:translateX(2vw)}
/* A scrollable visual ledger rather than a repeated list. */
.page-intro,.collab-intro{padding-top:145px}.collab-intro{padding-bottom:85px}.collab-intro h1{font-size:clamp(65px,8.5vw,140px);line-height:1.04}.ledger-track{height:320vh;background:#101712}.ledger-pin{background:#101712;color:#f2f1ec}.ledger-pictures,.ledger-image,.ledger-scrim{position:absolute;inset:0}.ledger-image{overflow:clip;will-change:clip-path}.ledger-image img{height:100%;width:100%;object-fit:cover;will-change:transform}.ledger-scrim{background:linear-gradient(90deg,#0a120d18,#07120c50 45%,#07120ce0);z-index:3;pointer-events:none}.ledger-top{position:absolute;top:13vh;left:6vw;right:6vw;display:flex;gap:50px;align-items:center;justify-content:space-between;z-index:5;font-size:9px}.ledger-dots{flex:1;display:flex;gap:10px}.ledger-dots i{height:1px;flex:1;background:#fff4}.ledger-dots i.active{background:#e1f3b3;height:2px}.ledger-number{position:absolute;left:5vw;top:30vh;font-family:var(--serif);font-size:30vw;color:#ffffff15;line-height:1;z-index:4;letter-spacing:-.08em}.ledger-window{position:absolute;left:53vw;right:8vw;top:28vh;height:62vh;overflow:clip;z-index:5}.ledger-entry{position:absolute;inset:0;padding-top:2vh;will-change:transform,opacity}.ledger-entry>.micro{font-size:9px;opacity:.7}.ledger-entry h2{font-size:clamp(40px,4.7vw,75px);line-height:1.1;letter-spacing:-.055em;margin:38px 0 30px}.ledger-entry p{font-size:14px;line-height:1.9;max-width:500px;margin-bottom:35px}.ledger-entry .ledger-credits{font-size:9px;line-height:1.8;display:block;opacity:.55}.ledger-scroll{position:absolute;bottom:5vh;left:6vw;z-index:5;font-size:8px}.partner-ticker{padding:80px 0;overflow:clip;border-bottom:1px solid #bac1ad55;margin-bottom:80px}.partner-ticker-track{display:flex;width:max-content;will-change:transform}.partner-ticker-track>span{font-family:var(--serif);font-size:clamp(45px,6vw,100px);white-space:nowrap;letter-spacing:-.055em}.partner-ticker-track i{font-style:normal;font-size:.6em;margin:0 3vw;vertical-align:middle;color:#899872}.collab-end{padding-bottom:120px}
/* Portrait shutters and a scroll-lit personal letter. */
.note-hero{height:190vh;background:#e5e8dc}.note-hero-picture{position:absolute;left:0;top:0;bottom:0;width:52%;overflow:clip;will-change:clip-path}.note-hero-picture>img,.portrait-slice img{width:100%;height:100%;object-fit:cover;object-position:50% 35%;will-change:transform}.portrait-slice{position:absolute;inset:0;z-index:2;will-change:transform,opacity;pointer-events:none;mix-blend-mode:screen}.portrait-slice-0{clip-path:inset(0 65% 0 0);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.portrait-slice-1{clip-path:inset(0 33% 0 34%);filter:brightness(1.08)}.portrait-slice-2{clip-path:inset(0 0 0 68%);filter:contrast(1.13)}.note-hero-type{position:absolute;left:57vw;right:6vw;top:28vh;z-index:5;will-change:transform}.note-hero-type>.micro{font-size:9px}.note-hero-type h1{font-size:clamp(55px,6.7vw,110px);line-height:1.03;letter-spacing:-.055em;margin:45px 0}.note-hero-signature{font-size:8vw;font-family:var(--serif);font-style:italic;letter-spacing:-.07em;display:block;margin-top:60px;text-align:right;color:#7a876b}.note-hero-bottom{position:absolute;right:6vw;bottom:5vh;z-index:5;font-size:8px}.note-reading{display:grid;grid-template-columns:.7fr 1.3fr;gap:15vw;padding-top:130px;padding-bottom:150px}.note-reading-aside{position:sticky;top:135px;height:fit-content;display:flex;flex-direction:column;gap:50px;font-size:9px}.note-reading-mark{height:200px;display:grid;place-items:center;overflow:clip}.note-reading-mark svg{width:100%;height:auto;color:#9ba78c;transform:rotate(-7deg)}.note-reading-aside>.micro{font-size:9px;line-height:1.8}.note-reading .note-copy h2{font-size:clamp(34px,3.3vw,54px);line-height:1.35;margin:0 0 55px}.note-reading .note-copy p{font-size:clamp(16px,1.45vw,22px);line-height:2;margin-bottom:65px}.read-word{transition:opacity .18s linear}.note-reading .note-copy .underlined{margin-top:10px}.personal-note .note-panorama{position:relative;height:65vh;min-height:380px;overflow:clip}.note-panorama img{transition:transform 1.8s var(--ease)}.note-panorama:hover img{transform:scale(1.1)}.note-panorama>span{position:absolute;left:4vw;right:4vw;bottom:4vh;font-family:var(--serif);font-size:22vw;line-height:.8;letter-spacing:-.07em;color:#fff8;mix-blend-mode:difference;pointer-events:none}
/* Contact is a measured, responsive instrument. */
.contact-top{padding-top:145px}.contact-top h1{font-size:clamp(65px,8.3vw,140px)}.inquiry-form-heading{position:relative}.inquiry-progress{display:flex;align-items:center;gap:15px;position:absolute;right:0;top:18px;width:110px}.inquiry-progress>div{height:1px;background:#bac1ad;flex:1}.inquiry-progress i{display:block;height:100%;width:100%;background:#475d28;transform:scaleX(var(--form-progress,0));transform-origin:left;transition:transform .6s var(--ease)}.inquiry-progress>span{font-size:8px;white-space:nowrap;color:#7b856e}.inquiry-field{position:relative}.inquiry-field label{transition:transform .5s var(--ease),color .5s}.inquiry-field:focus-within label{transform:translateX(8px);color:#6f833f}.inquiry-field:focus-within label:before{content:'';position:absolute;left:-8px;top:5px;width:3px;height:3px;background:#718740;border-radius:50%}.inquiry-field input,.inquiry-field textarea,.inquiry-field select{transition:border-color .4s,box-shadow .4s}.inquiry-submit{position:relative;overflow:hidden;isolation:isolate}.inquiry-submit:before{content:'';position:absolute;inset:-1px;background:#526b33;transform:translateY(101%);transition:transform .65s cubic-bezier(.76,0,.24,1);z-index:-1}.inquiry-submit:hover:before{transform:none}.inquiry-submit:hover{background:#1c241c;transform:translateY(-2px)}.inquiry-aside .contact-picture{overflow:clip;transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .7s var(--ease);position:relative}.contact-picture:after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at var(--shine-x,50%) var(--shine-y,50%),#ffffff35,transparent 60%);mix-blend-mode:screen}.inquiry-aside .contact-picture img{transition:transform 1.2s var(--ease)}.inquiry-aside .contact-picture:hover img{transform:scale(1.08)}
/* Archive cards tilt around the pointer; filtering follows actual layout changes. */
.archive .work-image,.archive .atlas-card .art-frame{transform:perspective(1400px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .8s var(--ease)}.archive .work-image:after,.archive .atlas-card .art-frame:after{content:'';position:absolute;inset:0;background:radial-gradient(500px circle at var(--shine-x,50%) var(--shine-y,50%),#fff3,transparent 65%);opacity:0;transition:opacity .65s;pointer-events:none;z-index:2}.archive .work-image:hover:after,.archive .atlas-card .art-frame:hover:after{opacity:1}.archive .work-card:hover .card-caption h3{transform:translateX(7px)}.archive .card-caption h3{transition:transform .7s var(--ease)}.page-motion .motion-entry{opacity:0;transform:translateY(45px) rotateX(4deg);transition:opacity 1s var(--ease),transform 1.25s var(--ease);transition-delay:var(--entry-delay,0ms)}.page-motion .motion-entry.motion-entered{opacity:1;transform:none}
@keyframes menu-list-in{from{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:none}}@keyframes menu-glass{to{transform:translateX(380%)}}
/* Static compositions preserve all works and all copy. */
body:not(.story-motion) .signal-track{height:auto}body:not(.story-motion) .signal-pin{height:auto;min-height:0;padding:110px 6vw 70px}body:not(.story-motion) .signal-kicker,body:not(.story-motion) .signal-type,body:not(.story-motion) .signal-copy,body:not(.story-motion) .signal-bottom{position:relative;inset:auto;opacity:1;transform:none}body:not(.story-motion) .signal-type{margin:55px 0}body:not(.story-motion) .signal-copy{margin-left:40%;max-width:none}body:not(.story-motion) .signal-panels{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:45px}body:not(.story-motion) .signal-panel{position:relative;inset:auto;width:auto;height:25vw;min-height:180px;transform:none}body:not(.story-motion) .signal-panel-3,body:not(.story-motion) .signal-panel-4,body:not(.story-motion) .signal-panel-5{z-index:0}body:not(.story-motion) .signal-pin:after,body:not(.story-motion) .signal-type-echo,body:not(.story-motion) .signal-meter{display:none}body:not(.story-motion) .signal-bottom{margin-top:50px}
main:not(.page-motion) .page-track{height:auto}main:not(.page-motion) .page-pin{position:relative;min-height:650px}main:not(.page-motion) .sequence-pin{height:auto;padding:0}main:not(.page-motion) .sequence-pictures{position:relative}main:not(.page-motion) .sequence-panel{position:relative;height:80vh;min-height:450px}main:not(.page-motion) .sequence-top,main:not(.page-motion) .sequence-bottom{display:none}main:not(.page-motion) .ledger-pin{height:auto;min-height:0}main:not(.page-motion) .ledger-image:not(:first-child){display:none}main:not(.page-motion) .ledger-window{position:relative;inset:auto;height:auto;padding:150px 8vw 100px 45vw}main:not(.page-motion) .ledger-entry{position:relative;inset:auto;padding:40px 0;border-bottom:1px solid #fff4}main:not(.page-motion) .ledger-number,main:not(.page-motion) .ledger-dots{display:none}.motion-off .ink-glyph{transform:none!important;text-shadow:none!important}.motion-off .work-image,.motion-off .atlas-card .art-frame,.motion-off .contact-picture{transform:none!important}.motion-off .read-word{opacity:1!important}
@media(min-width:1800px){body{max-width:none}}
@media(max-width:1100px){.desktop-nav a{padding:10px;font-size:9px;gap:6px}.header-tools{gap:18px}body[data-page] .site-header{gap:16px}.ledger-window{left:46vw;right:7vw}.ledger-entry h2{font-size:50px}.ledger-entry p{font-size:13px}.note-hero-type{left:56vw}.note-hero-type h1{font-size:7vw}.signal-copy{left:45vw;right:7vw}.inquiry-progress{width:85px}}
@media(max-width:700px){body[data-page] .site-header{inset:12px 4vw auto;height:56px;padding:0 15px;gap:15px}body[data-page] .site-header.is-scrolled{height:50px}.brand svg{width:106px;height:27px}.desktop-nav{display:none}.header-tools{gap:22px}.menu-toggle{width:25px}.menu-toggle>span{width:22px}.menu-toggle:hover>span:nth-child(2),.menu-toggle[aria-expanded=true]>span:nth-child(2){width:22px}.nav-overlay{padding:100px 7vw 30px}.menu-layout{display:block;min-height:66vh}.nav-overlay .menu-layout nav{position:relative;z-index:3;margin:35px 0}.nav-overlay nav .menu-line{font-size:34px;padding:23px 0;gap:18px}.nav-overlay nav .menu-line small{font-size:7px;margin-top:7px}.menu-preview{position:absolute;inset:18vh 0 8vh 24vw;height:auto;min-height:0;opacity:.15;z-index:0;pointer-events:none}.menu-preview-line{display:none}.menu-bottom{font-size:7px;line-height:1.8}.menu-bottom>span:first-child{max-width:75%}.signal-track{height:280vh}.signal-kicker{left:7vw;top:13vh;font-size:8px}.signal-type{left:8vw;right:6vw;top:30vh}.signal-type h2,.signal-type-echo{font-size:14vw;line-height:1.08}.signal-copy{left:20vw;right:9vw;bottom:14vh;max-width:none}.signal-copy p{font-size:11px;line-height:1.85}.signal-copy p+p{font-size:10px;margin-top:16px}.signal-bottom{left:7vw;right:7vw;bottom:5vh;font-size:7px}.signal-panel>.micro{font-size:6px;left:9px;top:10px}.page-pin{min-height:540px}.detail-entrance{height:170vh}.detail-title{top:18vh;left:7vw;right:7vw}.detail-title>.micro{font-size:8px;margin-bottom:30px}.detail-title h1{font-size:13.5vw;line-height:1.05}.detail-title p{font-size:11px;max-width:230px;margin-top:27px}.detail-back{left:7vw;bottom:5vh;font-size:7px;max-width:48%}.detail-bottom{left:auto;right:7vw;font-size:7px;bottom:5vh}.detail-bottom>span:first-child{display:none}.detail-side-number{font-size:42vw;right:-4vw;bottom:12vh}.detail-cover .image-plus{right:7vw;bottom:13vh}.project-overview{padding-top:65px;padding-bottom:65px}.project-overview>div{padding-left:0;border-left:0}.project-overview h2{font-size:34px}.sequence-track{height:245vh}.sequence-top{top:13vh;left:7vw;right:7vw;font-size:7px;line-height:1.6}.sequence-top>span:last-child{max-width:55%;text-align:right}.sequence-bottom{left:7vw;right:23vw;bottom:5vh;gap:20px}.sequence-current{font-size:16vw}.sequence-bottom>.micro{font-size:8px}.sequence-panel .image-plus{right:7vw;bottom:5vh}.project-glass{margin-top:65px}.next-project{height:65vh;min-height:420px}.next-project h2{font-size:12vw;max-width:95%}.page-intro,.collab-intro{padding-top:120px}.collab-intro{padding-bottom:55px}.collab-intro h1{font-size:15vw;line-height:1.08}.ledger-track{height:340vh}.ledger-scrim{background:linear-gradient(0deg,#07120cef,transparent 90%),linear-gradient(90deg,#07120c45,transparent)}.ledger-top{left:7vw;right:7vw;top:12vh;gap:20px;font-size:7px}.ledger-top>span:last-child{display:none}.ledger-number{left:5vw;top:16vh;font-size:60vw}.ledger-window{left:7vw;right:9vw;top:40vh;height:52vh}.ledger-entry h2{font-size:10vw;margin:25px 0 22px;line-height:1.15}.ledger-entry p{font-size:12px;line-height:1.85;margin-bottom:23px}.ledger-entry>.micro{font-size:7px}.ledger-entry .ledger-credits{font-size:8px}.ledger-scroll{left:7vw;bottom:4vh;font-size:7px}.partner-ticker{padding:50px 0;margin-bottom:45px}.partner-ticker-track>span{font-size:13vw}.partner-ticker-track i{margin:0 5vw}.collab-end{padding-bottom:80px}.note-hero{height:180vh}.note-hero-picture{width:100%;bottom:28vh}.note-hero-pin{background:#e5e8dc}.note-hero-type{left:7vw;right:7vw;top:49vh;color:#f2f1ec;mix-blend-mode:difference}.note-hero-type>.micro{font-size:7px}.note-hero-type h1{font-size:14vw;line-height:1.08;max-width:85%;margin:30px 0}.note-hero-signature{font-size:17vw;margin-top:25px;color:#fff}.note-hero-bottom{font-size:7px;right:7vw;bottom:5vh}.note-reading{display:block;padding-top:65px;padding-bottom:90px}.note-reading-aside{position:relative;top:0;display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center;margin-bottom:60px}.note-reading-aside>.micro{font-size:7px}.note-reading-aside>.micro:last-child{grid-column:1;grid-row:2;max-width:150px}.note-reading-mark{height:auto;grid-column:2;grid-row:1/3;transform:rotate(5deg)}.note-reading .note-copy h2{font-size:29px;margin-bottom:40px;line-height:1.5}.note-reading .note-copy p{font-size:15px;line-height:2.1;margin-bottom:45px}.personal-note .note-panorama{height:50vh;min-height:350px}.note-panorama>span{font-size:27vw;bottom:5vh}.contact-top{padding-top:120px;padding-bottom:55px}.contact-top h1{font-size:14vw}.inquiry-progress{width:85px;top:18px}.inquiry-progress>span{font-size:7px}.inquiry-form-heading>.micro{font-size:8px;display:block;max-width:60%}.inquiry-submit:hover{transform:none}body:not(.story-motion) .signal-pin{padding:85px 7vw 60px}body:not(.story-motion) .signal-panels{grid-template-columns:1fr 1fr;gap:18px}body:not(.story-motion) .signal-panel{height:35vw;min-height:140px}body:not(.story-motion) .signal-copy{margin-left:15%;max-width:90%}main:not(.page-motion) .ledger-window{padding:100px 7vw 80px}main:not(.page-motion) .ledger-entry{padding:35px 0}main:not(.page-motion) .sequence-panel{height:75vh;min-height:400px}html:not([lang=en]) .signal-type h2,html:not([lang=en]) .signal-type-echo{font-size:12vw;line-height:1.25}html:not([lang=en]) .detail-title h1{font-size:12vw;line-height:1.15}html:not([lang=en]) .note-hero-type h1{font-size:12vw;line-height:1.2}}
@media(prefers-reduced-motion:reduce){.ink-glyph{transform:none!important}.motion-entry{opacity:1!important;transform:none!important}.read-word{opacity:1!important}}
.menu-toggle>span,.menu-toggle[aria-expanded=true]>span{top:auto;left:auto;right:auto}.menu-preview [data-menu-frame="0"].active img{transform:scale(1.08)}
.detail-title{mix-blend-mode:normal;color:#f2f1ec}.detail-title h1{text-shadow:0 2px 30px #0005}.detail-title>.micro{color:var(--detail-meta,#171b17)}.detail-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,transparent 55%,#070d133b);pointer-events:none}.detail-back,.detail-bottom{mix-blend-mode:normal;color:var(--detail-bottom,#171b17)}
.motion-defs{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}.story-motion .opening-type{filter:url(#hero-ink-warp)}.motion-off .opening-type{filter:none}
.opening-scroll span{animation:none}.opening-scroll>span:not(.ink-run):not(.sr-only){animation:scroll-nudge 1.8s ease-in-out infinite}
/* A little glass screen, cut from MINJA's own image world. */
.play-footer{padding:32px 5vw 22px;background:#e7e6df;overflow:clip}
.footer-play-grid{display:grid;grid-template-columns:1fr 344px;gap:8vw;align-items:center;max-width:1320px;margin:0 auto;min-height:270px}
.footer-invitation{display:flex;align-items:flex-start;flex-direction:column;gap:22px}
.footer-invitation>.micro{font-size:8px;color:#727968}
.footer-invitation .footer-cta{font-size:clamp(34px,3.8vw,56px);line-height:1.1;display:flex;align-items:center;gap:36px}
.footer-signature{display:block;width:92px;color:#414a38;margin-top:19px}
.footer-signature svg{display:block;width:100%;height:24px}
.footer-signature:focus-visible{outline-offset:8px}
.image-endnote{width:344px;max-width:100%;position:relative;margin:0}
.portal-heading{display:flex;justify-content:flex-end;align-items:center;padding:0 12px}
.portal-heading>.micro{font-size:9px;letter-spacing:.08em;color:#5d6655}
.portal-reset{height:28px;width:28px;display:grid;place-items:center;transition:transform .6s var(--ease),opacity .3s}
.portal-reset:hover{transform:rotate(-65deg)}
.portal-reset svg{width:14px;height:14px;fill:none;stroke:#5d6655;stroke-width:1}
.portal-object{display:block;position:relative;width:100%;height:230px;border:0;padding:0;margin:-4px 0 -3px;background:transparent;cursor:crosshair;touch-action:pan-y;outline-offset:-12px;isolation:isolate;user-select:none;-webkit-user-select:none}
.portal-object:active{cursor:grabbing}
.portal-object:focus-visible{outline:1px solid #89967a}
.portal-object canvas{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;opacity:0;transition:opacity .5s}
.image-endnote[data-renderer=glass] canvas{opacity:1}
.portal-backup{display:block;position:absolute;inset:36px 36px 38px;overflow:hidden;mask:repeating-linear-gradient(90deg,#000 0 calc(11.111% - 3px),transparent calc(11.111% - 3px) 11.111%);transform:translateX(var(--portal-shift,0px));transition:opacity .4s,transform .4s}
.portal-backup img{display:block;width:100%;height:100%;object-fit:cover;filter:blur(.4px)}
.image-endnote[data-renderer=glass] .portal-backup{opacity:0}
.is-revealing .portal-backup{mask:none;transform:none}
.portal-corner{position:absolute;width:8px;height:8px;z-index:3;opacity:.55;pointer-events:none;transition:transform .7s var(--ease),opacity .7s}
.portal-corner-a{left:21px;top:27px;border-top:1px solid #7d8973;border-left:1px solid #7d8973}
.portal-corner-b{right:21px;bottom:27px;border-bottom:1px solid #7d8973;border-right:1px solid #7d8973}
.is-revealing .portal-corner-a{transform:translate(5px,5px);opacity:1}.is-revealing .portal-corner-b{transform:translate(-5px,-5px);opacity:1}
.portal-caption{display:flex;align-items:center;justify-content:flex-end;padding:0 12px}
.portal-count{font-size:8px;color:#737d68;letter-spacing:.07em}
.portal-navigation{display:flex;gap:12px}
.portal-navigation button{width:30px;height:28px;color:#6f7c60;font-size:16px;line-height:1;transition:transform .4s var(--ease),color .3s}
.portal-navigation button:hover{transform:translateX(3px);color:#152513}.portal-navigation button:first-child:hover{transform:translateX(-3px)}
.image-endnote>p{font-size:9px;line-height:1.6;color:#737d68;letter-spacing:.015em;text-align:left;margin:5px 12px 0}
.play-footer .footer-bottom{max-width:1320px;margin:26px auto 0;padding-top:18px;font-size:8px;border-color:#b1b8a7}
.play-footer .footer-bottom .text-button{font-size:8px}
.chapter-nav{transition:opacity .45s}.footer-at-play .chapter-nav{opacity:0;pointer-events:none}
@media(min-width:1700px){.footer-play-grid{min-height:280px}}
@media(max-width:700px){
 .play-footer{padding:30px 7vw 22px}.footer-play-grid{grid-template-columns:1fr;gap:26px;min-height:0}
 .footer-invitation{display:grid;grid-template-columns:1fr auto;align-items:center;gap:16px}.footer-invitation>.micro{grid-column:1/-1;font-size:7px}
 .footer-invitation .footer-cta{font-size:32px;gap:25px}.footer-signature{width:70px;margin:0}.footer-signature svg{height:20px}
 .image-endnote{width:300px;justify-self:center}.portal-heading>.micro{font-size:8px}.portal-object{height:205px;margin-top:-2px}
 .portal-backup{inset:32px}.portal-corner-a{left:18px;top:24px}.portal-corner-b{right:18px;bottom:24px}
 .image-endnote>p{font-size:8px}.play-footer .footer-bottom{margin-top:28px;padding-top:18px;font-size:7px;gap:14px}.play-footer .footer-bottom .text-button{font-size:7px}
}
@media(pointer:coarse){.portal-navigation button{width:40px;height:36px}.portal-reset{width:36px;height:36px}}
@media(prefers-reduced-motion:reduce){.portal-object canvas,.portal-backup,.portal-corner{transition:none}}
/* Selected Work is a paced exhibition rather than a repeated card template. */
.archive{padding-top:0;overflow:clip;overflow-anchor:none}
.archive-intro{position:relative;min-height:790px;height:89svh;max-height:1050px;padding:145px 6vw 45px;isolation:isolate}
.archive-kicker{display:block;font-size:9px;color:#69705f}
.archive-title{position:relative;z-index:4;margin-top:72px;max-width:73%;pointer-events:none;translate:0 var(--title-shift,0px)}
.archive-title h1{font-size:clamp(90px,10.4vw,174px);line-height:.95;letter-spacing:-.065em;font-weight:400;margin:0}
.archive-hero-stack{position:absolute;inset:0;pointer-events:none;z-index:2}
.archive-hero-fragment{position:absolute;overflow:hidden;background:#dce0d5;transform:translateY(var(--fragment-scroll,0px)) rotate(var(--fragment-angle,0deg));box-shadow:0 14px 40px #151e1612;will-change:transform}
.archive-hero-fragment img{width:100%;height:100%;object-fit:cover}
.archive-fragment-a{width:14vw;height:23vh;left:53vw;top:17vh;--fragment-angle:-9deg}
.archive-fragment-b{width:25vw;height:49vh;left:65vw;top:20vh;--fragment-angle:5deg}
.archive-fragment-b img{object-position:36% 50%}
.archive-fragment-c{width:16vw;height:19vh;left:78vw;top:61vh;--fragment-angle:-6deg}
.archive-hero-glass{position:absolute;inset:0 auto 0 57%;width:17%;backdrop-filter:blur(9px) saturate(1.15);-webkit-backdrop-filter:blur(9px) saturate(1.15);background:#ffffff0b;border-inline:1px solid #ffffff55}
.archive .archive-bar{position:absolute;left:6vw;bottom:45px;max-width:47%;margin:0;display:flex;flex-direction:column;align-items:flex-start;gap:28px;z-index:4}
.archive .archive-bar>p{max-width:315px;font-size:12px;line-height:1.8;color:#69705f}
.archive-enter{font-size:8px;display:flex;align-items:center;gap:45px}
.archive-enter span{font-size:17px;transition:transform .5s var(--ease)}.archive-enter:hover span{transform:translateY(5px)}
.archive-intro-rule{position:absolute;left:6vw;right:6vw;bottom:0;height:1px;background:#bfc4b5}
.archive-toolbar{position:sticky;top:88px;z-index:35;display:flex;justify-content:space-between;align-items:center;gap:25px;padding:22px 6vw;background:#f2f1ecef;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid #c0c6b7;scroll-margin-top:88px}
.archive .view-switch{margin:0;border:0;gap:25px;padding:0;flex-shrink:0}
.archive .view-switch button{position:relative;padding:7px 0 10px;font-size:11px;color:#79826d;transition:color .4s}
.archive .view-switch button[aria-pressed=true]{background:none;color:var(--ink)}
.archive .view-switch button:after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease)}
.archive .view-switch button[aria-pressed=true]:after{transform:scaleX(1)}
.archive .view-switch sup{font-size:8px;margin-left:8px;color:#7c8870}
.archive .filters{display:flex;gap:25px;flex-wrap:wrap;align-items:center}
.archive .filter{padding:8px 0;font-size:10px;border:0;color:#7c836f;position:relative;transition:color .4s}
.archive .filter.active{color:#16210f}
.archive .filter:after{content:'';display:block;position:absolute;left:0;right:0;bottom:0;height:1px;background:#7c8c67;transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease)}
.archive .filter.active:after{transform:scaleX(1)}
.archive .filter sup{font-size:7px;margin-left:5px}
.archive-reading-line{position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#8c9c74;transform:scaleX(var(--collection-progress,0));transform-origin:left;pointer-events:none}
.archive .archive-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:125px 3vw;padding:65px 6vw 150px;align-items:start}
.archive .work-card{min-width:0;padding:0;margin:0;transform:none}
.archive .work-card[data-slot="0"]{grid-column:1 / span 8}
.archive .work-card[data-slot="1"]{grid-column:10 / span 3;margin-top:210px}
.archive .work-card[data-slot="2"]{grid-column:2 / span 4}
.archive .work-card[data-slot="3"]{grid-column:7 / span 6;margin-top:155px}
.archive .work-card[data-slot="4"]{grid-column:1 / span 7}
.archive .work-card[data-slot="5"]{grid-column:9 / span 4;margin-top:180px}
.archive-card-top{display:flex;justify-content:space-between;border-top:1px solid #b1baa5;padding-top:12px;margin-bottom:15px;font-size:8px;color:#6f7c61}
.archive .work-image{aspect-ratio:auto;isolation:isolate;height:65vh;max-height:770px;min-height:330px;transform:none;border-radius:0;transition:clip-path 1.2s cubic-bezier(.16,1,.3,1),opacity .65s;clip-path:inset(0)}
.archive .work-card[data-slot="1"] .work-image{height:36vh;min-height:250px}
.archive .work-card[data-slot="2"] .work-image{height:59vh}
.archive .work-card[data-slot="3"] .work-image{height:49vh}
.archive .work-card[data-slot="4"] .work-image{height:57vh}
.archive .work-card[data-slot="5"] .work-image{height:42vh}
.archive .work-image:after{display:none}
.archive .archive-image-main,.archive .archive-image-alt{position:absolute;inset:-9% 0;transform:translate3d(var(--image-x,0px),var(--image-y,0px),0) scale(1.035);will-change:transform}
.archive .work-image img{width:100%;height:100%;object-fit:cover;transform:none;transition:none}
.archive .archive-image-alt{z-index:2;opacity:0;clip-path:polygon(var(--reveal-left,36%) 0,var(--reveal-right,64%) 0,var(--reveal-right,64%) 100%,var(--reveal-left,36%) 100%);transition:opacity .65s}
.archive-image-glass{position:absolute;left:var(--slice-x,50%);translate:-50% 0;top:0;bottom:0;width:28%;background:linear-gradient(100deg,#ffffff0c,transparent,#ffffff12);border-inline:1px solid #ffffff44;opacity:0;z-index:3;pointer-events:none;transition:opacity .65s}
.archive-image-open{position:absolute;right:24px;bottom:18px;font-family:var(--sans);font-size:30px;color:#fff;mix-blend-mode:difference;z-index:4;translate:0 5px;opacity:0;transition:translate .7s var(--ease),opacity .6s}
.archive .is-hovered .archive-image-alt,.archive .is-hovered .archive-image-glass{opacity:1}
.archive .is-hovered .archive-image-open,.archive .work-image:focus-visible .archive-image-open{opacity:1;translate:0 0}
.archive .is-opening .archive-image-alt,.archive .is-opening .archive-image-glass,.archive .is-opening .archive-image-open{opacity:0;transition:none}
.archive .card-caption{border:0;padding:0;margin-top:23px;transition:opacity .8s,translate 1s var(--ease)}
.archive .card-caption h2{font-family:var(--serif);font-size:clamp(29px,2.7vw,46px);line-height:1.13;letter-spacing:-.04em;margin:0;max-width:700px}
.archive .work-card[data-slot="1"] h2,.archive .work-card[data-slot="5"] h2{font-size:clamp(25px,2.1vw,35px)}
.archive .card-caption p{font-size:11px;color:#7a816e;margin-top:13px;line-height:1.7}
.archive-motion .work-card:not(.is-revealed) .work-image{clip-path:inset(18% 0 85%);opacity:0}
.archive-motion .work-card:not(.is-revealed) .card-caption{opacity:0;translate:0 22px}
.archive .archive-grid[data-count="1"]{display:block}
.archive .archive-grid[data-count="1"] .work-card{width:83%;margin:0 auto}
.archive .archive-grid[data-count="1"] .work-image{height:65vh}
.archive .atlas-grid{columns:3;column-gap:3vw;padding:65px 6vw 130px}
.archive .atlas-grid .atlas-card{margin-bottom:55px;position:relative;transition:opacity .65s,translate 1s var(--ease)}
.archive .atlas-grid .art-frame{transform:none;transition:clip-path 1.1s var(--ease),filter .7s;clip-path:inset(0)}
.archive .atlas-grid .art-frame:after{display:none}
.archive .atlas-grid .art-frame img{transition:transform 1.1s var(--ease)}
.archive .atlas-grid .art-frame:hover img{transform:scale(1.06)}
.archive .atlas-grid .atlas-card:nth-child(3n+2){padding-top:35px}
.archive .atlas-grid .atlas-card figcaption{font-size:8px;color:#6e7862;line-height:1.8}
.archive-motion .atlas-card:not(.is-revealed) .art-frame{clip-path:inset(10% 0 95%)}
.archive-to-project::view-transition-group(project-cover){animation-duration:950ms;animation-timing-function:cubic-bezier(.76,0,.24,1);z-index:3}
.archive-to-project::view-transition-old(project-cover),.archive-to-project::view-transition-new(project-cover){height:100%;object-fit:cover;mix-blend-mode:normal}
.archive-to-project::view-transition-old(root){animation-duration:250ms}.archive-to-project::view-transition-new(root){animation-duration:650ms}
@media(min-width:1800px){.archive-intro{min-height:900px}.archive-fragment-b{max-height:610px}.archive .archive-grid{row-gap:170px}}
@media(max-width:1000px) and (min-width:801px){.archive-title h1{font-size:10.8vw}.archive-intro{min-height:720px}.archive .filters{gap:17px}.archive .work-card[data-slot="1"]{grid-column:9 / span 4}.archive .work-card[data-slot="2"]{grid-column:1 / span 5}.archive .work-card[data-slot="5"]{grid-column:8 / span 5}.archive .work-image{min-height:290px}.archive .card-caption h2{font-size:29px}}
@media(max-width:800px){
 .archive-intro{height:820px;min-height:0;max-height:none;padding:118px 7vw 30px}
 .archive-kicker{font-size:8px}.archive-title{margin-top:45px;max-width:100%}.archive-title h1{font-size:17vw;line-height:1;letter-spacing:-.055em}
 .archive-fragment-a{width:27vw;height:170px;left:-3vw;top:360px;--fragment-angle:-9deg}
 .archive-fragment-b{width:51vw;height:270px;left:33vw;top:340px;--fragment-angle:5deg}
 .archive-fragment-c{width:30vw;height:135px;left:69vw;top:565px;--fragment-angle:-7deg}
 .archive .archive-bar{left:7vw;right:7vw;bottom:37px;max-width:none;gap:18px}.archive .archive-bar>p{font-size:10px;max-width:220px}.archive-enter{font-size:7px;gap:30px}.archive-intro-rule{left:7vw;right:7vw}
 .archive-toolbar{top:79px;display:block;padding:12px 7vw 15px;scroll-margin-top:79px}
 .archive .view-switch{width:auto;gap:28px}.archive .view-switch button{flex:none;padding:7px 0 9px;font-size:10px}.archive .view-switch sup{font-size:7px}
 .archive .filters{margin-top:15px;gap:18px;justify-content:space-between}.archive .filter{font-size:8px;padding:4px 0}.archive .filter sup{font-size:6px;margin-left:3px}
 .archive .archive-grid{display:flex;flex-direction:column;gap:76px;padding:38px 7vw 85px}
 .archive .archive-grid .work-card[data-slot]{width:100%;margin:0}
 .archive .archive-grid .work-card[data-slot]:nth-child(even){width:86%;align-self:flex-end}
 .archive-card-top{font-size:7px;padding-top:10px;margin-bottom:11px}
 .archive .archive-grid .work-card[data-slot] .work-image{height:49vh;max-height:570px;min-height:290px}
 .archive .archive-grid .work-card[data-slot]:nth-child(even) .work-image{height:41vh;min-height:250px}
 .archive .archive-grid .work-card[data-slot="2"] .work-image{height:55vh}
 .archive .card-caption{margin-top:18px}.archive .card-caption h2,.archive .work-card[data-slot="1"] h2,.archive .work-card[data-slot="5"] h2{font-size:29px}.archive .card-caption p{font-size:10px;margin-top:10px}
 .archive-image-open{opacity:1;translate:0 0;right:18px;bottom:14px;font-size:24px}
 .archive .archive-grid[data-count="1"] .work-card{width:100%}
 .archive .atlas-grid{columns:2;column-gap:16px;padding:38px 7vw 75px}.archive .atlas-grid .atlas-card{margin-bottom:30px}.archive .atlas-grid .atlas-card:nth-child(3n+2){padding-top:0}.archive .atlas-grid .atlas-card:nth-child(even){padding-top:25px}.archive .atlas-grid .atlas-card figcaption{font-size:7px}
}
@media(max-width:370px){.archive .filters{gap:11px}.archive .filter{font-size:7px}.archive-intro{height:790px}.archive-fragment-a{top:340px}.archive-fragment-b{top:325px}.archive-fragment-c{top:550px}}
@media(prefers-reduced-motion:reduce){.archive-title,.archive-hero-fragment,.archive .archive-image-main,.archive .archive-image-alt{transform:none;translate:none;will-change:auto}.archive-hero-glass{animation:none}}
.motion-off .archive-title,.motion-off .archive-hero-fragment,.motion-off .archive-image-main{translate:none;will-change:auto}
.archive .work-card:nth-child(even){padding-top:0}
.archive .work-card .work-image{width:100%;aspect-ratio:auto}
.archive-title{pointer-events:auto}
@media(max-width:800px){.archive .filter{min-height:32px}}

/* One drawn icon language across desktop and mobile, independent of system fonts. */
.ui-icon{display:inline-block;width:1em;height:1em;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:square;stroke-linejoin:miter;vertical-align:-.12em;pointer-events:none}
.direction-mark{display:inline-flex;align-items:center;justify-content:center;line-height:1}
#language-toggle>span{display:inline-flex;align-items:center;justify-content:center}
#language-toggle .ui-icon{width:12px;height:12px}
.lang-menu button>span{display:inline-flex;align-items:center}
.lang-menu .ui-icon{width:13px;height:13px}
.image-plus .ui-icon{width:19px;height:19px}
.menu-line>i{display:inline-flex;align-items:center;justify-content:center}
.portal-navigation button{display:grid;place-items:center}
.portal-navigation .ui-icon{width:18px;height:18px}
.archive-image-open .ui-icon{display:block}
.lightbox-close .ui-icon{width:21px;height:21px}
.lightbox-prev .ui-icon,.lightbox-next .ui-icon{width:27px;height:27px}
.inquiry-social a{display:inline-flex;gap:12px;align-items:center}
.inquiry-social .ui-icon{width:14px;height:14px}
.inquiry-submit i{display:inline-flex;align-items:center;justify-content:center}
.inquiry-submit[aria-busy=true] .ui-icon{display:none}
.partner-ticker-track .partner-divider{display:inline-block;width:1px;height:.55em;margin:0 3vw;vertical-align:.06em;background:#899872;transform:rotate(20deg)}
@media(max-width:700px){.partner-ticker-track .partner-divider{margin:0 5vw}.image-plus .ui-icon{width:16px;height:16px}}
/* Keep the garden in the original editorial banner proportions. */
.personal-note .garden-viewer,.personal-note .garden-viewer.is-scroll-scene{position:relative;height:65svh;min-height:380px;max-height:720px;overflow:clip;background:#263e43;isolation:isolate;scroll-margin-top:110px}
.garden-pin,.is-scroll-scene .garden-pin{position:relative;top:auto;height:100%;min-height:0;width:100%;overflow:clip;background:#263e43}
.garden-surface{position:absolute;inset:0;touch-action:pan-y;outline:none;user-select:none;-webkit-user-select:none}
.garden-surface:focus-visible{outline:1px solid #f2f1ec88;outline-offset:-8px}
.garden-surface canvas,.garden-fallback{position:absolute;inset:0;width:100%;height:100%;display:block}
.garden-surface canvas{opacity:0;pointer-events:none}
.garden-surface canvas[hidden]{display:none}
.is-webgl .garden-surface canvas{opacity:1}
.garden-fallback{background-size:auto 100%;background-position:50% 50%;background-repeat:repeat-x;will-change:transform}
.garden-pin:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#1722390c,transparent 22%,transparent 80%,#0c151d12)}
@media(max-width:700px){.personal-note .garden-viewer,.personal-note .garden-viewer.is-scroll-scene{height:50svh;min-height:350px;max-height:480px}}
/* Keep image interaction in the page, with editable exceptions for inquiries. */
.content-protected body{-webkit-user-select:none;user-select:none}
.content-protected img,.content-protected canvas,.content-protected svg{-webkit-touch-callout:none;-webkit-user-drag:none;user-select:none}
.content-protected a{-webkit-touch-callout:none}
.content-protected input,.content-protected textarea,.content-protected [contenteditable]{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}
img[data-full-src]{color:transparent}

#lightbox img[data-full-src]{width:min(90vw,calc(82svh * var(--image-ratio,1.78)));height:auto;object-fit:contain}

/* A photographic plate with an intact, small signature. */
.note-reading-aside{gap:28px}
.note-reading-mark.signature-plate{position:relative;display:block;width:100%;max-width:330px;height:auto;aspect-ratio:1.06;margin:8px 0 4px;overflow:visible;transform:none;touch-action:pan-y;scroll-margin-top:150px;text-align:left;cursor:zoom-in}
.signature-plate .signature-picture{position:absolute;inset:0 0 35px;display:block;overflow:hidden;clip-path:inset(0 18% 0 0)}
.signature-plate .signature-picture img{width:100%;height:100%;object-fit:cover;object-position:50% 45%;transform:scale(1.08)}
.signature-plate .signature-imprint{position:absolute;right:0;bottom:0;display:block;width:63%;padding:15px 0 0 17px;background:var(--paper);color:var(--ink)}
.signature-plate .signature-imprint svg{display:block;width:100%;height:auto;transform:none;color:inherit;overflow:visible}
.signature-plate:focus-visible{outline:1px solid #7b826d;outline-offset:8px}
@media(max-width:700px){.note-reading-aside{display:flex;align-items:flex-start;gap:19px;margin-bottom:55px}.note-reading-aside>.micro:last-child{max-width:none}.note-reading-mark.signature-plate{width:min(100%,300px);max-width:none;aspect-ratio:1.6;margin:4px 0 2px;transform:none;scroll-margin-top:125px}.signature-plate .signature-picture{bottom:24px}.signature-plate .signature-imprint{width:58%;padding:11px 0 0 13px}}

.signature-anchor{width:100%;max-width:330px;scroll-margin-top:150px}
.signature-plate .signature-optics{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;pointer-events:none;transition:opacity .5s}
.signature-plate .signature-optics.ready{opacity:1}
.signature-plate .signature-picture{transform-origin:50% 55%;will-change:transform,clip-path}
.signature-plate .signature-imprint{will-change:transform}
@media(max-width:700px){.signature-anchor{max-width:300px;scroll-margin-top:125px}}

.signature-plate .signature-picture img.signature-alternate{position:absolute;inset:0;opacity:0;pointer-events:none}
