:root{--bg:#0b0c0b;--ink:#f1f0e9;--muted:#a4a59d;--line:#ffffff24;--signal:#d1e59a;--sans:Arial,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;--display:Impact,"Arial Narrow",sans-serif;--serif:Georgia,"Times New Roman",serif;--pad:32px}
*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 var(--sans);-webkit-font-smoothing:antialiased}body:has(dialog[open]),body:has(.page-curtain.is-active){overflow:hidden}button,input{font:inherit;color:inherit}button{background:none;border:0;cursor:pointer}a{color:inherit;text-decoration:none}a,button,input{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--signal);outline-offset:5px}button:disabled{cursor:wait;opacity:.5}img{display:block;max-width:100%;-webkit-user-drag:none;user-select:none}h1,h2,h3,p,figure{margin:0}em{font-family:var(--serif);font-weight:400}p{word-break:keep-all}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;z-index:100;top:-60px;left:16px;background:var(--signal);color:#111;padding:12px}.skip:focus{top:10px}.micro{font-size:10px;letter-spacing:.09em;font-weight:500}.signal{display:inline-block;background:var(--signal);width:5px;height:5px;border-radius:50%;margin-right:7px;vertical-align:middle}.masthead{height:82px;margin:0 var(--pad);border-bottom:1px solid var(--line);display:flex;align-items:center;position:relative;z-index:6;gap:34px}.brand{font:italic 37px/.83 var(--serif);letter-spacing:-2px;position:relative;display:flex;align-items:center;gap:8px;white-space:nowrap}.brand>span{font-style:normal;font-size:24px;letter-spacing:-1.4px}.brand sup{font:10px var(--sans);align-self:flex-start;letter-spacing:0;margin-left:-4px}.brand-caption{font-size:9px;line-height:1.5;letter-spacing:.07em;color:var(--muted)}.masthead>nav{display:flex;align-items:center;gap:30px;margin-left:auto;font-size:11px;letter-spacing:.03em}.masthead>nav a{position:relative;min-height:44px;display:flex;align-items:center;gap:4px}.masthead>nav a:after{content:"";position:absolute;bottom:8px;left:0;width:100%;height:1px;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .3s}.masthead>nav a[aria-current]:after,.masthead>nav a:hover:after{transform:scaleX(1)}.masthead nav sup{font-size:8px;color:var(--muted)}.menu-trigger{width:40px;height:44px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.menu-trigger span{width:23px;height:1px;background:var(--ink);transition:transform .3s}.menu-trigger:hover span:first-child{transform:translateX(3px)}.menu-trigger:hover span:last-child{transform:translateX(-3px)}
.view{animation:arrive .65s cubic-bezier(.2,.7,.2,1) both}.edit-view{min-height:calc(100svh - 122px);display:flex;flex-direction:column}.edit-toolbar{padding:15px var(--pad);display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.08em;height:44px}.view-switch{display:flex;align-items:center;gap:8px}.view-switch button{font-size:10px;padding:4px 0;color:var(--muted)}.view-switch button[aria-pressed=true]{color:var(--ink)}.view-switch>span{color:#62645d}.editorial{flex:1;display:flex;flex-direction:column}.scene{position:relative;isolation:isolate;overflow:hidden;min-height:430px;flex:1;touch-action:pan-y;background:#111210;margin:0 var(--pad)}.ambient{position:absolute;inset:0;z-index:-3;overflow:hidden;opacity:.24}.ambient img{width:100%;height:100%;object-fit:cover;object-position:center 40%;filter:grayscale(.8) blur(18px);transform:scale(1.12)}.ambient:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#050705 15%,#050605b0 53%,#05070518)}.portrait-wrap{position:absolute;inset:0 6.8% 0 46%;z-index:-2;mask-image:linear-gradient(90deg,transparent,#000 17%,#000 91%,transparent)}.portrait-motion{width:100%;height:100%;animation:photoLoop 4s ease-in-out infinite alternate}.portrait-motion img{width:100%;height:100%;object-fit:cover;object-position:50% 38%;filter:brightness(.85) saturate(.75)}.scene:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(0deg,#0b0c0be6,transparent 25%,transparent 87%,#0b0c0b45),linear-gradient(90deg,#080b08 0,transparent 60%)}.scene-grain{position:absolute;inset:0;opacity:.05;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.5' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.scene-top{position:absolute;top:18px;left:22px;right:22px;display:flex;justify-content:space-between;color:#c7c8bc;font-size:9px;letter-spacing:.09em}.hero-type{position:absolute;left:4.4%;top:50%;transform:translateY(-62%);pointer-events:none;z-index:1}.hero-type>.micro{margin-bottom:22px;color:#d2d3c7}.hero-type h1{font:400 clamp(100px,13.6vw,218px)/.8 var(--display);letter-spacing:-.032em}.hero-type h1>span{display:block}.hero-type h1>em{display:block;font-size:.59em;letter-spacing:-.07em;line-height:1.13;margin-left:1px;font-weight:400}.scene-copy{position:absolute;left:4.6%;bottom:35px;display:grid;grid-template-columns:auto auto;column-gap:34px;align-items:end}.scene-copy>p:first-child{font-size:12px;color:#e0e0d5;grid-column:1;margin-bottom:7px}.scene-copy>p:nth-child(2){font-size:15px;line-height:1.6;grid-column:1}.open-study{grid-column:2;grid-row:1/3;display:flex;align-items:center;gap:24px;font-size:10px;letter-spacing:.045em;border-bottom:1px solid #b0b3a2;padding:9px 0;min-height:44px;transition:color .2s}.open-study>span{font-size:24px}.open-study:hover{color:var(--signal)}.scene-side{position:absolute;right:17px;top:64px;bottom:110px;display:flex;writing-mode:vertical-rl;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:.09em;color:#d2d3c7}.detail-peek{position:absolute;right:3.2%;bottom:59px;width:91px;padding:0;text-align:left}.detail-peek img{height:100px;width:91px;object-fit:cover;filter:grayscale(1) brightness(.78);transition:filter .3s}.detail-peek:hover img{filter:none}.detail-peek span{display:block;font-size:8px;letter-spacing:.04em;padding-top:7px;white-space:nowrap}.motion-control{position:absolute;bottom:15px;right:22px;display:flex;gap:12px;align-items:center;font-size:8px;letter-spacing:.07em}.motion-control button{font-size:9px;padding:3px 0;display:flex;gap:6px;align-items:center;min-height:24px}.motion-track{width:68px;height:1px;background:#ffffff38;overflow:hidden}.motion-track i{display:block;width:100%;height:1px;background:var(--signal);transform-origin:left;animation:timeTrack 4s linear infinite}.is-paused .portrait-motion,.is-paused .motion-track i{animation-play-state:paused}.scene.is-changing .portrait-wrap{animation:sceneWipe .7s cubic-bezier(.2,.7,.2,1) both}.scene.is-changing .hero-type{animation:titleWipe .65s cubic-bezier(.2,.7,.2,1) both}.scene.is-changing .scene-copy{animation:copyRise .6s both}.scene.is-changing .ambient{animation:softFade .7s both}
.selection-bar{display:flex;align-items:stretch;padding:0 var(--pad);gap:28px;min-height:112px}.selection-intro{width:163px;padding-top:24px;display:flex;flex-direction:column;gap:10px}.selection-intro>.micro{font-size:8px;color:var(--muted)}.selection-count{font:11px var(--sans);color:var(--muted)}.selection-count b{font:29px/.9 var(--serif);color:var(--ink);margin-right:8px}.style-selector{display:flex;flex:1;min-width:0;gap:25px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:none}.style-selector::-webkit-scrollbar{display:none}.style-selector button{flex:1 0 132px;scroll-snap-align:start;text-align:left;position:relative;border-top:1px solid var(--line);padding:19px 0 14px;color:#85877e;min-width:0}.style-selector button:before{content:"";position:absolute;top:-1px;left:0;right:0;height:2px;transform:scaleX(0);transform-origin:left;background:var(--signal);transition:transform .35s}.style-selector button[aria-pressed=true]:before{transform:scaleX(1)}.style-selector button[aria-pressed=true],.style-selector button:hover{color:var(--ink)}.style-selector button>.micro{font-size:8px;display:block;margin-bottom:5px}.style-selector strong{font:400 clamp(15px,1.38vw,24px)/1.2 var(--display);letter-spacing:.01em;display:block}.selector-ko{font-size:10px;display:block;margin-top:4px;color:var(--muted)}.style-arrows{display:flex;gap:7px;align-items:center}.style-arrows button{width:38px;height:38px;border:1px solid #ffffff35;border-radius:50%;font-size:18px}.style-arrows button:hover{background:var(--ink);color:var(--bg)}.site-footer{min-height:40px;padding:12px var(--pad);border-top:1px solid var(--line);display:flex;gap:15px;justify-content:space-between;align-items:center;color:var(--muted);font-size:8px;letter-spacing:.07em}.site-footer button{font-size:9px;letter-spacing:.025em;padding:0}
.index-view{padding:22px var(--pad) 50px}.index-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.index-heading h1{font:clamp(60px,7vw,110px)/1 var(--display);letter-spacing:-.035em}.index-heading h1 em{font-size:.8em}.index-heading p{font-size:13px;line-height:1.8}.index-row{width:100%;text-align:left;display:grid;grid-template-columns:58px 1fr 180px 220px 50px;gap:18px;align-items:center;border-top:1px solid var(--line);min-height:138px;padding:13px 0;position:relative}.index-row>span:first-child{font:13px var(--serif);color:var(--muted)}.index-row h2{font:400 clamp(24px,3.6vw,62px)/1.1 var(--display)}.index-row .index-name{font-size:11px;display:block;margin-top:8px;color:var(--muted)}.index-row img{width:180px;height:112px;object-fit:cover;object-position:50% 35%;filter:grayscale(1) brightness(.7);transition:filter .25s,transform .4s}.index-row:hover img,.index-row:focus-visible img{filter:none;transform:scale(1.07)}.index-row:hover h2{color:var(--signal)}.index-tags{font-size:10px;letter-spacing:.07em;line-height:2.1}.index-row .row-arrow{font-size:28px;text-align:right}.index-note{border-top:1px solid var(--line);padding-top:20px;font-size:9px;letter-spacing:.08em;color:var(--muted)}
.discover-view{padding:24px var(--pad) 50px;min-height:calc(100svh - 122px)}.discovery-top{display:flex;justify-content:space-between;color:var(--muted)}.discovery-title{display:flex;justify-content:space-between;align-items:end;margin:40px 0}.discovery-title h1{font:400 clamp(70px,8vw,126px)/.88 var(--display);letter-spacing:-.028em}.discovery-title h1 em{font-size:.8em;line-height:1.07;letter-spacing:-.07em}.discovery-title>p{font-size:15px;line-height:1.9;margin-bottom:12px;margin-right:7%}#discovery-form{border-bottom:1px solid #dadbd2;display:flex;align-items:center}#discovery-query{border:0;background:transparent;min-width:0;flex:1;font-size:clamp(18px,2.2vw,34px);padding:22px 0;border-radius:0;outline-offset:0}#discovery-query::placeholder{color:#77796f}#discovery-form button{font-size:36px;min-width:55px;min-height:55px}.discovery-chips{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0 45px}.discovery-chips button{border:1px solid #ffffff38;border-radius:100px;padding:9px 16px;font-size:12px;min-height:40px}.discovery-chips button:hover{background:var(--ink);color:var(--bg)}.discovery-result-head{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding:17px 0;font-size:10px;color:var(--muted)}.discovery-results{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.result-card{text-align:left;padding:0;display:grid;grid-template-columns:118px 1fr;gap:18px;align-items:center;min-height:145px;border-bottom:1px solid var(--line);padding-bottom:20px}.result-card img{width:118px;height:145px;object-fit:cover;object-position:50% 30%;transition:filter .3s;filter:saturate(.65)}.result-card:hover img{filter:saturate(1)}.result-card h2{font:25px/1.05 var(--display)}.result-card p{font-size:11px;margin:7px 0;color:var(--muted)}.result-card .result-reason{font-size:12px;line-height:1.6;color:var(--ink)}.result-card .micro{font-size:9px;color:var(--signal);margin-bottom:10px;display:block}.empty-results{padding:35px 0;line-height:2;color:var(--muted)}
.method-view{position:relative;padding:50px var(--pad) 35px;isolation:isolate;overflow:hidden;min-height:calc(100svh - 122px);display:flex;flex-direction:column}.method-intro{position:relative;z-index:1;pointer-events:none}.method-intro>.micro{color:var(--signal);margin-bottom:25px}.method-intro h1{font:400 clamp(80px,11vw,170px)/.82 var(--display);letter-spacing:-.04em}.method-intro h1 em{font-size:.76em;letter-spacing:-.07em;line-height:1.12}.method-statement{font-size:21px;line-height:1.6;margin-top:28px}.method-description{font-size:12px;line-height:1.9;margin-top:16px;color:#c4c5bb}.method-stage{position:absolute;top:0;bottom:0;width:54%;right:0;z-index:-1}.method-stage img{width:100%;height:100%;object-fit:cover;object-position:50% 34%;filter:brightness(.66) saturate(.6);transition:filter .45s,object-position .45s}.method-shade{position:absolute;inset:0;background:linear-gradient(90deg,var(--bg),transparent 44%),linear-gradient(0deg,var(--bg),transparent 65%)}.method-stage.is-intro img{object-position:50% 46%;filter:brightness(.78) saturate(.9)}.method-stage.is-intro .method-shade{background:linear-gradient(90deg,var(--bg),transparent 39%),linear-gradient(0deg,var(--bg),transparent 70%),linear-gradient(180deg,#0003,transparent 34%)}.method-annotation{position:absolute;top:26px;right:var(--pad);font-size:9px;color:#d1d3c8;letter-spacing:.03em}.method-controls{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;position:relative;margin-top:50px;padding-top:22px;border-top:1px solid var(--line)}.method-tabs{display:flex;gap:28px}.method-tabs button{text-align:left;padding:0;color:#77796f;font:28px var(--display);display:flex;flex-direction:column;gap:4px}.method-tabs button>span{font:10px var(--sans);margin-bottom:5px}.method-tabs button>i{font:12px var(--sans);font-style:normal}.method-tabs button[aria-pressed=true]{color:var(--signal)}.method-note p:first-child{font-size:16px;margin-bottom:6px}.method-note p:nth-child(2){font-size:12px;color:var(--muted);line-height:1.8}.method-study-link{display:block;width:fit-content;font-size:11px;border-bottom:1px solid #7b806b;padding:8px 0;margin-top:9px}
dialog{color:var(--ink);background:var(--bg);border:1px solid var(--line)}dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}.menu-dialog{width:100%;max-width:none;height:100svh;max-height:100svh;margin:0;border:0;padding:30px var(--pad);overflow:auto}.menu-head{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.08em;border-bottom:1px solid var(--line);padding-bottom:20px}.menu-head button{font-size:11px;min-height:40px}.menu-dialog nav{margin:35px 0}.menu-dialog nav a{display:flex;align-items:center;gap:30px;border-bottom:1px solid var(--line);padding:15px 0;font:clamp(45px,7vw,110px)/1.1 var(--display)}.menu-dialog nav a>span{font:11px var(--sans);color:var(--muted)}.menu-dialog nav a>em{font:13px var(--sans);margin-left:auto;color:var(--muted)}.menu-dialog nav a:hover{color:var(--signal)}#consult-open{font:clamp(24px,3vw,42px) var(--serif);padding:0;text-align:left}#consult-open span{display:block;font:12px var(--sans);margin-top:15px;color:var(--signal)}.menu-dialog>p{margin-top:35px;font-size:9px;color:var(--muted);letter-spacing:.07em}.info-dialog{width:min(640px,calc(100vw - 32px));max-height:85svh;padding:28px;overflow:auto}#info-close{display:block;margin-left:auto;font-size:11px;min-height:36px}#info-content h2{font:42px/1.05 var(--serif);letter-spacing:-.04em;margin:20px 0}#info-content p{font-size:14px;line-height:1.85;margin:15px 0;color:#c2c4b8}#info-content a{color:var(--signal);border-bottom:1px solid #697452}#info-content .micro{color:var(--signal);font-size:10px}.consult-options{display:flex;gap:8px;flex-wrap:wrap;margin-top:25px}.consult-options button{border:1px solid var(--line);padding:12px}.consult-options button[aria-pressed=true]{background:var(--signal);color:#14160e}.page-curtain{position:fixed;z-index:20;inset:0;background:#cdd4bd;color:#12140f;display:flex;align-items:center;justify-content:center;transform:translateY(101%);pointer-events:none;overflow:hidden;isolation:isolate}.page-curtain>img{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 47%;opacity:0}.page-curtain:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#050605b8,#05060530 52%,#05060566),linear-gradient(0deg,#0506057d,transparent 52%);opacity:0}.page-curtain span{font:italic clamp(44px,9vw,120px) var(--serif);letter-spacing:-.06em}.page-curtain[data-destination=method]{background:#080a09}.page-curtain[data-destination=method]>img,.page-curtain[data-destination=method]:after{opacity:1}.page-curtain[data-destination=method]>.curtain-default{opacity:0}.page-curtain.is-active{animation:pageCurtain .7s cubic-bezier(.76,0,.24,1) both}.page-curtain[data-destination=method].is-active{animation-duration:.9s}.noscript{padding:20px;text-align:center}
@keyframes photoLoop{from{transform:scale(1.015) translate3d(-.5%,0,0)}to{transform:scale(1.065) translate3d(.6%,-.8%,0)}}@keyframes timeTrack{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes sceneWipe{from{clip-path:inset(0 0 100% 0);transform:scale(1.025)}to{clip-path:inset(0);transform:scale(1)}}@keyframes titleWipe{from{clip-path:inset(0 0 100% 0);opacity:.4;translate:0 14px}to{clip-path:inset(0);opacity:1;translate:0 0}}@keyframes copyRise{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}@keyframes softFade{from{opacity:0}to{opacity:.24}}@keyframes arrive{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}@keyframes pageCurtain{0%{transform:translateY(101%)}45%,55%{transform:translateY(0)}100%{transform:translateY(-101%)}}
#main:focus{outline:none}.portrait-motion{animation-name:photoCycle;animation-direction:normal}
@keyframes photoCycle{0%,100%{transform:scale(1.015) translate3d(-.5%,0,0)}50%{transform:scale(1.065) translate3d(.6%,-.8%,0)}}
.site-footer{justify-content:flex-start}
@media(min-width:1600px){.scene{min-height:600px}.hero-type{left:6%}.scene-copy{left:6%}.detail-peek{width:125px;right:5%;bottom:70px}.detail-peek img{width:125px;height:138px}.selection-bar{min-height:130px}.style-selector button{padding-top:23px}.selection-intro{padding-top:28px;width:210px}}
@media(max-width:1050px){:root{--pad:24px}.brand-caption{display:none}.masthead{gap:20px}.masthead>nav{gap:22px}.scene{min-height:450px}.hero-type h1{font-size:16vw}.hero-type{top:45%}.scene-copy{column-gap:23px}.selection-intro{width:115px}.selection-intro>.micro{max-width:95px;line-height:1.5}.selection-bar{gap:18px}.style-selector{gap:17px}.style-selector button{flex-basis:128px}.style-arrows{gap:4px}.style-arrows button{width:31px;height:31px}.index-row{grid-template-columns:40px 1fr 150px 140px 30px}.index-row img{width:150px;height:112px}.result-card{grid-template-columns:90px 1fr;gap:12px}.result-card img{width:90px;height:125px}.result-card h2{font-size:22px}.discovery-results{gap:18px}}
@media(max-width:760px){:root{--pad:18px}.masthead{height:72px;gap:12px}.brand{font-size:33px;gap:7px}.brand>span{font-size:22px}.masthead>nav{display:none}.menu-trigger{margin-left:auto}.edit-view{min-height:calc(100svh - 112px)}.edit-toolbar{height:42px;padding-top:10px;padding-bottom:10px;font-size:8px}.view-switch button{font-size:9px}.scene{min-height:490px;flex:auto}.portrait-wrap{inset:0 -8% 0 20%;mask-image:linear-gradient(90deg,transparent,#000 22%,#000 92%,transparent)}.portrait-motion img{object-position:50% 32%;filter:brightness(.7) saturate(.72)}.scene:after{background:linear-gradient(0deg,#0b0c0bf5,transparent 64%),linear-gradient(90deg,#0b0c0b90,transparent 60%)}.ambient{opacity:.14}.scene-top{top:14px;left:15px;right:15px;font-size:8px}.scene-top>span:last-child{display:none}.hero-type{left:6%;top:51%;transform:translateY(-50%)}.hero-type>.micro{font-size:8px;margin-bottom:14px}.hero-type h1{font-size:clamp(96px,24vw,170px)}.hero-type h1 em{font-size:.56em}.scene-copy{left:6%;bottom:54px;display:block}.scene-copy>p:first-child{font-size:11px}.scene-copy>p:nth-child(2){font-size:13px;line-height:1.5}.open-study{font-size:9px;gap:35px;margin-top:8px;padding:0;min-height:34px}.open-study>span{font-size:21px}.scene-side{top:45px;bottom:170px;right:13px;font-size:8px}.scene-side>span:last-child{display:none}.detail-peek{right:5%;bottom:86px;width:67px}.detail-peek img{width:67px;height:78px}.detail-peek span{font-size:6px}.motion-control{right:15px;left:6%;justify-content:space-between;bottom:12px;gap:8px}.motion-control .motion-label{font-size:7px}.motion-track{width:50px}.selection-bar{padding:0 var(--pad);gap:0;flex-wrap:wrap;min-height:0}.selection-intro{padding:14px 0 10px;width:100%;flex-direction:row;align-items:center;justify-content:space-between}.selection-intro>.micro{max-width:none;font-size:8px}.selection-count{font-size:9px}.selection-count b{font-size:20px}.style-selector{gap:14px;min-width:0;width:calc(100% - 68px)}.style-selector button{padding-top:12px;padding-bottom:16px;min-width:0}.style-selector strong{font-size:clamp(14px,3.2vw,22px);line-height:1.15;white-space:normal}.style-selector button>.micro{font-size:7px}.selector-ko{font-size:9px;line-height:1.4;word-break:keep-all;min-height:24px}.style-arrows{align-items:start;padding-top:18px;margin-left:9px}.style-arrows button{width:28px;height:28px;font-size:16px}.site-footer{font-size:7px;padding-top:14px;padding-bottom:14px}.footer-center{display:none}.site-footer button{font-size:8px}.index-view{padding-top:15px}.index-heading{gap:20px}.index-heading h1{font-size:57px}.index-heading p{font-size:11px}.index-row{grid-template-columns:22px 1fr 80px 22px;gap:10px;min-height:126px}.index-row h2{font-size:26px}.index-row img{width:80px;height:99px}.index-tags{display:none}.index-row .row-arrow{font-size:22px}.index-note{font-size:8px;line-height:1.8}.discovery-title{display:block;margin:37px 0 23px}.discovery-title h1{font-size:18vw}.discovery-title>p{font-size:13px;margin:25px 0 0;line-height:1.7}.discovery-top{font-size:8px}.discovery-top .micro{font-size:8px}.discovery-top>.micro:last-child{display:none}#discovery-query{font-size:17px;padding:20px 0}#discovery-form button{min-width:38px;font-size:30px}.discovery-chips{margin-bottom:30px;gap:7px}.discovery-chips button{font-size:11px;padding:8px 13px;min-height:36px}.discovery-result-head{flex-direction:column;gap:4px;font-size:9px}.discovery-results{grid-template-columns:1fr;gap:18px}.result-card{grid-template-columns:100px 1fr;gap:20px}.result-card img{width:100px;height:125px}.result-card h2{font-size:30px}.result-card .result-reason{font-size:13px}.method-view{padding-top:35px;min-height:820px}.method-intro h1{font-size:23vw}.method-intro>.micro{font-size:9px}.method-stage{width:100%;top:0;bottom:25%;opacity:.7}.method-stage img{object-position:65% 30%}.method-shade{background:linear-gradient(90deg,#0b0c0bbb,transparent),linear-gradient(0deg,var(--bg),transparent 80%)}.method-stage svg{opacity:.5}.method-annotation{font-size:7px;top:18px}.method-statement{font-size:20px;margin-top:38px}.method-description{font-size:12px;max-width:300px;line-height:1.85}.method-controls{grid-template-columns:1fr;gap:25px;margin-top:auto;padding-top:22px}.method-tabs{justify-content:space-between;padding-right:28px}.method-tabs button{font-size:28px}.method-note p:first-child{font-size:16px}.menu-dialog{padding-top:20px}.menu-dialog nav{margin-top:38px}.menu-dialog nav a{gap:16px;flex-wrap:wrap;padding:24px 0;font-size:13vw}.menu-dialog nav a>em{font-size:11px;flex-basis:100%;padding-left:30px;margin-top:-5px}.menu-dialog nav a>span{font-size:10px}#consult-open{font-size:25px}.info-dialog{padding:20px}#info-content h2{font-size:34px}.info-dialog p{font-size:13px}.page-curtain span{font-size:55px}}
@media(max-width:760px){.selection-intro{flex:0 0 100%;min-height:44px}.style-selector{flex:1 1 calc(100% - 70px)}.style-arrows{flex:0 0 60px}.selection-bar{align-content:start}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.motion-track i{transform:scaleX(.5)}.page-curtain{display:none}.portrait-motion{transform:none}}
.method-stage.is-intro{left:0;right:0;width:100%;overflow:hidden}.method-stage.is-intro img{object-position:50% 48%;filter:brightness(.72) saturate(1);transform:scale(1.012)}.method-stage.is-intro .method-shade{background:linear-gradient(90deg,#070807db 0%,#0708078f 34%,#07080725 68%,#07080752 100%),linear-gradient(0deg,#070807d9 0%,transparent 57%,#05060526 100%)}
.method-view.is-entering{animation:methodViewEnter .58s cubic-bezier(.2,.7,.2,1) both}
@keyframes methodViewEnter{from{opacity:0;transform:scale(.992)}to{opacity:1;transform:scale(1)}}
.page-curtain.is-active{animation-timing-function:cubic-bezier(.32,.72,.24,1)}

/* THE EDIT transition: full-colour portrait with moving prism cuts. */
.page-curtain[data-destination=edit]{background:#06111b;color:#f7f2ea}
.page-curtain[data-destination=edit]>img,.page-curtain[data-destination=edit]:after{opacity:1}
.page-curtain[data-destination=edit]>img{object-position:50% 30%;filter:saturate(1.18) contrast(1.07) brightness(.8);transform:scale(1.045)}
.page-curtain[data-destination=edit]:after{background:linear-gradient(180deg,#02080c24 0,transparent 48%,#020508d9 100%),linear-gradient(90deg,#02050866 0,transparent 34%,#0205081f 72%,#02050859 100%)}
.page-curtain[data-destination=edit] .curtain-default{opacity:0}
.page-curtain[data-destination=edit].is-active{animation-duration:.94s;pointer-events:auto}
.edit-transition{position:absolute;z-index:0;inset:0;overflow:hidden;opacity:0;color:#f7f2ea}
.page-curtain[data-destination=edit] .edit-transition{opacity:1}
.edit-transition:after{content:"";position:absolute;z-index:1;inset:0;pointer-events:none;background:radial-gradient(circle at 67% 34%,#78ddff30,transparent 23%),radial-gradient(circle at 72% 61%,#ff65ab26,transparent 26%);mix-blend-mode:screen}
.edit-prism{position:absolute;z-index:0;inset:-2%;width:104%;height:104%;max-width:none;object-fit:cover;object-position:50% 30%;mix-blend-mode:screen;pointer-events:none;-webkit-mask-image:repeating-linear-gradient(90deg,#000 0 3.5vw,transparent 3.5vw 10vw);mask-image:repeating-linear-gradient(90deg,#000 0 3.5vw,transparent 3.5vw 10vw)}
.edit-prism-a{opacity:.3;filter:hue-rotate(-10deg) saturate(1.55) contrast(1.08);transform:translateX(-1.2vw) scale(1.055)}
.edit-prism-b{opacity:.24;filter:hue-rotate(28deg) saturate(1.65) contrast(1.08);transform:translateX(1.2vw) scale(1.055);-webkit-mask-position:5vw 0;mask-position:5vw 0}
.edit-lockup{position:absolute;z-index:2;inset:0;overflow:hidden;pointer-events:none}
.page-curtain .edit-kicker,.page-curtain .edit-meta,.page-curtain .edit-caption,.page-curtain .edit-index{position:absolute;z-index:3;font:500 clamp(8px,.72vw,11px)/1.2 var(--sans);letter-spacing:.16em;color:#fff;text-shadow:0 2px 12px #001}
.page-curtain .edit-kicker{top:clamp(22px,3.3vw,52px);left:clamp(20px,3.4vw,54px)}
.page-curtain .edit-meta{top:clamp(22px,3.3vw,52px);right:clamp(20px,3.4vw,54px)}
.edit-the{position:absolute;z-index:3;left:4vw;top:25%;font:italic 400 clamp(48px,6vw,100px)/1 var(--serif);letter-spacing:-.07em;color:#f7f2ea;text-shadow:0 2px 18px #001}
.edit-word{position:absolute;z-index:2;left:2vw;top:53%;font:700 clamp(180px,34vw,640px)/.7 var(--display);letter-spacing:-.075em;white-space:nowrap;color:transparent;-webkit-text-fill-color:transparent;-webkit-text-stroke:1.5px #fff;text-stroke:1.5px #fff;transform:translateY(-50%) scaleX(1.18);transform-origin:left;text-shadow:none}
.edit-word:before,.edit-word:after{content:attr(data-word);position:absolute;inset:0;color:transparent;-webkit-text-fill-color:transparent;-webkit-text-stroke:1.5px currentColor;text-stroke:1.5px currentColor;opacity:.52;filter:blur(2px)}
.edit-word:before{color:#70dcff;transform:translate(-.022em,-.008em)}
.edit-word:after{color:#ff79bd;transform:translate(.025em,.012em)}
.page-curtain .edit-caption{left:clamp(20px,3.4vw,54px);bottom:clamp(20px,3.4vw,52px)}
.page-curtain .edit-index{right:clamp(20px,3.4vw,54px);bottom:clamp(20px,3.4vw,52px)}
.page-curtain[data-destination=edit].is-active>img{animation:editPrismBase .94s cubic-bezier(.76,0,.24,1) both}
.page-curtain[data-destination=edit].is-active .edit-prism-a{animation:editPrismA .94s cubic-bezier(.76,0,.24,1) both}
.page-curtain[data-destination=edit].is-active .edit-prism-b{animation:editPrismB .94s cubic-bezier(.76,0,.24,1) both}
.page-curtain[data-destination=edit].is-active .edit-word{animation:editPrismWord .94s cubic-bezier(.76,0,.24,1) both}
.page-curtain[data-destination=edit].is-active .edit-the{animation:editPrismThe .94s cubic-bezier(.76,0,.24,1) both}
.page-curtain[data-destination=edit].is-active .edit-kicker,.page-curtain[data-destination=edit].is-active .edit-meta,.page-curtain[data-destination=edit].is-active .edit-caption,.page-curtain[data-destination=edit].is-active .edit-index{animation:editPrismMeta .94s ease both}
@keyframes editPrismBase{0%{transform:scale(1.12)}34%,68%{transform:scale(1.045)}100%{transform:scale(1)}}
@keyframes editPrismA{0%{opacity:0;transform:translateX(-8vw) scale(1.08)}36%,68%{opacity:.3;transform:translateX(-1.2vw) scale(1.055)}100%{opacity:0;transform:translateX(5vw) scale(1.02)}}
@keyframes editPrismB{0%{opacity:0;transform:translateX(8vw) scale(1.08)}36%,68%{opacity:.24;transform:translateX(1.2vw) scale(1.055)}100%{opacity:0;transform:translateX(-5vw) scale(1.02)}}
@keyframes editPrismWord{0%,18%{opacity:0;clip-path:inset(0 100% 0 0);translate:0 14px}38%,68%{opacity:1;clip-path:inset(0);translate:0 0}100%{opacity:0;clip-path:inset(0 0 0 100%);translate:0 -10px}}
@keyframes editPrismThe{0%,20%{opacity:0;transform:translateX(-28px)}39%,68%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(24px)}}
@keyframes editPrismMeta{0%,22%{opacity:0}39%,70%{opacity:1}100%{opacity:0}}

/* OUR METHOD transition: image and wordmark stay scoped to this destination. */
.page-curtain>img{object-position:50% 44%}
.page-curtain[data-destination=method]>img{object-position:56% 36%;filter:blur(2px) saturate(1.05) contrast(1.1) brightness(.65);transform:scale(1.045)}
.page-curtain[data-destination=method]:after{background:linear-gradient(90deg,#020a1191 0,#07131f1c 53%,#02070e66 100%),linear-gradient(0deg,#02070eb8 0,transparent 45%,#0309123d 100%)}
.page-curtain[data-destination=discover]{background:#080808;color:#f7f4ec}
.page-curtain[data-destination=discover]>img,.page-curtain[data-destination=discover]:after{opacity:1}
.page-curtain[data-destination=discover]>img{object-position:50% 34%;filter:grayscale(1) contrast(1.22) brightness(.54);transform:scale(1.04)}
.page-curtain[data-destination=discover]:after{background:linear-gradient(90deg,#0506069e 0,transparent 44%,#05060657 100%),linear-gradient(0deg,#050606d4 0,transparent 48%,#0506063a 100%),radial-gradient(circle at 66% 45%,#d1e59a20,transparent 27%)}
.page-curtain[data-destination=discover] .curtain-default{opacity:0}
.page-curtain .curtain-default{position:relative;z-index:1}
.page-curtain[data-destination=method] .curtain-default{opacity:0}
.page-curtain[data-destination=method].is-active{animation-duration:1.05s;pointer-events:auto}
.page-curtain[data-destination=discover].is-active{animation-duration:.98s;pointer-events:auto}
.page-curtain[data-destination=archive]{background:#050606;color:#f7f4ec}
.page-curtain[data-destination=archive]>img,.page-curtain[data-destination=archive]:after{opacity:1}
.page-curtain[data-destination=archive]>img{object-position:50% 43%;filter:saturate(.56) contrast(1.12) brightness(.57);transform:scale(1.035)}
.page-curtain[data-destination=archive]:after{background:linear-gradient(90deg,#050606b8 0,#05060624 42%,#05060666 100%),linear-gradient(0deg,#050606b5 0,transparent 45%,#05060640 100%)}
.page-curtain[data-destination=archive] .curtain-default{opacity:0}
.page-curtain[data-destination=archive].is-active{animation-duration:.98s;pointer-events:auto}

.method-transition,.discover-transition{position:absolute;z-index:0;inset:0;overflow:hidden;opacity:0;pointer-events:none}
.page-curtain[data-destination=method] .method-transition,.page-curtain[data-destination=discover] .discover-transition{opacity:1}
.method-transition:after,.discover-transition:after{content:"";position:absolute;z-index:2;inset:0;pointer-events:none}
.method-transition:after{background:repeating-linear-gradient(90deg,transparent 0 calc(10vw - 1px),#d1e59a2e calc(10vw - 1px) 10vw),linear-gradient(90deg,transparent 41.8%,#d1e59a8c 42%,transparent 42.2%)}
.discover-transition:after{background:repeating-linear-gradient(0deg,transparent 0 calc(11vh - 1px),#f4f1e91c calc(11vh - 1px) 11vh),radial-gradient(circle at 66% 46%,transparent 0 13vw,#d1e59a73 calc(13vw + 1px),transparent calc(13vw + 2px))}
.method-echo,.discover-echo{position:absolute;z-index:1;inset:-2%;width:104%;height:104%;max-width:none;object-fit:cover;pointer-events:none;mix-blend-mode:screen;opacity:0}
.method-echo{object-position:56% 36%;filter:hue-rotate(31deg) saturate(1.8) contrast(1.14) brightness(.77);-webkit-mask-image:repeating-linear-gradient(90deg,#000 0 3.4vw,transparent 3.4vw 9.5vw);mask-image:repeating-linear-gradient(90deg,#000 0 3.4vw,transparent 3.4vw 9.5vw)}
.discover-echo{object-position:50% 34%;filter:sepia(.75) hue-rotate(28deg) saturate(2.2) contrast(1.28) brightness(.72);-webkit-mask-image:repeating-linear-gradient(0deg,#000 0 6vh,transparent 6vh 13vh);mask-image:repeating-linear-gradient(0deg,#000 0 6vh,transparent 6vh 13vh)}
.page-curtain .method-scan,.page-curtain .discover-scan{position:absolute;z-index:4;pointer-events:none;opacity:0}
.page-curtain .method-scan{left:42%;top:0;bottom:0;width:1px;background:linear-gradient(0deg,transparent,var(--signal) 15%,#fff 50%,var(--signal) 85%,transparent);box-shadow:0 0 18px #d1e59aa8}
.page-curtain .method-scan:after{content:"";position:absolute;left:-4px;top:46%;width:9px;height:9px;border-radius:50%;background:var(--signal);box-shadow:0 0 0 8px #d1e59a22,0 0 20px #d1e59a}
.page-curtain .discover-scan{left:0;right:0;top:46%;height:12vh;border-block:1px solid #d1e59a87;background:linear-gradient(90deg,transparent,#d1e59a12 46%,#fff1 66%,transparent);backdrop-filter:contrast(1.25) invert(.06);box-shadow:0 0 34px #d1e59a19}

.curtain-focus{position:absolute;z-index:0;overflow:hidden;border:1px solid #f7f4ecad;box-shadow:0 18px 55px #0008;opacity:0}
.curtain-focus img{width:100%;height:100%;object-fit:cover;filter:saturate(1.03) contrast(1.04)}
.curtain-focus-main{left:50%;top:6%;width:24%;height:74%}
.curtain-focus-main img{object-position:100% 30%}
.curtain-focus-detail{right:5%;bottom:10%;width:20%;aspect-ratio:.9}
.curtain-focus-detail img{object-position:82% 30%;transform:scale(1.25);transform-origin:82% 28%}
.page-curtain[data-destination=method] .curtain-focus{opacity:1}

.discover-focus{position:absolute;z-index:0;overflow:hidden;border:1px solid #f7f4ecb3;box-shadow:0 18px 55px #0008;opacity:0}
.discover-focus img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.08)}
.discover-focus-main{left:7%;top:6%;width:31%;height:76%}
.discover-focus-main img{height:132%;transform:translateY(-10%);object-position:55% 29%}
.discover-focus-detail{right:6%;bottom:9%;top:auto;width:21%;aspect-ratio:.78}
.discover-focus-detail img{height:132%;transform:translateY(-10%);object-position:42% 26%}
.page-curtain[data-destination=discover] .discover-focus{opacity:1}
.discover-lockup{position:absolute;z-index:1;inset:0;overflow:hidden;opacity:0}
.page-curtain[data-destination=discover] .discover-lockup{opacity:1}
.page-curtain .discover-kicker,.page-curtain .discover-meta,.page-curtain .discover-index{position:absolute;z-index:3;font:500 clamp(8px,.75vw,11px)/1.2 var(--sans);letter-spacing:.18em;color:#fff;text-shadow:0 1px 12px #000}
.page-curtain .discover-kicker{top:clamp(22px,4vw,58px);left:clamp(20px,4vw,62px)}
.page-curtain .discover-meta{top:clamp(22px,4vw,58px);right:clamp(20px,4vw,62px);color:var(--signal)}
.page-curtain .discover-index{right:clamp(20px,4vw,62px);bottom:clamp(20px,3.4vw,54px)}
.page-curtain .discover-word{position:absolute;font-family:var(--display);font-style:normal;font-weight:700;line-height:.72;letter-spacing:-.06em;white-space:nowrap;color:transparent;-webkit-text-fill-color:transparent;text-transform:uppercase;text-shadow:none}
.page-curtain .discover-word:before,.page-curtain .discover-word:after{content:attr(data-word);position:absolute;inset:0;z-index:-1;color:transparent;-webkit-text-fill-color:transparent;text-shadow:none}
.page-curtain .discover-word:before{-webkit-text-stroke:clamp(1.5px,.18vw,3px) var(--signal);text-stroke:clamp(1.5px,.18vw,3px) var(--signal);filter:blur(5px);opacity:.62;transform:translate(-.022em,-.008em)}
.page-curtain .discover-word:after{-webkit-text-stroke:clamp(1px,.11vw,2px) #f3a6cf;text-stroke:clamp(1px,.11vw,2px) #f3a6cf;filter:blur(1.5px);opacity:.52;transform:translate(.025em,.012em);-webkit-mask-image:repeating-linear-gradient(0deg,#000 0 12px,transparent 12px 19px);mask-image:repeating-linear-gradient(0deg,#000 0 12px,transparent 12px 19px)}
.page-curtain .discover-word-your{left:-.025em;top:16%;font-size:clamp(118px,21vw,350px);-webkit-text-stroke:clamp(2px,.22vw,4px) #f7f4ec;text-stroke:clamp(2px,.22vw,4px) #f7f4ec}
.page-curtain .discover-word-words{right:-.025em;bottom:18%;font-size:clamp(110px,19vw,320px);-webkit-text-stroke:clamp(1.7px,.18vw,3px) #f7f4ec;text-stroke:clamp(1.7px,.18vw,3px) #f7f4ec}
.page-curtain .discover-script{position:absolute;left:clamp(20px,4vw,62px);bottom:clamp(20px,3.4vw,54px);font:italic clamp(25px,3.1vw,50px)/1 var(--serif);letter-spacing:-.06em;color:var(--signal);text-shadow:0 2px 18px #000}

.archive-scene{position:absolute;z-index:0;inset:0;overflow:hidden;opacity:0;color:#f4f1e9}
.archive-scene:before{content:"";position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(90deg,#0506066b 0,transparent 43%,#0506062e 72%,#05060663 100%),linear-gradient(0deg,#050606a8 0,transparent 45%,#05060638 100%)}
.page-curtain[data-destination=archive] .archive-scene{opacity:1}
.archive-echo{position:absolute;z-index:0;inset:-2%;width:104%;height:104%;max-width:none;object-fit:cover;object-position:50% 43%;filter:blur(18px) saturate(.38) brightness(.68);transform:translateX(1.2vw) scale(1.055);opacity:.9;-webkit-mask-image:linear-gradient(90deg,transparent 40%,#0003 48%,#000 58%);mask-image:linear-gradient(90deg,transparent 40%,#0003 48%,#000 58%)}
.page-curtain .archive-eyebrow,.page-curtain .archive-mode,.page-curtain .archive-taxonomy{position:absolute;z-index:3;font:500 clamp(8px,.72vw,11px)/1.2 var(--sans);letter-spacing:.16em;color:#f4f1e9;text-shadow:0 1px 12px #000}
.page-curtain .archive-eyebrow{top:clamp(20px,3.4vw,54px);left:clamp(20px,3.4vw,54px)}
.page-curtain .archive-mode{top:clamp(20px,3.4vw,54px);right:clamp(20px,3.4vw,54px);color:var(--signal)}
.archive-title{position:absolute;z-index:2;left:-1.5vw;top:52%;transform:translateY(-50%);font:italic 400 clamp(104px,23vw,380px)/.72 var(--serif);letter-spacing:-.09em;white-space:nowrap;color:transparent;-webkit-text-stroke:1.25px #f4f1e9eb;text-stroke:1.25px #f4f1e9eb;text-shadow:none}
.archive-title:after{content:attr(data-text);position:absolute;inset:0;transform:translateX(1vw);color:transparent;-webkit-text-stroke:1px var(--signal);text-stroke:1px var(--signal);filter:blur(8px);opacity:.48}
.page-curtain .archive-scan{position:absolute;z-index:3;left:0;right:0;top:68%;height:1px;background:linear-gradient(90deg,transparent,var(--signal) 16%,var(--signal) 84%,transparent);transform-origin:left}
.page-curtain .archive-taxonomy{left:clamp(20px,3.4vw,54px);bottom:clamp(20px,3.4vw,54px);color:#f4f1e9b8}
.page-curtain .archive-sequence{position:absolute;z-index:3;right:clamp(20px,3.4vw,54px);bottom:clamp(20px,3.4vw,54px);width:min(26vw,360px);display:flex;align-items:center;gap:13px;font:500 clamp(8px,.72vw,11px)/1 var(--sans);letter-spacing:.14em;color:#f4f1e9}
.archive-sequence b{font-weight:500}.archive-sequence i{height:1px;flex:1;background:#f4f1e966;position:relative}.archive-sequence i:after{content:"";position:absolute;left:0;top:-1px;width:38%;height:3px;background:var(--signal)}

.curtain-lockup{position:absolute;z-index:1;inset:0;display:grid;grid-template-rows:auto 1fr 1fr auto;align-items:center;padding:clamp(24px,4vw,64px);overflow:hidden;opacity:0}
.page-curtain[data-destination=method] .curtain-lockup{opacity:1}
.page-curtain .curtain-eyebrow{align-self:start;justify-self:end;font:500 clamp(8px,.8vw,12px)/1.2 var(--sans);letter-spacing:.2em;color:#fff;text-shadow:0 1px 12px #000}
.page-curtain .curtain-word{position:relative;font-family:var(--display);font-style:normal;font-weight:700;line-height:.7;letter-spacing:-.065em;white-space:nowrap;text-transform:uppercase;color:transparent;-webkit-text-fill-color:transparent;text-shadow:none}
.page-curtain .curtain-word:before,.page-curtain .curtain-word:after{content:attr(data-word);position:absolute;inset:0;z-index:-1;color:transparent;-webkit-text-fill-color:transparent;text-shadow:none}
.page-curtain .curtain-word:before{-webkit-text-stroke:inherit;text-stroke:inherit;filter:blur(7px);opacity:.58;transform:translate(-.022em,-.009em)}
.page-curtain .curtain-word:after{-webkit-text-stroke:clamp(1px,.12vw,2px) #7ae3ff;text-stroke:clamp(1px,.12vw,2px) #7ae3ff;filter:blur(1.5px);opacity:.56;transform:translate(.027em,.012em);-webkit-mask-image:repeating-linear-gradient(0deg,#000 0 11px,transparent 11px 18px);mask-image:repeating-linear-gradient(0deg,#000 0 11px,transparent 11px 18px)}
.page-curtain .curtain-word-gout{align-self:end;justify-self:start;margin-left:-.055em;font-size:clamp(112px,21vw,350px);-webkit-text-stroke:clamp(2px,.24vw,4px) var(--signal);text-stroke:clamp(2px,.24vw,4px) var(--signal)}
.page-curtain .curtain-word-salon{align-self:start;justify-self:center;font-family:var(--serif);font-size:clamp(72px,11vw,188px);font-style:italic;font-weight:400;letter-spacing:-.075em;-webkit-text-stroke:clamp(1.2px,.14vw,2.5px) #f7f4ec;text-stroke:clamp(1.2px,.14vw,2.5px) #f7f4ec}
.page-curtain[data-destination] .curtain-word-gout,.page-curtain[data-destination] .curtain-word-salon{color:transparent;-webkit-text-fill-color:transparent}
.page-curtain .curtain-signature{align-self:end;justify-self:start;font:italic clamp(18px,2vw,32px)/1 var(--serif);letter-spacing:-.035em;color:#fff;text-shadow:0 2px 16px #000}
.page-curtain .curtain-axis,.page-curtain .curtain-index{position:absolute;z-index:3;font:500 clamp(8px,.72vw,11px)/1.2 var(--sans);letter-spacing:.16em;color:#f7f4ec;text-shadow:0 1px 12px #000}
.page-curtain .curtain-axis{top:clamp(24px,4vw,64px);left:clamp(24px,4vw,64px);color:var(--signal)}
.page-curtain .curtain-index{right:clamp(24px,4vw,64px);bottom:clamp(24px,4vw,64px)}
.page-curtain[data-destination=method].is-active .curtain-word-gout{animation:curtainTypeLeft 1.05s cubic-bezier(.76,0,.24,1) both}
.page-curtain[data-destination=method].is-active .curtain-word-salon{animation:curtainTypeRight 1.05s cubic-bezier(.76,0,.24,1) both}
.page-curtain[data-destination=method].is-active .curtain-eyebrow,.page-curtain[data-destination=method].is-active .curtain-signature,.page-curtain[data-destination=method].is-active .curtain-axis,.page-curtain[data-destination=method].is-active .curtain-index{animation:curtainMeta 1.05s ease both}
.page-curtain[data-destination=method].is-active>img{animation:routePortraitBase 1.05s cubic-bezier(.76,0,.24,1) both}
.page-curtain[data-destination=method].is-active .method-echo{animation:methodChromaticEcho 1.05s cubic-bezier(.76,0,.24,1) both}
.page-curtain[data-destination=method].is-active .method-scan{animation:methodMeasureScan 1.05s cubic-bezier(.76,0,.24,1) both}
.page-curtain[data-destination=method].is-active .curtain-focus-main{animation:methodFocusMain 1.05s cubic-bezier(.76,0,.24,1) both}
.page-curtain[data-destination=method].is-active .curtain-focus-detail{animation:methodFocusDetail 1.05s cubic-bezier(.76,0,.24,1) both}
.page-curtain[data-destination=discover].is-active .discover-word-your{animation:curtainTypeLeft .98s cubic-bezier(.76,0,.24,1) both}
.page-curtain[data-destination=discover].is-active .discover-word-words{animation:curtainTypeRight .98s cubic-bezier(.76,0,.24,1) both}
.page-curtain[data-destination=discover].is-active .discover-kicker,.page-curtain[data-destination=discover].is-active .discover-meta,.page-curtain[data-destination=discover].is-active .discover-script,.page-curtain[data-destination=discover].is-active .discover-index{animation:curtainMeta .98s ease both}
.page-curtain[data-destination=discover].is-active>img{animation:routePortraitBase .98s cubic-bezier(.76,0,.24,1) both}
.page-curtain[data-destination=discover].is-active .discover-echo{animation:discoverChromaticEcho .98s cubic-bezier(.76,0,.24,1) both}
.page-curtain[data-destination=discover].is-active .discover-scan{animation:discoverSearchScan .98s cubic-bezier(.76,0,.24,1) both}
.page-curtain[data-destination=discover].is-active .discover-focus-main{animation:curtainFocusMain .98s cubic-bezier(.76,0,.24,1) both}
.page-curtain[data-destination=discover].is-active .discover-focus-detail{animation:curtainFocusDetail .98s cubic-bezier(.76,0,.24,1) both}
.page-curtain[data-destination=archive].is-active>img{animation:archiveAfterimageBase .98s cubic-bezier(.76,0,.24,1) both}
.page-curtain[data-destination=archive].is-active .archive-echo{animation:archiveAfterimageEcho .98s cubic-bezier(.76,0,.24,1) both}
.page-curtain[data-destination=archive].is-active .archive-title{animation:archiveAfterimageTitle .98s cubic-bezier(.76,0,.24,1) both}
.page-curtain[data-destination=archive].is-active .archive-eyebrow,.page-curtain[data-destination=archive].is-active .archive-mode,.page-curtain[data-destination=archive].is-active .archive-taxonomy,.page-curtain[data-destination=archive].is-active .archive-sequence{animation:archiveAfterimageMeta .98s ease both}
.page-curtain[data-destination=archive].is-active .archive-scan{animation:archiveAfterimageScan .98s cubic-bezier(.76,0,.24,1) both}
@keyframes curtainTypeLeft{0%{opacity:0;transform:translateX(-18%)}34%,66%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(10%)}}
@keyframes curtainTypeRight{0%{opacity:0;transform:translateX(18%)}34%,66%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(-10%)}}
@keyframes curtainMeta{0%,16%{opacity:0}36%,67%{opacity:1}100%{opacity:0}}
@keyframes curtainFocusMain{0%{opacity:0;clip-path:inset(0 0 100% 0)}34%,66%{opacity:1;clip-path:inset(0)}100%{opacity:0;clip-path:inset(100% 0 0 0)}}
@keyframes curtainFocusDetail{0%,14%{opacity:0;transform:translate(22px,18px)}38%,66%{opacity:1;transform:translate(0)}100%{opacity:0;transform:translate(-18px,-12px)}}
@keyframes routePortraitBase{0%{transform:scale(1.12)}34%,68%{transform:scale(1.045)}100%{transform:scale(1)}}
@keyframes methodChromaticEcho{0%{opacity:0;transform:translateX(-8vw) scale(1.1)}34%,68%{opacity:.46;transform:translateX(-1.2vw) scale(1.055)}100%{opacity:0;transform:translateX(5vw) scale(1.02)}}
@keyframes discoverChromaticEcho{0%{opacity:0;transform:translateY(-9vh) scale(1.1)}34%,68%{opacity:.42;transform:translateY(-1vh) scale(1.055)}100%{opacity:0;transform:translateY(7vh) scale(1.02)}}
@keyframes methodMeasureScan{0%,22%{opacity:0;transform:scaleY(0);transform-origin:top}42%,66%{opacity:1;transform:scaleY(1);transform-origin:top}100%{opacity:0;transform:scaleY(0);transform-origin:bottom}}
@keyframes discoverSearchScan{0%,20%{opacity:0;transform:translateX(-105%)}42%,64%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(105%)}}
@keyframes methodFocusMain{0%{opacity:0;clip-path:inset(100% 0 0 0);transform:translateY(24px)}34%,66%{opacity:1;clip-path:inset(0);transform:translateY(0)}100%{opacity:0;clip-path:inset(0 0 100% 0);transform:translateY(-20px)}}
@keyframes methodFocusDetail{0%,14%{opacity:0;clip-path:inset(0 0 100% 0);transform:translateY(-22px)}38%,66%{opacity:1;clip-path:inset(0);transform:translateY(0)}100%{opacity:0;clip-path:inset(100% 0 0 0);transform:translateY(18px)}}
@keyframes archiveAfterimageBase{0%{transform:scale(1.11)}34%,66%{transform:scale(1.035)}100%{transform:scale(1)}}
@keyframes archiveAfterimageEcho{0%{opacity:0;transform:translateX(7vw) scale(1.08)}34%,66%{opacity:.9;transform:translateX(1.2vw) scale(1.055)}100%{opacity:0;transform:translateX(-4vw) scale(1.02)}}
@keyframes archiveAfterimageTitle{0%,18%{opacity:0;clip-path:inset(0 100% 0 0);translate:0 14px}38%,66%{opacity:1;clip-path:inset(0);translate:0 0}100%{opacity:0;clip-path:inset(0 0 0 100%);translate:0 -10px}}
@keyframes archiveAfterimageMeta{0%,22%{opacity:0}39%,68%{opacity:1}100%{opacity:0}}
@keyframes archiveAfterimageScan{0%,22%{opacity:0;transform:scaleX(0)}42%,65%{opacity:1;transform:scaleX(1)}100%{opacity:0;transform:scaleX(0);transform-origin:right}}
@media(max-width:760px){.curtain-lockup{padding:22px 14px}.page-curtain[data-destination=method]>img{top:0;bottom:auto;height:116%;object-position:62% 38%;filter:blur(1.5px) saturate(1.05) contrast(1.1) brightness(.62)}.method-echo{top:0;bottom:auto;height:116%;object-position:62% 38%;-webkit-mask-image:repeating-linear-gradient(90deg,#000 0 7vw,transparent 7vw 18vw);mask-image:repeating-linear-gradient(90deg,#000 0 7vw,transparent 7vw 18vw)}.method-transition:after{background:repeating-linear-gradient(90deg,transparent 0 calc(18vw - 1px),#d1e59a2e calc(18vw - 1px) 18vw),linear-gradient(90deg,transparent 44.7%,#d1e59a8c 45%,transparent 45.3%)}.curtain-focus-main{left:42%;top:7%;width:50%;height:65%}.curtain-focus-main img{object-position:62% 30%}.curtain-focus-detail{left:5%;right:auto;bottom:11%;width:34%;aspect-ratio:1.1}.curtain-focus-detail img{object-position:63% 31%}.page-curtain .curtain-word-gout{font-size:42vw}.page-curtain .curtain-word-salon{font-size:18vw;-webkit-text-stroke:1.2px #f7f4ec;text-stroke:1.2px #f7f4ec}.page-curtain .curtain-signature{font-size:18px;margin-bottom:28px}.page-curtain .curtain-axis,.page-curtain .curtain-index,.page-curtain .curtain-eyebrow{font-size:7px;letter-spacing:.12em}.page-curtain .curtain-axis{top:18px;left:16px}.page-curtain .curtain-index{right:16px;bottom:18px;max-width:48vw;text-align:right}.page-curtain[data-destination=discover]>img{top:0;bottom:auto;height:118%;object-position:50% 28%;filter:grayscale(1) contrast(1.2) brightness(.5)}.page-curtain[data-destination=discover]:after{background:linear-gradient(0deg,#050606 0,#050606f2 18%,#050606a8 34%,transparent 54%),linear-gradient(90deg,#05060691 0,transparent 46%,#05060657 100%),radial-gradient(circle at 66% 45%,#d1e59a20,transparent 27%)}.discover-echo{top:0;bottom:auto;height:118%;object-position:50% 28%;-webkit-mask-image:repeating-linear-gradient(0deg,#000 0 7vh,transparent 7vh 15vh);mask-image:repeating-linear-gradient(0deg,#000 0 7vh,transparent 7vh 15vh)}.discover-transition:after{background:repeating-linear-gradient(0deg,transparent 0 calc(10vh - 1px),#f4f1e91c calc(10vh - 1px) 10vh),radial-gradient(circle at 67% 46%,transparent 0 27vw,#d1e59a73 calc(27vw + 1px),transparent calc(27vw + 2px))}.discover-focus-main{left:-5%;top:8%;width:65%;height:67%}.discover-focus-detail{right:-6%;left:auto;bottom:10%;width:43%;aspect-ratio:.78}.discover-focus-main img,.discover-focus-detail img{height:138%;transform:translateY(-12%)}.page-curtain .discover-word-your{top:19%;font-size:42vw}.page-curtain .discover-word-words{right:-4vw;bottom:23%;font-size:30vw}.page-curtain .discover-script{left:16px;bottom:47px;font-size:24px}.page-curtain .discover-kicker,.page-curtain .discover-meta,.page-curtain .discover-index{font-size:7px;letter-spacing:.11em}.page-curtain .discover-kicker{top:18px;left:16px}.page-curtain .discover-meta{top:18px;right:16px}.page-curtain .discover-index{right:16px;bottom:18px}.page-curtain .discover-scan{height:10vh}}
@media(max-width:760px){.page-curtain[data-destination=archive]>img{object-position:46% 50%;filter:saturate(.56) contrast(1.12) brightness(.57)}.archive-echo{object-position:46% 50%;filter:blur(11px) saturate(.4) brightness(.68);-webkit-mask-image:linear-gradient(90deg,transparent 35%,#0003 46%,#000 57%);mask-image:linear-gradient(90deg,transparent 35%,#0003 46%,#000 57%)}.archive-title{left:-2vw;top:52%;font-size:24.5vw;letter-spacing:-.08em;-webkit-text-stroke:1px #f4f1e9eb;text-stroke:1px #f4f1e9eb}.archive-title:after{transform:translateX(2vw);filter:blur(6px)}.page-curtain .archive-eyebrow,.page-curtain .archive-mode,.page-curtain .archive-taxonomy{font-size:7px;letter-spacing:.12em}.page-curtain .archive-eyebrow{top:18px;left:16px}.page-curtain .archive-mode{top:18px;right:16px}.page-curtain .archive-scan{top:69%}.page-curtain .archive-taxonomy{left:16px;bottom:18px}.page-curtain .archive-sequence{right:16px;bottom:18px;width:38vw;font-size:7px;gap:8px}}
@keyframes editPrismBaseMobile{0%{transform:scale(1.29)}34%,68%{transform:scale(1.22)}100%{transform:scale(1.17)}}
@keyframes editPrismAMobile{0%{opacity:0;transform:translateX(-12vw) scale(1.26)}36%,68%{opacity:.26;transform:translateX(-2vw) scale(1.22)}100%{opacity:0;transform:translateX(8vw) scale(1.18)}}
@keyframes editPrismBMobile{0%{opacity:0;transform:translateX(12vw) scale(1.26)}36%,68%{opacity:.2;transform:translateX(2vw) scale(1.22)}100%{opacity:0;transform:translateX(-8vw) scale(1.18)}}
@media(max-width:760px){.page-curtain[data-destination=edit]>img{top:0;bottom:auto;height:120%;object-position:48% 34%;filter:saturate(1.18) contrast(1.07) brightness(.8)}.page-curtain[data-destination=edit]:after{background:linear-gradient(0deg,#020508 0,#020508f7 18%,#020508bd 39%,transparent 61%),linear-gradient(90deg,#02050869 0,transparent 44%,#0205083d 100%)}.edit-prism{top:0;bottom:auto;height:120%;object-position:48% 34%;-webkit-mask-image:repeating-linear-gradient(90deg,#000 0 7vw,transparent 7vw 18vw);mask-image:repeating-linear-gradient(90deg,#000 0 7vw,transparent 7vw 18vw)}.page-curtain[data-destination=edit].is-active>img{animation-name:editPrismBaseMobile}.page-curtain[data-destination=edit].is-active .edit-prism-a{animation-name:editPrismAMobile}.page-curtain[data-destination=edit].is-active .edit-prism-b{animation-name:editPrismBMobile}.edit-word{left:-2vw;top:56%;font-size:43vw;letter-spacing:-.07em;-webkit-text-stroke:1px #fff;text-stroke:1px #fff;transform:translateY(-50%) scaleX(1.08)}.edit-word:before,.edit-word:after{-webkit-text-stroke-width:1px;text-stroke-width:1px;filter:blur(1.5px)}.edit-the{left:6vw;top:34%;font-size:11vw}.page-curtain .edit-kicker,.page-curtain .edit-meta,.page-curtain .edit-caption,.page-curtain .edit-index{font-size:7px;letter-spacing:.11em}.page-curtain .edit-kicker{top:18px;left:16px}.page-curtain .edit-meta{top:18px;right:16px}.page-curtain .edit-caption{left:16px;bottom:18px}.page-curtain .edit-index{right:16px;bottom:18px}}

/* ARCHIVE transition v2: kinetic fashion contact sheet. */
.page-curtain[data-destination=archive]{background:#070807;color:#f2efe6}
.page-curtain[data-destination=archive]>img{object-position:50% 38%;filter:grayscale(.82) contrast(1.18) brightness(.25) blur(2px);transform:scale(1.08)}
.page-curtain[data-destination=archive]:after{background:linear-gradient(90deg,#050605d9 0,transparent 48%,#050605b8 100%),linear-gradient(0deg,#050605d9 0,transparent 48%,#05060580 100%)}
.archive-scene:before{content:"";position:absolute;z-index:0;inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 calc(6.666vw - 1px),#f2efe612 calc(6.666vw - 1px) 6.666vw),linear-gradient(0deg,transparent 11%,#f2efe629 11.1%,transparent 11.2%,transparent 88%,#f2efe629 88.1%,transparent 88.2%)}
.archive-scene:after{content:"";position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(90deg,#0506052e,transparent 24%,transparent 74%,#05060547),linear-gradient(0deg,#0506056b,transparent 28%,transparent 72%,#0506058f)}
.archive-index-rail{position:absolute;z-index:1;top:10.5%;left:-5vw;white-space:nowrap;color:#f2efe64a;font:700 clamp(14px,2vw,30px)/1 var(--display);font-style:normal;letter-spacing:.28em}
.archive-contact{position:absolute;z-index:2;left:-11vw;top:50%;display:flex;gap:1.6vw;width:max-content;transform:translateY(-50%) rotate(-1.2deg)}
.archive-frame{--lift:0vh;position:relative;flex:none;width:23vw;height:min(69vh,690px);padding:clamp(5px,.45vw,8px) clamp(5px,.45vw,8px) 27px;background:#ebe8df;color:#090a09;box-shadow:0 24px 65px #000a}
.archive-frame:nth-child(odd){--lift:-3vh}
.archive-frame:nth-child(even){--lift:3vh}
.archive-shot{width:100%;height:100%;overflow:hidden;background:#bfc0ba}
.archive-shot img{width:100%;height:145%;max-width:none;object-fit:cover;transform:translateY(0);filter:grayscale(1) contrast(1.13) brightness(.72)}
.archive-frame-1 img{object-position:24% 24%}.archive-frame-2 img{object-position:39% 38%}.archive-frame-3 img{object-position:52% 35%}.archive-frame-4 img{object-position:73% 35%}.archive-frame-5 img{object-position:48% 70%}.archive-frame-6 img{object-position:50% 45%}
.archive-frame figcaption{position:absolute;left:8px;right:8px;bottom:7px;display:flex;justify-content:space-between;font:700 8px/1 var(--sans);letter-spacing:.13em}
.archive-frame figcaption b{font-weight:700;color:#677443}
.archive-frame.is-selected{z-index:3}
.archive-frame.is-selected:before{content:"";position:absolute;inset:-9px;pointer-events:none;background:linear-gradient(var(--signal),var(--signal)) 0 0/28px 2px no-repeat,linear-gradient(var(--signal),var(--signal)) 0 0/2px 28px no-repeat,linear-gradient(var(--signal),var(--signal)) 100% 0/28px 2px no-repeat,linear-gradient(var(--signal),var(--signal)) 100% 0/2px 28px no-repeat,linear-gradient(var(--signal),var(--signal)) 0 100%/28px 2px no-repeat,linear-gradient(var(--signal),var(--signal)) 0 100%/2px 28px no-repeat,linear-gradient(var(--signal),var(--signal)) 100% 100%/28px 2px no-repeat,linear-gradient(var(--signal),var(--signal)) 100% 100%/2px 28px no-repeat}
.archive-stamp{position:absolute;z-index:4;left:50%;top:64%;display:flex;flex-direction:column;align-items:flex-start;transform:translate(-50%,-50%) rotate(-1.4deg);filter:drop-shadow(0 16px 24px #0008)}
.archive-stamp strong{padding:.07em .14em .11em;background:#f2efe6;color:#090a09;font:700 clamp(90px,14vw,230px)/.72 var(--display);letter-spacing:-.065em}
.page-curtain .archive-stamp span{align-self:flex-end;margin-top:-1px;padding:7px 10px;background:var(--signal);color:#11130e;font:700 clamp(7px,.62vw,10px)/1 var(--sans);font-style:normal;letter-spacing:.14em}
.page-curtain .archive-edge-code{position:absolute;z-index:5;left:clamp(20px,3.4vw,54px);bottom:clamp(20px,3.4vw,54px);font:500 clamp(7px,.68vw,10px)/1 var(--sans);font-style:normal;letter-spacing:.17em;color:#f2efe6}
.page-curtain[data-destination=archive].is-active>img{animation:archiveContactBase .98s cubic-bezier(.76,0,.24,1) both}
.page-curtain[data-destination=archive].is-active .archive-contact{animation:archiveContactRun .98s cubic-bezier(.76,0,.24,1) both}
.page-curtain[data-destination=archive].is-active .archive-frame{animation:archiveFrameResolve .94s cubic-bezier(.76,0,.24,1) both}
.page-curtain[data-destination=archive].is-active .archive-frame:nth-child(2){animation-delay:10ms}.page-curtain[data-destination=archive].is-active .archive-frame:nth-child(3){animation-delay:20ms}.page-curtain[data-destination=archive].is-active .archive-frame:nth-child(4){animation-delay:30ms}.page-curtain[data-destination=archive].is-active .archive-frame:nth-child(5){animation-delay:40ms}.page-curtain[data-destination=archive].is-active .archive-frame:nth-child(6){animation-delay:50ms}
.page-curtain[data-destination=archive].is-active .is-selected .archive-shot img{animation:archiveSelected .98s cubic-bezier(.76,0,.24,1) both}
.page-curtain[data-destination=archive].is-active .archive-stamp{animation:archiveStamp .98s cubic-bezier(.76,0,.24,1) both}
.page-curtain[data-destination=archive].is-active .archive-index-rail{animation:archiveRail .98s ease both}
.page-curtain[data-destination=archive].is-active .archive-eyebrow,.page-curtain[data-destination=archive].is-active .archive-mode,.page-curtain[data-destination=archive].is-active .archive-edge-code{animation:archiveContactMeta .98s ease both}
@keyframes archiveContactBase{0%{transform:scale(1.15)}42%,64%{transform:scale(1.08)}100%{transform:scale(1.01)}}
@keyframes archiveContactRun{0%,10%{opacity:0;transform:translate3d(82vw,-50%,0) rotate(4deg)}38%{opacity:1;transform:translate3d(0,-50%,0) rotate(-1.2deg)}62%{opacity:1;transform:translate3d(-2vw,-50%,0) rotate(-1.2deg)}100%{opacity:0;transform:translate3d(-88vw,-50%,0) rotate(-4deg)}}
@keyframes archiveFrameResolve{0%,12%{clip-path:inset(0 0 100% 0);transform:translateY(calc(var(--lift) + 7vh))}38%,65%{clip-path:inset(0);transform:translateY(var(--lift))}100%{clip-path:inset(100% 0 0 0);transform:translateY(calc(var(--lift) - 6vh))}}
@keyframes archiveSelected{0%,25%{filter:grayscale(1) contrast(1.15) brightness(.65);transform:translateY(0) scale(1.08)}43%,66%{filter:grayscale(0) saturate(1.08) contrast(1.04);transform:translateY(0) scale(1.01)}100%{filter:grayscale(.6) contrast(1.1);transform:translateY(0) scale(1.18)}}
@keyframes archiveStamp{0%,24%{opacity:0;clip-path:inset(0 100% 0 0);transform:translate(-56%,-50%) rotate(-4deg)}41%,65%{opacity:1;clip-path:inset(0);transform:translate(-50%,-50%) rotate(-1.4deg)}100%{opacity:0;clip-path:inset(0 0 0 100%);transform:translate(-43%,-50%) rotate(2deg)}}
@keyframes archiveRail{0%,16%{opacity:0;transform:translateX(-12vw)}36%,68%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(18vw)}}
@keyframes archiveContactMeta{0%,25%{opacity:0}40%,68%{opacity:1}100%{opacity:0}}
@media(max-width:760px){.archive-frame:first-child,.archive-frame:last-child{display:none}.archive-contact{left:-50vw;gap:4vw}.archive-frame{width:64vw;height:64svh;padding:5px 5px 23px}.archive-frame:nth-child(odd){--lift:-2vh}.archive-frame:nth-child(even){--lift:2vh}.archive-shot img{height:145%;transform:translateY(0)}.archive-frame-3 img{object-position:50% 31%}.archive-stamp{top:66%;width:92vw}.archive-stamp strong{width:100%;font-size:21vw;text-align:center}.archive-index-rail{top:12%;left:-20vw;font-size:13px;letter-spacing:.2em}.page-curtain .archive-edge-code{left:16px;bottom:18px;max-width:60vw;font-size:7px;line-height:1.5}.page-curtain .archive-eyebrow,.page-curtain .archive-mode{font-size:7px;letter-spacing:.11em}.page-curtain .archive-eyebrow{top:18px;left:16px}.page-curtain .archive-mode{top:18px;right:16px}.page-curtain[data-destination=archive].is-active .archive-contact{animation-name:archiveContactRunMobile}}
@media(max-aspect-ratio:4/5){.page-curtain[data-destination=archive]>img{inset:0 0 auto;height:118%;object-position:52% 24%}}
@keyframes archiveContactRunMobile{0%,10%{opacity:0;transform:translate3d(110vw,-50%,0) rotate(4deg)}38%,62%{opacity:1;transform:translate3d(0,-50%,0) rotate(-1deg)}100%{opacity:0;transform:translate3d(-155vw,-50%,0) rotate(-4deg)}}
.method-stage[data-method-view=shape]>#method-image{object-position:44% 20%;filter:brightness(.62) saturate(.82) contrast(1.12)}
.method-stage[data-method-view=space]>#method-image{object-position:52% 19%;filter:grayscale(1) brightness(.64) contrast(1.2)}
.method-stage[data-method-view=flow]>#method-image{object-position:54% 19%;filter:brightness(.68) saturate(.86) contrast(1.08)}
.method-stage[data-method-view=shape] .method-shade{background:linear-gradient(90deg,var(--bg),transparent 46%),linear-gradient(0deg,var(--bg),transparent 62%),radial-gradient(circle at 73% 36%,transparent 0 25%,#0507064f 58%,#050706a6 100%)}
.method-stage[data-method-view=space] .method-shade{background:linear-gradient(90deg,var(--bg),transparent 43%),linear-gradient(0deg,var(--bg),transparent 59%),linear-gradient(145deg,#0507061a 0 48%,#050706b8 84%)}
.method-stage[data-method-view=flow] .method-shade{background:linear-gradient(90deg,var(--bg),#0708079e 24%,transparent 56%),linear-gradient(0deg,var(--bg),transparent 62%),linear-gradient(180deg,#06101c35,#06101c70)}
@media(max-width:760px){.method-stage[data-method-view=shape]>#method-image{object-position:42% 24%}.method-stage[data-method-view=space]>#method-image{object-position:52% 22%}.method-stage[data-method-view=flow]>#method-image{object-position:54% 21%;filter:brightness(.62) saturate(.82) contrast(1.08)}}

/* OUR METHOD studies: route-transition graphics composed over the preserved source images. */
.method-stage{overflow:hidden;isolation:isolate}
.method-stage>#method-image{position:relative;z-index:0}
.method-stage .method-shade{z-index:1}
.method-graphics{position:absolute;z-index:2;inset:0;overflow:hidden;pointer-events:none}
.method-graphic{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .28s ease,visibility 0s linear .28s}
.method-stage[data-method-view=shape] .method-graphic-shape,.method-stage[data-method-view=space] .method-graphic-space,.method-stage[data-method-view=flow] .method-graphic-flow{opacity:1;visibility:visible;transition-delay:0s}
.method-annotation{z-index:4;text-shadow:0 2px 14px #000}
.method-graphic-code{position:absolute;z-index:5;top:8.5%;left:5%;font:600 clamp(7px,.66vw,10px)/1.2 var(--sans);letter-spacing:.18em;color:#f7f4ec;text-shadow:0 2px 14px #000}
.method-graphic-word{position:absolute;z-index:2;white-space:nowrap;color:transparent;-webkit-text-fill-color:transparent;-webkit-text-stroke:clamp(1.3px,.16vw,2.4px) #f7f4ec;text-stroke:clamp(1.3px,.16vw,2.4px) #f7f4ec;font:700 clamp(108px,12vw,205px)/.74 var(--display);letter-spacing:-.075em;filter:drop-shadow(0 8px 26px #0007)}
.method-graphic-word:before{content:attr(data-word);position:absolute;inset:0;color:transparent;-webkit-text-fill-color:transparent;-webkit-text-stroke:clamp(1.5px,.18vw,2.8px) var(--signal);text-stroke:clamp(1.5px,.18vw,2.8px) var(--signal);opacity:.66;filter:blur(4px);transform:translate(-.025em,-.012em)}
.method-graphic-orbit{position:absolute;z-index:1;border:1px solid #d1e59aa8;border-radius:50%;box-shadow:0 0 28px #d1e59a18}
.method-graphic-shape:before{content:"";position:absolute;z-index:1;left:-7%;top:34%;width:88%;height:29%;background:linear-gradient(90deg,#050706b0,transparent 28%,#70dcff20 76%,#d1e59a2e),url("../../assets/method/shape-00505.png") 51% 29%/118% auto no-repeat;clip-path:polygon(0 28%,92% 0,100% 55%,7% 100%);mix-blend-mode:screen;filter:saturate(1.3) contrast(1.18) brightness(.7);opacity:.5}
.method-graphic-shape:after{content:"FORM / 01\A LINE · OUTLINE · BALANCE";white-space:pre;position:absolute;z-index:3;right:4%;bottom:12%;font:600 clamp(7px,.64vw,10px)/1.65 var(--sans);letter-spacing:.16em;text-align:right;color:#f7f4ecb8;transform:rotate(-90deg);transform-origin:right bottom}
.method-graphic-shape .method-graphic-word{left:-5%;top:47%;transform:translateY(-50%);background:url("../../assets/method/shape-00505.png") 51% 27%/122% auto no-repeat;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;-webkit-text-stroke:1px #f7f4ecb8;text-stroke:1px #f7f4ecb8;filter:contrast(1.34) brightness(1.22) drop-shadow(0 8px 26px #0008)}
.method-graphic-axis{position:absolute;z-index:1;left:49%;top:7%;bottom:9%;width:1px;background:linear-gradient(0deg,transparent,var(--signal) 16%,#fff 48%,var(--signal) 82%,transparent);box-shadow:0 0 18px #d1e59a4d}
.method-graphic-axis:after{content:"";position:absolute;left:-4px;top:47%;width:9px;height:9px;border-radius:50%;background:var(--signal);box-shadow:0 0 0 8px #d1e59a1c,0 0 20px #d1e59a}
.method-graphic-shape .method-graphic-orbit-a{right:19%;top:30%;width:34%;aspect-ratio:1}
.method-graphic-shape .method-graphic-orbit-b{right:28%;top:40%;width:17%;aspect-ratio:1;border-color:#f7f4ec75}
.method-graphic-space:before{content:"";position:absolute;z-index:1;inset:-5%;background:url("../../assets/method-space-men-mono.jpg") 53% 19%/cover no-repeat;mix-blend-mode:screen;filter:grayscale(1) contrast(1.55) brightness(.94);opacity:.45;transform:scale(1.085) translate(-1.5%,.5%);-webkit-mask-image:radial-gradient(ellipse 32% 41% at 62% 39%,#000 0 66%,transparent 68%);mask-image:radial-gradient(ellipse 32% 41% at 62% 39%,#000 0 66%,transparent 68%)}
.method-graphic-space:after{content:"VOLUME / POSITION / 02";position:absolute;z-index:3;left:5%;bottom:13%;font:600 clamp(7px,.64vw,10px)/1 var(--sans);letter-spacing:.2em;color:#f7f4ecc7}
.method-graphic-space .method-graphic-code{left:7%}
.method-graphic-space .method-graphic-word{right:-.05em;top:8%;writing-mode:vertical-rl;font-size:clamp(96px,9.8vw,166px);letter-spacing:-.08em;opacity:.88}
.method-graphic-space .method-graphic-orbit-a{right:14%;top:20%;width:49%;aspect-ratio:1;border-color:#d1e59ac2}
.method-graphic-space .method-graphic-orbit-b{right:28%;top:34%;width:21%;aspect-ratio:1;border-color:#f7f4ec99}
.method-graphic-scan{position:absolute;z-index:4;left:-2%;right:-2%;top:48%;height:14%;border-block:1px solid #d1e59a7d;background:linear-gradient(90deg,transparent,#d1e59a0f 36%,#fff1 62%,transparent),repeating-linear-gradient(90deg,transparent 0 7.9%,#f7f4ec1c 8% 8.15%);backdrop-filter:contrast(1.18) invert(.035);box-shadow:0 0 26px #d1e59a12;transform:rotate(-1.5deg)}
.method-graphic-flow:before{content:"FLOW  FLOW  FLOW";position:absolute;z-index:1;left:-13%;top:62%;white-space:nowrap;font:italic 400 clamp(54px,6.8vw,116px)/.8 var(--serif);letter-spacing:-.06em;color:transparent;-webkit-text-fill-color:transparent;-webkit-text-stroke:1px #f7f4ec87;text-stroke:1px #f7f4ec87;transform:rotate(-9deg);opacity:.55}
.method-graphic-flow:after{content:"";position:absolute;z-index:1;left:16%;top:28%;width:84%;height:36%;border:1px solid #70dcff7a;border-radius:50%;transform:rotate(-10deg);box-shadow:inset 0 0 42px #70dcff0d,0 0 24px #f3a6cf14}
.method-graphic-flow .method-graphic-code{left:6%}
.method-graphic-flow .method-graphic-word{left:-1%;top:42%;transform:translateY(-50%) rotate(-8deg);font-family:var(--display);font-style:normal;font-weight:700;font-size:clamp(112px,12.5vw,212px);letter-spacing:-.085em;color:#f7f4ece8;-webkit-text-fill-color:#f7f4ece8;-webkit-text-stroke:0;text-stroke:0;mix-blend-mode:screen}
.method-graphic-flow .method-graphic-word:before{-webkit-text-fill-color:transparent;-webkit-text-stroke:1.5px #70dcff;text-stroke:1.5px #70dcff;opacity:.6;filter:blur(2.8px);transform:translate(.04em,.025em)}
.method-flow-line{position:absolute;z-index:1;left:-8%;width:116%;height:1px;transform-origin:center;background:linear-gradient(90deg,transparent 4%,#70dcff99 25%,#fff 52%,#d1e59a9c 78%,transparent 96%);box-shadow:0 0 18px #70dcff48}
.method-flow-line-a{top:39%;transform:rotate(-10deg)}
.method-flow-line-b{top:55%;transform:rotate(-10deg);opacity:.52}
.method-stage[data-method-view=shape] .method-graphic-shape .method-graphic-word,.method-stage[data-method-view=space] .method-graphic-space .method-graphic-word,.method-stage[data-method-view=flow] .method-graphic-flow .method-graphic-word{animation:methodGraphicWord .68s cubic-bezier(.2,.7,.2,1) both}
.method-stage[data-method-view=shape] .method-graphic-shape .method-graphic-code,.method-stage[data-method-view=space] .method-graphic-space .method-graphic-code,.method-stage[data-method-view=flow] .method-graphic-flow .method-graphic-code{animation:methodGraphicMeta .6s ease both}
.method-stage[data-method-view=shape] .method-graphic-axis,.method-stage[data-method-view=space] .method-graphic-scan,.method-stage[data-method-view=flow] .method-flow-line{animation:methodGraphicScan .78s cubic-bezier(.2,.7,.2,1) both}
.method-stage[data-method-view] .method-graphic:before,.method-stage[data-method-view] .method-graphic:after{animation:methodGraphicFragment .76s cubic-bezier(.2,.7,.2,1) both}
@keyframes methodGraphicWord{from{opacity:0;clip-path:inset(0 100% 0 0);translate:-24px 0}to{opacity:1;clip-path:inset(0);translate:0 0}}
@keyframes methodGraphicMeta{from{opacity:0;translate:0 -8px}to{opacity:1;translate:0 0}}
@keyframes methodGraphicScan{from{opacity:0;scale:.25 1}to{opacity:1;scale:1 1}}
@keyframes methodGraphicFragment{from{opacity:0;clip-path:inset(0 100% 0 0);translate:-18px 0}to{clip-path:inset(0);translate:0 0}}
@media(max-width:760px){.method-stage[data-method-view]{opacity:.91}.method-graphic-code{top:8%;left:auto!important;right:16px;font-size:7px}.method-graphic-word{font-size:28vw}.method-graphic-shape:before{left:-15%;top:30%;width:102%;height:23%;background-position:48% 24%;background-size:145% auto}.method-graphic-shape:after{display:none}.method-graphic-shape .method-graphic-word{left:7%;top:35%;font-size:31vw;background-position:46% 26%;background-size:154% auto}.method-graphic-axis{left:63%;bottom:24%}.method-graphic-shape .method-graphic-orbit-a{right:7%;top:21%;width:50%}.method-graphic-shape .method-graphic-orbit-b{right:20%;top:30%;width:24%}.method-graphic-space:before{inset:-2%;background-position:54% 21%;background-size:auto 110%;-webkit-mask-image:radial-gradient(ellipse 39% 34% at 61% 35%,#000 0 65%,transparent 68%);mask-image:radial-gradient(ellipse 39% 34% at 61% 35%,#000 0 65%,transparent 68%)}.method-graphic-space:after{left:16px;bottom:27%;font-size:7px}.method-graphic-space .method-graphic-word{right:-.12em;top:10%;font-size:25vw}.method-graphic-space .method-graphic-orbit-a{right:4%;top:18%;width:57%}.method-graphic-space .method-graphic-orbit-b{right:20%;top:28%;width:27%}.method-graphic-scan{top:43%;height:12%}.method-graphic-flow:before{left:-30%;top:58%;font-size:16vw}.method-graphic-flow:after{left:4%;top:27%;width:102%;height:28%}.method-graphic-flow .method-graphic-word{left:3%;top:36%;font-size:31vw}.method-flow-line-a{top:35%}.method-flow-line-b{top:48%}}

/* OUR METHOD direction system v3: cover, spatial field and current map. */
.method-intro-art{position:absolute;z-index:2;inset:0;overflow:hidden;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .35s ease,visibility 0s linear .35s}
.method-stage.is-intro .method-intro-art{opacity:1;visibility:visible;transition-delay:0s}
.method-intro-art:before{content:"";position:absolute;z-index:1;top:-4%;right:-3%;width:58%;height:108%;background:url("../../assets/beyond-look-women01.jpg") 63% 44%/176% auto no-repeat;mix-blend-mode:screen;filter:hue-rotate(18deg) saturate(1.42) contrast(1.18) brightness(.74);opacity:.38;-webkit-mask-image:repeating-linear-gradient(90deg,#000 0 3.2vw,transparent 3.2vw 8.4vw);mask-image:repeating-linear-gradient(90deg,#000 0 3.2vw,transparent 3.2vw 8.4vw)}
.method-intro-art:after{content:"";position:absolute;z-index:0;inset:7% 2% 9% 48%;background:repeating-linear-gradient(90deg,transparent 0 calc(12.5% - 1px),#f7f4ec1e calc(12.5% - 1px) 12.5%),repeating-linear-gradient(0deg,transparent 0 calc(16.66% - 1px),#d1e59a18 calc(16.66% - 1px) 16.66%);clip-path:polygon(8% 0,100% 0,100% 92%,0 100%)}
.method-intro-question{position:absolute;z-index:2;right:-.06em;top:10%;font:700 clamp(132px,17vw,280px)/.75 var(--display);letter-spacing:-.08em;color:transparent;-webkit-text-fill-color:transparent;-webkit-text-stroke:clamp(1.2px,.14vw,2.2px) #f7f4ecb0;text-stroke:clamp(1.2px,.14vw,2.2px) #f7f4ecb0;opacity:.72;filter:drop-shadow(0 12px 34px #0008)}
.method-intro-axis{position:absolute;z-index:3;top:6%;bottom:8%;left:68%;width:1px;background:linear-gradient(0deg,transparent,var(--signal) 15%,#fff 50%,var(--signal) 86%,transparent);box-shadow:0 0 18px #d1e59a55}
.method-intro-axis:after{content:"";position:absolute;left:-4px;top:47%;width:9px;height:9px;border-radius:50%;background:var(--signal);box-shadow:0 0 0 9px #d1e59a1b,0 0 20px #d1e59a}
.method-intro-ring{position:absolute;z-index:2;left:58%;top:27%;width:27%;aspect-ratio:1.18;border:1px solid #d1e59a8c;border-radius:50%;transform:rotate(-8deg);box-shadow:inset 0 0 48px #70dcff0b}
.method-intro-index{position:absolute;z-index:3;right:3%;bottom:10%;font:600 clamp(7px,.64vw,10px)/1 var(--sans);letter-spacing:.17em;color:#f7f4ecc9}
.method-stage.is-intro>#method-image{object-position:54% 46%;filter:brightness(.72) saturate(1.02) contrast(1.09);transform:scale(1.015)}
.method-stage.is-intro .method-shade{background:linear-gradient(90deg,#070807ed 0,#070807d4 23%,#07080788 43%,transparent 71%),linear-gradient(0deg,#070807e3 0,transparent 58%,#05060533 100%),linear-gradient(180deg,#07101b26,transparent 42%)}

.method-stage[data-method-view=space]{background:#090a09}
.method-stage[data-method-view=space]>#method-image{object-fit:contain;object-position:78% 48%;filter:grayscale(1) brightness(.7) contrast(1.17);transform:translate(13%,0) scale(.82);transform-origin:72% 47%;opacity:.92}
.method-stage[data-method-view=space] .method-shade{background:linear-gradient(90deg,var(--bg) 0,#070807e8 25%,#07080788 49%,transparent 72%),linear-gradient(0deg,var(--bg) 0,transparent 52%,#05070624 100%)}
.method-graphic-space:before{inset:13% 4% 20% 9%;background:linear-gradient(90deg,#d1e59a12 0 31%,transparent 31% 64%,#70dcff0c 64% 100%),repeating-linear-gradient(90deg,transparent 0 calc(20% - 1px),#f7f4ec2a calc(20% - 1px) 20%),repeating-linear-gradient(0deg,transparent 0 calc(25% - 1px),#d1e59a21 calc(25% - 1px) 25%);border-block:1px solid #d1e59a54;clip-path:polygon(0 8%,92% 0,100% 92%,7% 100%);mix-blend-mode:normal;filter:none;opacity:1;transform:none;-webkit-mask-image:none;mask-image:none}
.method-graphic-space:after{content:"CROWN  +  SIDE  +  END\A VOLUME FIELD / 02";white-space:pre;left:auto;right:4%;bottom:12%;line-height:1.7;text-align:right;color:#f7f4eca8}
.method-graphic-space .method-graphic-code{left:6%;top:8%}
.method-graphic-space .method-graphic-word{left:3%;right:auto;top:13%;writing-mode:vertical-rl;transform:rotate(180deg);font-size:clamp(64px,6.4vw,108px);letter-spacing:.06em;opacity:.54;-webkit-text-stroke:1px #f7f4ecb3;text-stroke:1px #f7f4ecb3}
.method-graphic-space .method-graphic-word:before{opacity:.32;filter:blur(3px);transform:translate(.035em,.02em)}
.method-graphic-space .method-graphic-orbit{aspect-ratio:auto;border-radius:0;box-shadow:0 0 32px #d1e59a0f;background:linear-gradient(145deg,#d1e59a09,transparent 56%)}
.method-graphic-space .method-graphic-orbit-a{left:28%;right:auto;top:20%;width:24%;height:52%;transform:rotate(-6deg);border-color:#d1e59a9e}
.method-graphic-space .method-graphic-orbit-b{left:44%;right:auto;top:29%;width:14%;height:31%;transform:rotate(5deg);border-color:#70dcff70}
.method-graphic-space .method-graphic-scan{left:56%;right:auto;top:9%;bottom:13%;width:9%;height:auto;border:0;border-inline:1px solid #d1e59a65;background:repeating-linear-gradient(0deg,transparent 0 8%,#f7f4ec2a 8.2% 8.45%),linear-gradient(90deg,transparent,#d1e59a12,transparent);backdrop-filter:none;box-shadow:0 0 28px #d1e59a12;transform:none}

.method-stage[data-method-view=flow]>#method-image{object-position:53% 19%;filter:brightness(.72) saturate(.9) contrast(1.06);transform:scale(1.01)}
.method-stage[data-method-view=flow] .method-shade{background:linear-gradient(90deg,var(--bg) 0,#070807bb 29%,transparent 66%),linear-gradient(0deg,var(--bg) 0,transparent 55%,#06101c1c 100%),linear-gradient(180deg,#07101b29,transparent 46%)}
.method-graphic-flow:before{content:"DIRECTION  /  RHYTHM  /  03";left:7%;top:auto;bottom:12%;font:600 clamp(7px,.66vw,10px)/1 var(--sans);letter-spacing:.19em;color:#f7f4ecbd;-webkit-text-fill-color:#f7f4ecbd;-webkit-text-stroke:0;text-stroke:0;transform:none;opacity:1}
.method-graphic-flow:after{left:2%;top:17%;width:96%;height:66%;border:0;border-radius:0;transform:none;background:repeating-linear-gradient(164deg,transparent 0 6.8%,#70dcff1a 7% 7.18%,transparent 7.35% 13.6%);clip-path:polygon(0 18%,100% 0,100% 77%,0 100%);box-shadow:none;opacity:.82}
.method-graphic-flow .method-graphic-word{left:0;top:41%;font-size:clamp(90px,10.2vw,174px);letter-spacing:-.065em;color:transparent;-webkit-text-fill-color:transparent;-webkit-text-stroke:1.25px #f7f4eccf;text-stroke:1.25px #f7f4eccf;background:linear-gradient(90deg,#f7f4ecea 0 26%,transparent 26% 55%,#f7f4ecea 55% 68%,transparent 68%);-webkit-background-clip:text;background-clip:text;mix-blend-mode:screen;opacity:.95}
.method-graphic-flow .method-graphic-word:before{-webkit-text-fill-color:transparent;-webkit-text-stroke:1.5px #70dcff;text-stroke:1.5px #70dcff;opacity:.64;filter:blur(3px);transform:translate(.045em,.028em)}
.method-flow-map{position:absolute;z-index:3;inset:7% -4% 10% -4%;width:108%;height:83%;overflow:visible;filter:drop-shadow(0 0 10px #70dcff32)}
.method-flow-path{fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0}
.method-flow-path-a{stroke:#70dcffbd;stroke-width:1.15}
.method-flow-path-b{stroke:#f7f4ecba;stroke-width:.9}
.method-flow-path-c{stroke:#d1e59a9e;stroke-width:.85}
.method-flow-map circle{fill:var(--signal);stroke:#f7f4ec;stroke-width:.16;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 6px #d1e59a)}
.method-flow-line{z-index:2;left:-7%;width:86%;height:7%;background:linear-gradient(90deg,transparent 2%,#70dcff20 27%,#f7f4ec17 56%,#d1e59a25 82%,transparent);clip-path:polygon(0 34%,100% 0,97% 56%,3% 100%);box-shadow:none;backdrop-filter:blur(1.5px) saturate(1.2)}
.method-flow-line-a{top:30%;transform:rotate(-5deg)}
.method-flow-line-b{left:20%;top:55%;width:88%;transform:rotate(-8deg);opacity:.7}
.method-flow-legend{position:absolute;z-index:4;right:4%;top:12%;font:600 clamp(7px,.62vw,9px)/2 var(--sans);letter-spacing:.18em;color:#f7f4ecb8;text-align:right}
.method-stage[data-method-view=flow] .method-flow-path{animation:methodFlowDraw .9s cubic-bezier(.2,.7,.2,1) both}
.method-stage[data-method-view=flow] .method-flow-path-b{animation-delay:.08s}.method-stage[data-method-view=flow] .method-flow-path-c{animation-delay:.16s}
@keyframes methodFlowDraw{from{stroke-dashoffset:1;opacity:0}to{stroke-dashoffset:0;opacity:1}}

@media(max-width:760px){
  .method-stage.is-intro{opacity:1}
  .method-stage.is-intro>#method-image{filter:brightness(.64) saturate(.95) contrast(1.08);object-position:55% 43%}
  .method-intro-art:before{right:-18%;width:72%;background-position:62% 39%;background-size:auto 118%;-webkit-mask-image:repeating-linear-gradient(90deg,#000 0 7vw,transparent 7vw 18vw);mask-image:repeating-linear-gradient(90deg,#000 0 7vw,transparent 7vw 18vw)}
  .method-intro-art:after{inset:8% -4% 31% 47%}
  .method-intro-question{right:-.08em;top:13%;font-size:43vw;opacity:.5}
  .method-intro-axis{left:72%;bottom:30%}
  .method-intro-ring{left:55%;top:22%;width:42%}
  .method-intro-index{display:none}
  .method-stage[data-method-view=space]>#method-image{object-fit:contain;object-position:80% 45%;transform:translate(15%,-2%) scale(.74);transform-origin:75% 40%;filter:grayscale(1) brightness(.66) contrast(1.16)}
  .method-stage[data-method-view=space] .method-shade{background:linear-gradient(90deg,#070807ef 0,#070807bb 39%,transparent 80%),linear-gradient(0deg,#070807 0,transparent 58%)}
  .method-graphic-space:before{inset:12% 3% 38% 12%;clip-path:polygon(0 8%,94% 0,100% 88%,6% 100%)}
  .method-graphic-space:after{right:14px;bottom:31%;font-size:6px}
  .method-graphic-space .method-graphic-code{left:16px!important;right:auto;top:8%}
  .method-graphic-space .method-graphic-word{left:4%;top:12%;font-size:17vw;opacity:.43}
  .method-graphic-space .method-graphic-orbit-a{left:31%;top:18%;width:25%;height:38%}
  .method-graphic-space .method-graphic-orbit-b{left:47%;top:25%;width:15%;height:24%}
  .method-graphic-space .method-graphic-scan{left:61%;top:8%;bottom:38%;width:10%}
  .method-stage[data-method-view=flow]>#method-image{object-position:54% 20%;filter:brightness(.65) saturate(.86) contrast(1.06)}
  .method-stage[data-method-view=flow] .method-shade{background:linear-gradient(90deg,#070807df 0,#07080780 43%,transparent 88%),linear-gradient(0deg,#070807 0,transparent 58%)}
  .method-graphic-flow .method-graphic-code{left:16px!important;right:auto;top:8%}
  .method-graphic-flow .method-graphic-word{left:34%;top:32%;font-size:24vw;opacity:.78}
  .method-graphic-flow:before{left:16px;bottom:31%;font-size:6px}
  .method-graphic-flow:after{left:9%;top:18%;width:97%;height:43%;opacity:.6}
  .method-flow-map{inset:8% -9% 34% -9%;width:118%;height:58%}
  .method-flow-line{left:18%;top:27%;width:86%;height:6%}
  .method-flow-line-b{left:28%;top:45%;width:82%}
  .method-flow-legend{display:none}
}

/* OUR METHOD direction system v4: image-led editorial studies. */
.method-view.has-method-selection{padding:0;min-height:calc(100svh - 122px);display:flex;overflow:hidden;background:#070807}
.method-view.has-method-selection .method-intro{position:absolute;opacity:0;visibility:hidden;pointer-events:none}
.method-view.has-method-selection .method-stage{z-index:0;inset:0;width:100%;opacity:1;background:#070807}
.method-view.has-method-selection .method-controls{z-index:7;align-items:end;width:100%;min-height:clamp(190px,27svh,280px);margin-top:auto;padding:clamp(22px,3vw,42px) var(--pad) clamp(20px,2.5vw,34px);border-top:1px solid #f7f4ec24;background:linear-gradient(0deg,#070807 0 64%,#070807e8 78%,#07080700 100%)}
.method-view.has-method-selection .method-tabs{align-items:flex-end}
.method-view.has-method-selection .method-tabs button{font-size:clamp(24px,2.25vw,38px)}
.method-view.has-method-selection .method-note{max-width:620px;justify-self:end}
.method-view.has-method-selection .method-note p:first-child{font-size:clamp(17px,1.55vw,25px)}
.method-view.has-method-selection .method-note p:nth-child(2){max-width:590px}
.method-view.has-method-selection .method-annotation{top:24px;right:var(--pad)}
.method-view.has-method-selection .method-stage>#method-image{position:absolute;margin:0;max-width:none;transition:opacity .45s ease,filter .45s ease,transform .65s cubic-bezier(.2,.7,.2,1)}

/* The base BEYOND cover keeps one photograph only. Abstract prisms replace the
   former masked duplicate which visually produced a second set of eyes. */
.method-intro-art:before{top:7%;right:2%;width:43%;height:67%;background:linear-gradient(132deg,#70dcff00 0 23%,#70dcff26 23% 37%,#d1e59a08 37% 53%,#f3a6cf20 53% 65%,transparent 65%),linear-gradient(90deg,#f7f4ec0b,#07080700);filter:none;mix-blend-mode:screen;opacity:.72;-webkit-mask-image:none;mask-image:none;clip-path:polygon(14% 0,100% 8%,84% 100%,0 76%)}
.method-intro-art:after{inset:8% 1.5% 12% 53%;background:repeating-linear-gradient(90deg,transparent 0 calc(20% - 1px),#f7f4ec1d calc(20% - 1px) 20%),repeating-linear-gradient(0deg,transparent 0 calc(20% - 1px),#d1e59a17 calc(20% - 1px) 20%);clip-path:polygon(13% 0,100% 0,100% 88%,0 100%);opacity:.72}
.method-intro-question{right:1%;top:8%;font-size:clamp(122px,15vw,248px);opacity:.48}
.method-intro-axis{left:auto;right:9%;top:12%;bottom:15%;opacity:.54}
.method-intro-ring{left:auto;right:7%;top:31%;width:18%;border-radius:0;transform:rotate(7deg);border-color:#d1e59a65;opacity:.54}
.method-stage.is-intro>#method-image{object-position:52% 44%;filter:brightness(.69) saturate(1.02) contrast(1.08);transform:scale(1.01)}

/* SPACE: preserve the portrait scale and study negative space, not an enlarged eye. */
.method-stage[data-method-view=space]>#method-image{right:1%;left:auto;top:0;width:54%;height:74%;object-fit:contain;object-position:54% 4%;filter:grayscale(1) brightness(.72) contrast(1.15);transform:none;transform-origin:center;opacity:.91}
.method-stage[data-method-view=space] .method-shade{background:linear-gradient(90deg,#070807 0,#070807f1 24%,#0708078a 49%,transparent 73%),linear-gradient(0deg,#070807 0,#07080700 42%,#0708071f 70%,#070807 78%)}
.method-graphic-space:before{inset:13% 39% 28% 4%;border:0;background:linear-gradient(90deg,#d1e59a22 0 18%,transparent 18% 64%,#70dcff12 64% 100%),repeating-linear-gradient(90deg,transparent 0 calc(25% - 1px),#f7f4ec22 calc(25% - 1px) 25%),repeating-linear-gradient(0deg,transparent 0 calc(33.33% - 1px),#d1e59a1d calc(33.33% - 1px) 33.33%);clip-path:polygon(0 0,100% 9%,91% 100%,7% 91%);filter:none;mix-blend-mode:normal;opacity:1;transform:none;-webkit-mask-image:none;mask-image:none}
.method-graphic-space:after{content:"VOLUME FIELD  /  CROWN · SIDE · END";left:5%;right:auto;bottom:31%;font-size:clamp(7px,.65vw,10px);letter-spacing:.18em;color:#f7f4ecb3;transform:none}
.method-graphic-space .method-graphic-code{left:5%;top:8%}
.method-graphic-space .method-graphic-word{left:4%;right:auto;top:18%;writing-mode:horizontal-tb;transform:none;font-size:clamp(92px,11vw,184px);letter-spacing:-.07em;opacity:.76;-webkit-text-stroke:1.25px #f7f4ecc4;text-stroke:1.25px #f7f4ecc4}
.method-graphic-space .method-graphic-word:before{opacity:.34;filter:blur(3px);transform:translate(.025em,.018em)}
.method-graphic-space .method-graphic-orbit{aspect-ratio:auto;border-radius:0;background:transparent;box-shadow:none}
.method-graphic-space .method-graphic-orbit-a{left:26%;right:auto;top:24%;width:22%;height:29%;border:0;border-top:1px solid #d1e59aaa;border-left:1px solid #d1e59aaa;transform:none}
.method-graphic-space .method-graphic-orbit-b{left:45%;right:auto;top:38%;width:16%;height:22%;border:0;border-right:1px solid #70dcff85;border-bottom:1px solid #70dcff85;transform:none}
.method-graphic-space .method-graphic-scan{left:12%;right:auto;top:47%;bottom:auto;width:50%;height:9%;border:0;border-block:1px solid #d1e59a5c;background:linear-gradient(90deg,transparent,#d1e59a12 30%,#f7f4ec15 64%,transparent);backdrop-filter:none;box-shadow:none;transform:none}

/* FLOW: no route lines or target circles. The photograph itself is split into
   cropped editorial fragments, keeping the eye area singular and unobstructed. */
.method-flow-map,.method-flow-line,.method-flow-legend{display:none!important}
.method-stage[data-method-view=flow]>#method-image{right:-1%;left:auto;top:-1%;width:64%;height:78%;object-fit:contain;object-position:54% 3%;filter:brightness(.74) saturate(.92) contrast(1.06);transform:none;opacity:.94}
.method-stage[data-method-view=flow] .method-shade{background:linear-gradient(90deg,#070807 0,#070807e6 27%,#0708076f 51%,transparent 74%),linear-gradient(0deg,#070807 0,transparent 46%,#07080728 70%,#070807 80%)}
.method-graphic-flow:before{content:"";left:3%;top:36%;bottom:auto;width:26%;height:28%;background:linear-gradient(145deg,#164f78d6,#70dcff21 64%,transparent);clip-path:polygon(0 0,100% 15%,83% 100%,7% 82%);opacity:.78;transform:none}
.method-graphic-flow:after{content:"";left:27%;top:15%;width:17%;height:19%;border:0;border-radius:0;background:linear-gradient(135deg,#f3a6cfb8,#d1e59a16);clip-path:polygon(10% 0,100% 18%,78% 100%,0 74%);box-shadow:none;opacity:.7;transform:none}
.method-graphic-flow .method-graphic-code{left:5%;top:8%}
.method-graphic-flow .method-graphic-word{left:3%;top:15%;font-size:clamp(108px,13vw,218px);letter-spacing:-.08em;color:#f7f4ece8;-webkit-text-fill-color:#f7f4ece8;-webkit-text-stroke:0;text-stroke:0;background:none;mix-blend-mode:normal;opacity:.95;transform:none}
.method-graphic-flow .method-graphic-word:before{-webkit-text-fill-color:transparent;-webkit-text-stroke:1.25px #70dcff;text-stroke:1.25px #70dcff;opacity:.48;filter:blur(2px);transform:translate(.035em,.025em)}
.method-flow-slice{position:absolute;z-index:3;display:block;background-image:url("../../assets/method/flow-0507.png");background-repeat:no-repeat;box-shadow:0 18px 42px #0007;filter:saturate(1.18) contrast(1.1);mix-blend-mode:screen}
.method-flow-slice-a{left:2%;top:13%;width:42%;height:17%;background-size:124% auto;background-position:6% 6%;clip-path:polygon(0 20%,100% 0,90% 76%,7% 100%);opacity:.48}
.method-flow-slice-b{left:8%;top:31%;width:48%;height:20%;background-size:118% auto;background-position:3% 27%;clip-path:polygon(8% 0,100% 15%,87% 100%,0 76%);filter:hue-rotate(155deg) saturate(1.35) contrast(1.16);opacity:.42}
.method-flow-slice-c{left:17%;top:51%;width:41%;height:13%;background-size:148% auto;background-position:0 18%;clip-path:polygon(0 16%,100% 0,83% 100%,9% 80%);filter:hue-rotate(300deg) saturate(1.42) contrast(1.12);opacity:.38}
.method-flow-stamp{position:absolute;z-index:5;right:4%;top:10%;padding:8px 10px;background:#f2efe6;color:#080908;font:700 clamp(7px,.63vw,10px)/1.45 var(--sans);letter-spacing:.16em;text-align:right;box-shadow:8px 8px 0 #d1e59a}

@media(max-width:760px){
  .method-view.has-method-selection{min-height:830px}
  .method-view.has-method-selection .method-stage{inset:0}
  .method-view.has-method-selection .method-controls{grid-template-columns:1fr;gap:14px;min-height:38%;padding:22px 18px 20px;background:linear-gradient(0deg,#070807 0 74%,#070807ed 86%,transparent)}
  .method-view.has-method-selection .method-tabs{gap:13px;padding-right:0;justify-content:space-between}
  .method-view.has-method-selection .method-tabs button{font-size:clamp(22px,7.2vw,30px)}
  .method-view.has-method-selection .method-note{justify-self:stretch;max-width:none}
  .method-view.has-method-selection .method-note p:first-child{font-size:15px}
  .method-view.has-method-selection .method-note p:nth-child(2){font-size:11px;line-height:1.6}
  .method-view.has-method-selection .method-annotation{top:14px;right:16px}
  .method-intro-art:before{right:-3%;top:11%;width:49%;height:48%}
  .method-intro-art:after{inset:12% -2% 34% 56%}
  .method-intro-question{right:-.08em;top:12%;font-size:39vw;opacity:.38}
  .method-intro-axis{right:7%;bottom:36%;opacity:.34}
  .method-intro-ring{right:5%;top:28%;width:24%;opacity:.35}
  .method-stage[data-method-view=space]>#method-image{right:-3%;top:0;width:84%;height:59%;object-fit:contain;object-position:70% 4%;transform:none;filter:grayscale(1) brightness(.68) contrast(1.14)}
  .method-stage[data-method-view=space] .method-shade{background:linear-gradient(90deg,#070807e9 0,#070807a8 37%,transparent 82%),linear-gradient(0deg,#070807 0,transparent 38%,#070807 63%)}
  .method-graphic-space:before{inset:12% 27% 47% 5%}
  .method-graphic-space:after{left:16px;right:auto;bottom:43%;font-size:6px}
  .method-graphic-space .method-graphic-code{left:16px!important;right:auto;top:7%}
  .method-graphic-space .method-graphic-word{left:3%;top:16%;font-size:24vw;opacity:.66}
  .method-graphic-space .method-graphic-orbit-a{left:27%;top:23%;width:27%;height:20%}
  .method-graphic-space .method-graphic-orbit-b{left:47%;top:34%;width:17%;height:13%}
  .method-graphic-space .method-graphic-scan{left:8%;top:42%;width:57%;height:6%}
  .method-stage[data-method-view=flow]>#method-image{right:-14%;top:0;width:106%;height:61%;object-fit:contain;object-position:65% 3%;filter:brightness(.69) saturate(.92) contrast(1.05)}
  .method-stage[data-method-view=flow] .method-shade{background:linear-gradient(90deg,#070807e2 0,#0708077d 42%,transparent 91%),linear-gradient(0deg,#070807 0,transparent 39%,#070807 64%)}
  .method-graphic-flow .method-graphic-code{left:16px!important;right:auto;top:7%}
  .method-graphic-flow .method-graphic-word{left:4%;top:15%;font-size:27vw;opacity:.88}
  .method-graphic-flow:before{left:4%;top:31%;width:28%;height:18%}
  .method-graphic-flow:after{left:27%;top:16%;width:19%;height:12%}
  .method-flow-slice-a{left:0;top:12%;width:53%;height:12%}
  .method-flow-slice-b{left:5%;top:27%;width:58%;height:14%}
  .method-flow-slice-c{left:15%;top:43%;width:47%;height:9%}
  .method-flow-stamp{right:14px;top:8%;padding:6px 7px;font-size:6px;box-shadow:5px 5px 0 #d1e59a}
}

/* OUR METHOD / SHAPE + SPACE integrated editorial field.
   One intact portrait carries the hairstyle. The supporting crops are limited
   to hair and particle areas, sit behind the portrait, and never duplicate an
   eye or face. FLOW intentionally keeps the preceding v4 treatment unchanged. */
.method-stage[data-method-view=shape],
.method-stage[data-method-view=space]{
  background:
    radial-gradient(circle at 70% 27%,#1c211b 0,transparent 28%),
    linear-gradient(112deg,#070807 0 34%,#0a0d0b 62%,#070807 100%)
}
.method-stage[data-method-view=shape]>.method-graphics,
.method-stage[data-method-view=space]>.method-graphics{z-index:2}
.method-stage[data-method-view=shape]>#method-image,
.method-stage[data-method-view=space]>#method-image{
  z-index:3;left:auto;right:5%;max-width:none;
  object-fit:contain;object-position:100% 0;
  transform:none;transform-origin:100% 0;opacity:.99
}
.method-stage[data-method-view=shape] .method-shade,
.method-stage[data-method-view=space] .method-shade{z-index:4;pointer-events:none}

/* SHAPE: preserve the full silhouette, remove the embedded logo from view by
   lifting the portrait, then continue only its hair texture across the field. */
.method-stage[data-method-view=shape]>#method-image{
  top:-17%;right:3%;width:79%;height:122%;
  filter:brightness(.88) saturate(1.02) contrast(1.08);
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#0005 9%,#000 24%);
  mask-image:linear-gradient(90deg,transparent 0,#0005 9%,#000 24%)
}
.method-stage[data-method-view=shape] .method-shade{
  background:
    linear-gradient(0deg,#070807 0,#070807f0 17%,#07080773 32%,transparent 54%),
    linear-gradient(180deg,#070807 0,#070807 7%,#070807d9 11%,transparent 18%)
}
.method-graphic-shape:before{
  z-index:0;left:-4%;top:15%;width:74%;height:28%;
  background:
    linear-gradient(105deg,#070807 0,transparent 18% 82%,#070807 100%),
    url("../../assets/method/shape-00505.png") 0 27%/150% auto no-repeat;
  clip-path:polygon(0 24%,88% 0,100% 52%,79% 100%,6% 78%);
  mix-blend-mode:screen;filter:saturate(1.16) contrast(1.12) brightness(.7);
  opacity:.36;transform:rotate(-2deg)
}
.method-graphic-shape:after{
  content:"FORM / 01   ·   FRINGE   SIDE   OUTLINE";
  left:5%;right:auto;bottom:30%;
  color:#f7f4ec9f;font-size:clamp(7px,.65vw,10px);line-height:1;
  letter-spacing:.2em;text-align:left;transform:none
}
.method-graphic-shape .method-graphic-code{left:5%;top:8%}
.method-graphic-shape .method-graphic-word{
  z-index:1;left:3.5%;top:25%;max-width:none;
  background:none;color:#f4f1e9;-webkit-text-fill-color:#f4f1e9;
  -webkit-text-stroke:0;text-stroke:0;
  font-size:clamp(158px,22vw,360px);letter-spacing:-.085em;
  filter:drop-shadow(0 16px 34px #000b);transform:none;opacity:.96
}
.method-graphic-shape .method-graphic-word:before{
  -webkit-text-fill-color:transparent;-webkit-text-stroke:1px #d1e59a;
  text-stroke:1px #d1e59a;opacity:.24;filter:blur(2px);
  transform:translate(.025em,.018em)
}
.method-graphic-shape .method-graphic-axis{
  left:51%;top:12%;bottom:32%;opacity:.34;
  background:linear-gradient(0deg,transparent,#d1e59a 28%,#f7f4ec 62%,transparent)
}
.method-graphic-shape .method-graphic-orbit{
  aspect-ratio:auto;border:0;border-radius:0;box-shadow:none;opacity:.24
}
.method-graphic-shape .method-graphic-orbit-a{
  left:9%;right:auto;top:17%;width:37%;height:13%;
  background:linear-gradient(108deg,transparent,#70dcff48 42%,#d1e59a1f 72%,transparent);
  clip-path:polygon(0 34%,100% 0,91% 78%,7% 100%)
}
.method-graphic-shape .method-graphic-orbit-b{
  left:29%;right:auto;top:45%;width:27%;height:11%;
  background:linear-gradient(108deg,transparent,#f3a6cf3d 46%,#70dcff1c 76%,transparent);
  clip-path:polygon(8% 0,100% 23%,83% 100%,0 71%)
}

/* SPACE: the portrait stays at a natural scale. The pale source background is
   feathered into the canvas; crown and particle fragments remain behind it. */
.method-stage[data-method-view=space]>#method-image{
  top:-3%;width:79%;height:110%;
  filter:grayscale(1) brightness(.63) contrast(1.18);
  clip-path:none;
  -webkit-mask-image:
    radial-gradient(ellipse 48% 84% at 80% 39%,#000 0 46%,#000d 60%,transparent 88%),
    linear-gradient(180deg,#000 0 72%,transparent 88%);
  -webkit-mask-composite:source-in;
  mask-image:
    radial-gradient(ellipse 48% 84% at 80% 39%,#000 0 46%,#000d 60%,transparent 88%),
    linear-gradient(180deg,#000 0 72%,transparent 88%);
  mask-composite:intersect
}
.method-stage[data-method-view=space] .method-shade{
  background:
    linear-gradient(0deg,#070807 0,#070807f2 18%,#0708076e 34%,transparent 56%),
    radial-gradient(ellipse 27% 44% at 82% 38%,transparent 0 61%,#07080756 100%)
}
.method-graphic-space:before{
  z-index:0;left:-3%;right:auto;top:12%;bottom:auto;width:75%;height:27%;
  background:url("../../assets/method-space-men-mono.jpg") 50% 4%/150% auto no-repeat;
  clip-path:polygon(0 20%,92% 0,100% 67%,78% 100%,5% 79%);
  filter:invert(1) grayscale(1) contrast(1.5) brightness(.68);
  mix-blend-mode:screen;opacity:.27;transform:rotate(-2deg);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 14% 84%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 14% 84%,transparent)
}
.method-graphic-space:after{
  content:"VOLUME / 02   ·   CROWN   SIDE   END";
  left:5%;right:auto;bottom:30%;
  color:#f7f4ec9f;font-size:clamp(7px,.65vw,10px);line-height:1;
  letter-spacing:.2em;text-align:left;transform:none
}
.method-graphic-space .method-graphic-code{left:5%;top:8%}
.method-graphic-space .method-graphic-word{
  z-index:1;left:3.5%;right:auto;top:25%;max-width:none;
  writing-mode:horizontal-tb;transform:none;
  color:#f4f1e9;-webkit-text-fill-color:#f4f1e9;
  -webkit-text-stroke:0;text-stroke:0;
  font-size:clamp(158px,22vw,360px);letter-spacing:-.085em;
  filter:drop-shadow(0 16px 34px #000b);opacity:.96
}
.method-graphic-space .method-graphic-word:before{
  -webkit-text-fill-color:transparent;-webkit-text-stroke:1px #70dcff;
  text-stroke:1px #70dcff;opacity:.22;filter:blur(2px);
  transform:translate(.025em,.018em)
}
.method-graphic-space .method-graphic-orbit{
  aspect-ratio:auto;border:0;border-radius:0;box-shadow:none;
  background-image:url("../../assets/method-space-men-mono.jpg");
  background-repeat:no-repeat;filter:invert(1) grayscale(1) contrast(1.45);
  mix-blend-mode:screen
}
.method-graphic-space .method-graphic-orbit-a{
  left:3%;right:auto;top:35%;width:38%;height:22%;
  background-size:250% auto;background-position:0 24%;
  clip-path:polygon(0 12%,100% 0,86% 100%,7% 79%);opacity:.13
}
.method-graphic-space .method-graphic-orbit-b{
  left:55%;right:auto;top:13%;width:27%;height:20%;
  background-size:400% auto;background-position:90% 10%;
  clip-path:polygon(10% 0,100% 19%,80% 100%,0 72%);opacity:.16
}
.method-graphic-space .method-graphic-scan{display:none}

/* The selected study and its copy read as one canvas; there is no hard panel
   edge. Scope this fade to SHAPE/SPACE so FLOW remains pixel-identical. */
.method-view.has-method-selection:has(.method-stage[data-method-view=shape],.method-stage[data-method-view=space]) .method-controls{
  border-top:0;padding-top:clamp(70px,8vw,118px);
  background:linear-gradient(0deg,#070807 0 38%,#070807eb 61%,#07080791 78%,transparent 100%)
}

@media(max-width:760px){
  .method-stage[data-method-view=shape]>.method-graphics,
  .method-stage[data-method-view=space]>.method-graphics{z-index:5}
  .method-stage[data-method-view=shape]>#method-image,
  .method-stage[data-method-view=space]>#method-image{
    left:auto;right:0;width:100%;object-fit:contain;object-position:100% 0;transform:none
  }
  .method-stage[data-method-view=shape]>#method-image{
    top:-8%;height:72%;filter:brightness(.84) saturate(1.02) contrast(1.07);
    -webkit-mask-image:linear-gradient(90deg,transparent 0,#0008 8%,#000 20%);
    mask-image:linear-gradient(90deg,transparent 0,#0008 8%,#000 20%)
  }
  .method-stage[data-method-view=space]>#method-image{
    top:-1%;height:66%;filter:grayscale(1) brightness(.6) contrast(1.16);
    clip-path:none;
    -webkit-mask-image:
      radial-gradient(ellipse 59% 79% at 77% 34%,#000 0 47%,#000d 62%,transparent 92%),
      linear-gradient(180deg,#000 0 56%,transparent 76%);
    -webkit-mask-composite:source-in;
    mask-image:
      radial-gradient(ellipse 59% 79% at 77% 34%,#000 0 47%,#000d 62%,transparent 92%),
      linear-gradient(180deg,#000 0 56%,transparent 76%);
    mask-composite:intersect
  }
  .method-stage[data-method-view=shape] .method-shade,
  .method-stage[data-method-view=space] .method-shade{
    background:
      linear-gradient(0deg,#070807 0,#070807f1 35%,#07080775 50%,transparent 67%),
      linear-gradient(180deg,#070807 0,#070807 6%,#070807cf 10%,transparent 17%)
  }
  .method-graphic-shape:before,
  .method-graphic-space:before{
    left:-7%;top:14%;width:98%;height:17%;opacity:.25
  }
  .method-graphic-shape:before{background-size:175% auto;background-position:0 26%}
  .method-graphic-space:before{background-size:178% auto;background-position:50% 4%}
  .method-graphic-shape:after,
  .method-graphic-space:after{
    left:16px;right:auto;bottom:43%;max-width:56%;font-size:6px;line-height:1.55
  }
  .method-graphic-shape .method-graphic-code,
  .method-graphic-space .method-graphic-code{
    left:16px!important;right:auto;top:6.5%
  }
  .method-graphic-shape .method-graphic-word,
  .method-graphic-space .method-graphic-word{
    left:12px;top:8%;max-width:none;font-size:19vw;opacity:.92
  }
  .method-graphic-shape .method-graphic-axis{
    left:55%;top:10%;bottom:52%;opacity:.23
  }
  .method-graphic-shape .method-graphic-orbit-a{
    left:5%;top:15%;width:58%;height:9%;opacity:.18
  }
  .method-graphic-shape .method-graphic-orbit-b{
    left:29%;top:35%;width:36%;height:7%;opacity:.17
  }
  .method-graphic-space .method-graphic-orbit-a{
    left:-4%;top:29%;width:52%;height:15%;opacity:.1
  }
  .method-graphic-space .method-graphic-orbit-b{
    left:59%;top:11%;width:34%;height:13%;opacity:.12
  }
  .method-graphic-shape:before,
  .method-graphic-space:before,
  .method-graphic-shape .method-graphic-axis,
  .method-graphic-shape .method-graphic-orbit,
  .method-graphic-space .method-graphic-orbit{display:none}
  .method-view.has-method-selection:has(.method-stage[data-method-view=shape],.method-stage[data-method-view=space]) .method-controls{
    min-height:42%;padding-top:72px;border-top:0;
    background:linear-gradient(0deg,#070807 0 56%,#070807ed 72%,#07080791 87%,transparent 100%)
  }
}

/* OUR METHOD / SHAPE + SPACE collage direction v6.
   These two studies borrow the cut-and-resolve language of the route curtains:
   the photograph is rebuilt from aligned tonal slices, while the full word is
   split into a filled fragment, an outline fragment and a quiet registration
   echo. FLOW deliberately remains on its existing treatment. */
.method-stage[data-method-view=shape]>.method-graphics,
.method-stage[data-method-view=space]>.method-graphics{z-index:5}
.method-stage[data-method-view=shape]>#method-image,
.method-stage[data-method-view=space]>#method-image{opacity:0!important}
.method-stage[data-method-view=shape] .method-shade,
.method-stage[data-method-view=space] .method-shade{
  z-index:4;
  background:
    linear-gradient(90deg,#070807 0,#070807f7 26%,#070807b8 39%,transparent 57%),
    linear-gradient(0deg,#070807 0,#070807f3 17%,#07080772 31%,transparent 48%),
    linear-gradient(180deg,#07080747 0,transparent 20%)
}
.method-graphic-shape:before,
.method-graphic-space:before{display:none}
.method-graphic-shape .method-graphic-code,
.method-graphic-space .method-graphic-code{
  left:3.3%;top:6.5%;z-index:8;padding-left:28px
}
.method-graphic-shape .method-graphic-code:before,
.method-graphic-space .method-graphic-code:before{
  content:"";position:absolute;left:0;top:50%;width:18px;height:1px;background:var(--signal)
}
.method-graphic-shape .method-graphic-word,
.method-graphic-space .method-graphic-word{
  z-index:2;left:-.025em;right:auto;top:10.5%;
  width:auto;max-width:none;writing-mode:horizontal-tb;transform:none;
  font-size:clamp(132px,15.5vw,286px);letter-spacing:-.095em;
  color:transparent;-webkit-text-fill-color:transparent;
  -webkit-text-stroke:1px #f7f4ec52;text-stroke:1px #f7f4ec52;
  filter:none;opacity:.46;
  clip-path:polygon(0 0,100% 0,100% 31%,8% 42%,8% 67%,95% 56%,95% 100%,0 100%)
}
.method-graphic-shape .method-graphic-word:before,
.method-graphic-space .method-graphic-word:before{
  inset:0;opacity:.42;filter:none;
  -webkit-text-fill-color:transparent;-webkit-text-stroke:1px var(--signal);
  text-stroke:1px var(--signal);transform:translate(.02em,.62em) scaleX(.71);
  transform-origin:left top
}
.method-type-cut{
  position:absolute;z-index:7;display:block;white-space:nowrap;
  font:700 clamp(100px,11.4vw,212px)/.72 var(--display);
  letter-spacing:-.095em;pointer-events:none
}
.method-type-cut-a{
  left:2.7%;top:18%;color:#f4f1e9;
  clip-path:polygon(0 0,100% 8%,91% 76%,4% 100%)
}
.method-type-cut-b{
  left:7.2%;top:35%;color:transparent;-webkit-text-fill-color:transparent;
  -webkit-text-stroke:1.35px var(--signal);text-stroke:1.35px var(--signal);
  transform:scaleX(.82);transform-origin:left top;
  clip-path:polygon(3% 11%,100% 0,93% 100%,0 82%);opacity:.92
}
.method-graphic-space .method-type-cut-a{color:#e9ece8}
.method-graphic-space .method-type-cut-b{
  -webkit-text-stroke-color:#70dcff;text-stroke-color:#70dcff;opacity:.74
}
.method-collage{
  position:absolute;z-index:4;right:-1%;top:2%;width:62%;height:72%;
  overflow:hidden;isolation:isolate;pointer-events:none;
  clip-path:polygon(6% 0,100% 3%,100% 94%,88% 100%,0 91%,3% 50%)
}
.method-collage:before{
  content:"";position:absolute;z-index:8;inset:0;
  background:
    linear-gradient(90deg,transparent 0 37.1%,#070807 37.35% 38%,transparent 38.25% 66.7%,#070807 67% 67.65%,transparent 67.9%),
    linear-gradient(0deg,transparent 0 68%,#f7f4ec24 68.15% 68.35%,transparent 68.5%);
  pointer-events:none
}
.method-collage:after{
  content:"NEG. 01  /  HAIR FORM";position:absolute;z-index:10;right:3%;bottom:3%;
  padding:6px 8px;background:#070807d9;color:#f7f4ecb8;
  font:600 clamp(6px,.55vw,9px)/1 var(--sans);letter-spacing:.17em
}
.method-collage-slice{
  position:absolute;inset:0;display:block;background-repeat:no-repeat;
  background-size:auto 112%;background-position:96% 18%;
  --slice-opacity:1;opacity:var(--slice-opacity);
  will-change:transform;transform-origin:center
}
.method-collage-shape .method-collage-slice{
  background-image:url("../../assets/method/shape-00505.png")
}
.method-collage-space .method-collage-slice{
  background-image:linear-gradient(#2024212e,#2024212e),url("../../assets/method-space-men-mono.jpg");
  background-blend-mode:multiply
}
.method-collage-slice-a{
  clip-path:polygon(15% 4%,38% 1%,41% 93%,8% 88%);
  filter:saturate(.68) contrast(1.18) brightness(.82);transform:translate(-1.4%,1.3%)
}
.method-collage-slice-b{
  clip-path:polygon(37% 1%,68% 4%,69% 96%,41% 93%);
  filter:saturate(1.04) contrast(1.08) brightness(.93);transform:translate(.4%,-.7%)
}
.method-collage-slice-c{
  clip-path:polygon(67% 4%,98% 1%,100% 91%,69% 96%);
  filter:hue-rotate(176deg) saturate(.52) contrast(1.2) brightness(.74);transform:translate(1.1%,1.2%)
}
.method-collage-slice-d{
  clip-path:polygon(4% 38%,94% 28%,100% 43%,11% 54%);
  background-size:auto 150%;background-position:90% 7%;
  filter:hue-rotate(305deg) saturate(1.18) contrast(1.24) brightness(.7);
  mix-blend-mode:screen;--slice-opacity:.48;transform:translateY(1%)
}
.method-collage-space .method-collage-slice-a{filter:grayscale(1) contrast(1.13) brightness(.86)}
.method-collage-space .method-collage-slice-b{filter:grayscale(1) contrast(1.09) brightness(.8)}
.method-collage-space .method-collage-slice-c{filter:grayscale(1) sepia(.06) hue-rotate(95deg) contrast(1.14) brightness(.73)}
.method-collage-space .method-collage-slice-d{filter:grayscale(1) contrast(1.18) brightness(.72);--slice-opacity:.18}
.method-collage-shape:before{
  background:
    linear-gradient(90deg,transparent 0 37.1%,#f7f4ec38 37.35% 37.7%,transparent 38% 66.7%,#d1e59a45 67% 67.35%,transparent 67.7%),
    radial-gradient(circle at 1px 1px,#f7f4ec7a 0 1px,transparent 1.25px) 0 0/6px 6px,
    linear-gradient(108deg,#164f7894 0 30%,transparent 30% 66%,#71354d73 66% 100%);
  mix-blend-mode:screen;opacity:.58;
  -webkit-mask-image:linear-gradient(90deg,#000 0 36%,#000b 54%,#0005 76%,transparent 96%);
  mask-image:linear-gradient(90deg,#000 0 36%,#000b 54%,#0005 76%,transparent 96%)
}
.method-collage-shape .method-collage-slice-a{
  filter:grayscale(1) sepia(.48) hue-rotate(73deg) saturate(1.9) contrast(1.48) brightness(.65);
  mix-blend-mode:screen;--slice-opacity:.7
}
.method-collage-shape .method-collage-slice-b{
  filter:grayscale(.82) sepia(.18) hue-rotate(158deg) saturate(.78) contrast(1.42) brightness(.64);
  mix-blend-mode:luminosity;--slice-opacity:.86;
  -webkit-mask-image:repeating-linear-gradient(0deg,#000 0 7px,#000b 7px 9px);
  mask-image:repeating-linear-gradient(0deg,#000 0 7px,#000b 7px 9px)
}
.method-collage-shape .method-collage-slice-c{
  filter:grayscale(.62) sepia(.2) hue-rotate(302deg) saturate(1.12) contrast(1.46) brightness(.68);
  mix-blend-mode:screen;--slice-opacity:.72
}
.method-collage-shape .method-collage-slice-d{
  filter:hue-rotate(294deg) saturate(1.45) contrast(1.52) brightness(.58);
  --slice-opacity:.34
}
.method-collage-space:before{
  background:
    linear-gradient(90deg,transparent 0 37.25%,#f7f4ec32 37.4% 37.6%,transparent 37.75% 66.85%,#70dcff30 67% 67.2%,transparent 67.35%),
    linear-gradient(0deg,transparent 0 68%,#f7f4ec1c 68.1% 68.25%,transparent 68.4%);
  opacity:.7
}
.method-stage[data-method-view=space] .method-shade{
  background:
    linear-gradient(90deg,#070807 0,#070807ea 22%,#07080782 34%,transparent 49%),
    linear-gradient(0deg,#070807 0,#070807d8 12%,#07080742 24%,transparent 39%),
    linear-gradient(180deg,#07080729 0,transparent 15%)
}
.method-collage-plate{
  position:absolute;z-index:9;left:34%;top:3%;width:35%;height:18%;
  background:linear-gradient(108deg,#070807 0 74%,#d1e59a 74% 76%,#070807 76%);
  clip-path:polygon(5% 0,100% 11%,91% 100%,0 78%)
}
.method-collage-shape .method-collage-plate{left:54%;width:36%}
.method-collage-plate:after{
  content:"LINE / OUTLINE";position:absolute;left:12%;bottom:18%;color:#f7f4ec;
  font:600 clamp(6px,.58vw,9px)/1 var(--sans);letter-spacing:.18em
}
.method-collage-space .method-collage-plate{
  left:4%;top:67%;width:43%;height:14%;
  background:linear-gradient(104deg,#101b20d9 0 71%,#70dcff 71% 72%,#101b20d9 72%);opacity:.7
}
.method-collage-space .method-collage-plate:after{content:"CROWN / SIDE / END"}
.method-graphic-shape .method-graphic-axis{
  z-index:6;left:43.4%;top:6%;bottom:29%;opacity:.48
}
.method-graphic-shape .method-graphic-orbit,
.method-graphic-space .method-graphic-orbit,
.method-graphic-space .method-graphic-scan{display:none}
.method-graphic-shape:after,
.method-graphic-space:after{
  z-index:8;left:3.3%;right:auto;bottom:29%;max-width:34%;
  font-size:clamp(7px,.62vw,10px);line-height:1.55;letter-spacing:.18em;
  text-align:left;transform:none;color:#f7f4ec9e
}
.method-graphic-shape:after{content:"FORM / 01\A FRINGE  ·  SIDE  ·  OUTLINE"}
.method-graphic-space:after{content:"VOLUME / 02\A CROWN  ·  SIDE  ·  END"}
.method-view.has-method-selection:has(.method-stage[data-method-view=shape],.method-stage[data-method-view=space]) .method-controls{
  padding-top:clamp(74px,8.5vw,124px);
  background:linear-gradient(0deg,#070807 0 40%,#070807f2 61%,#070807a8 78%,transparent 100%)
}
.method-stage[data-method-view=shape] .method-collage-slice,
.method-stage[data-method-view=space] .method-collage-slice{animation:methodCollageResolve .78s cubic-bezier(.2,.7,.2,1) both}
.method-stage[data-method-view=shape] .method-collage-slice-b,
.method-stage[data-method-view=space] .method-collage-slice-b{animation-delay:.04s}
.method-stage[data-method-view=shape] .method-collage-slice-c,
.method-stage[data-method-view=space] .method-collage-slice-c{animation-delay:.08s}
.method-stage[data-method-view=shape] .method-collage-slice-d,
.method-stage[data-method-view=space] .method-collage-slice-d{animation-delay:.12s}
@keyframes methodCollageResolve{
  from{opacity:0;translate:34px 0;filter:grayscale(1) contrast(1.3) brightness(.42)}
  to{opacity:var(--slice-opacity);translate:0 0}
}

@media(max-width:760px){
  .method-stage[data-method-view=shape] .method-shade,
  .method-stage[data-method-view=space] .method-shade{
    background:
      linear-gradient(90deg,#070807f5 0,#070807c9 32%,transparent 72%),
      linear-gradient(0deg,#070807 0,#070807f5 39%,#07080785 53%,transparent 69%)
  }
  .method-graphic-shape .method-graphic-code,
  .method-graphic-space .method-graphic-code{left:16px!important;right:auto;top:5.5%;padding-left:22px}
  .method-graphic-shape .method-graphic-code:before,
  .method-graphic-space .method-graphic-code:before{width:14px}
  .method-graphic-shape .method-graphic-word,
  .method-graphic-space .method-graphic-word{
    display:block;left:-.02em;top:8%;font-size:27vw;opacity:.28
  }
  .method-type-cut{font-size:20vw}
  .method-type-cut-a{left:14px;top:12%}
  .method-type-cut-b{left:8%;top:24%}
  .method-collage{
    right:-29%;top:2%;width:114%;height:58%;
    clip-path:polygon(11% 0,100% 4%,100% 92%,84% 100%,0 89%,4% 47%)
  }
  .method-collage-slice{background-size:auto 89%;background-position:91% 5%}
  .method-collage-slice-d{background-size:auto 117%;background-position:88% 2%}
  .method-collage:after{right:5%;bottom:5%;font-size:6px;padding:5px 6px}
  .method-collage-plate{left:45%;top:3%;width:31%;height:14%}
  .method-collage-space .method-collage-plate{left:15%;top:61%;width:39%;height:12%}
  .method-collage-plate:after{font-size:5px}
  .method-graphic-shape .method-graphic-axis{display:block;left:54%;top:5%;bottom:49%;opacity:.3}
  .method-graphic-shape:after,
  .method-graphic-space:after{left:16px;bottom:43%;max-width:54%;font-size:6px}
  .method-view.has-method-selection:has(.method-stage[data-method-view=shape],.method-stage[data-method-view=space]) .method-controls{
    min-height:42%;padding-top:74px;
    background:linear-gradient(0deg,#070807 0 58%,#070807f2 73%,#07080799 87%,transparent 100%)
  }
  .method-stage[data-method-view=space] .method-shade{
    background:
      linear-gradient(90deg,#070807ed 0,#070807a8 25%,transparent 58%),
      linear-gradient(0deg,#070807 0,#070807e8 28%,#07080755 42%,transparent 59%)
  }
  .method-collage-space .method-collage-slice-a{filter:grayscale(1) contrast(1.1) brightness(.92)}
  .method-collage-space .method-collage-slice-b{filter:grayscale(1) contrast(1.07) brightness(.87)}
  .method-collage-space .method-collage-slice-c{filter:grayscale(1) contrast(1.11) brightness(.8)}
}

@media(prefers-reduced-motion:reduce){
  .method-stage[data-method-view=shape] .method-collage-slice,
  .method-stage[data-method-view=space] .method-collage-slice{animation:none}
}

/* Immersive viewport controls. Dynamic viewport units keep the composition
   stable as mobile browser chrome expands and collapses. */
html,body{min-height:100%}
html:fullscreen,html:-webkit-full-screen{background:var(--bg)}
body.is-fullscreen{min-height:100dvh}
body.is-fullscreen .masthead{
  position:sticky;top:0;background:#0b0c0be8;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)
}
.fullscreen-trigger{
  min-width:108px;height:34px;padding:0 11px;border:1px solid #ffffff35;
  display:flex;align-items:center;justify-content:center;gap:8px;
  font-size:8px;letter-spacing:.09em;white-space:nowrap;transition:background .2s,color .2s,border-color .2s
}
.fullscreen-trigger:hover{border-color:var(--signal);color:var(--signal)}
.fullscreen-trigger[aria-pressed=true]{background:var(--signal);border-color:var(--signal);color:var(--bg)}
.fullscreen-icon{font-size:14px;line-height:1}
@supports(height:100dvh){
  .edit-view{min-height:calc(100dvh - 122px)}
}
@supports(padding:max(0px)){
  :root{--pad:max(32px,env(safe-area-inset-left),env(safe-area-inset-right))}
  .masthead{height:calc(82px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top)}
  .site-footer{padding-bottom:max(12px,env(safe-area-inset-bottom))}
}
@media(max-width:1050px){
  .fullscreen-trigger{min-width:36px;width:36px;padding:0}
  .fullscreen-label{display:none}
}
@media(max-width:760px){
  .fullscreen-trigger{margin-left:auto}
  .menu-trigger{margin-left:0}
  .fullscreen-trigger[hidden] + .menu-trigger{margin-left:auto}
  @supports(height:100dvh){.edit-view{min-height:calc(100dvh - 112px)}}
  @supports(padding:max(0px)){
    :root{--pad:max(18px,env(safe-area-inset-left),env(safe-area-inset-right))}
    .masthead{height:calc(72px + env(safe-area-inset-top))}
  }
}