:root{--accent:#b87af6}body{background:#0d0c0e}header{position:absolute;top:0;left:0;right:0;height:88px;border-color:#ffffff1a;z-index:10}.brand-symbol{font-size:28px;color:var(--accent);margin-right:5px}.experience{height:270vh;position:relative}.experience-sticky{position:sticky;top:0;height:100svh;min-height:670px;overflow:hidden;background:radial-gradient(ellipse at 72% 55%,#392c45 0%,#1c191f 27%,#0d0c0e 65%);perspective:1200px}.exp-grain{position:absolute;inset:0;opacity:.14;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' opacity='.3' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.exp-grid{position:absolute;inset:0;background:linear-gradient(90deg,transparent calc(25% - 1px),#ffffff05 25%,transparent calc(25% + 1px),transparent calc(75% - 1px),#ffffff05 75%,transparent calc(75% + 1px));pointer-events:none}.exp-caption{position:absolute;top:119px;left:4.6%;right:4.6%;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.7px;color:#97919c}.exp-title{position:absolute;top:24%;left:6%;z-index:5;transform-origin:left center;will-change:transform,opacity}.exp-title>.eyebrow{font-size:8px;color:#beb8c3;letter-spacing:2px}.exp-title h1{font-size:clamp(55px,6.5vw,100px);line-height:1.03;letter-spacing:-5px;margin:25px 0 24px;font-weight:400;max-width:750px}.exp-title h1 em{font-family:Georgia,serif;font-weight:400;color:var(--accent)}.exp-title p{font-size:13px;line-height:1.9;color:#a8a3ad}.exp-actions{display:flex;align-items:center;gap:25px;margin-top:27px}.exp-actions button{background:var(--accent);color:#1d1a20;padding:15px 19px;display:flex;align-items:center;gap:35px;font-size:11px;border-radius:2px}.exp-actions button span{font-size:20px}.exp-actions a{font-size:11px;color:#dbd7de}.digital-world{position:absolute;width:60vw;height:52vw;max-height:680px;right:-5%;top:20%;transform-style:preserve-3d;transform:rotateY(-17deg) rotateX(8deg) rotateZ(7deg);will-change:transform;pointer-events:none}.world-screen{position:absolute;width:85%;height:65%;top:12%;left:6%;border:1px solid #cfa8f655;border-radius:9px;background:#141216;box-shadow:0 0 0 7px #8d69b208,0 40px 100px #000b,0 0 100px #be87f414;overflow:hidden;transform:translateZ(60px)}.screen-bar{height:30px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;color:#bbb2c5;font-size:6px;letter-spacing:1.5px;background:#231b2b}.screen-bar span:first-child{letter-spacing:3px;font-size:6px}.screen-viewport{height:calc(100% - 30px);position:relative;overflow:hidden}.screen-viewport>img{width:100%;height:auto;min-height:100%;object-fit:cover;object-position:top;opacity:.42;filter:saturate(.6)}.screen-overlay{position:absolute;inset:0;background:linear-gradient(110deg,#151217e8,#1d112960);display:flex;flex-direction:column;justify-content:center;padding:9%;color:#f0ebf6}.screen-overlay>span{font-size:7px;letter-spacing:2px;color:#afa6b9}.screen-overlay strong{font-size:clamp(35px,4.5vw,70px);font-weight:400;line-height:1.05;letter-spacing:-2px;margin:25px 0}.screen-overlay em{font-family:Georgia,serif;color:var(--accent)}.world-side{position:absolute;top:22%;width:40%;height:40%;overflow:hidden;border:1px solid #b87af633;border-radius:5px;opacity:.45;box-shadow:0 10px 50px #0008}.world-side img{width:100%;height:auto}.side-left{left:-30%;transform:translateZ(-190px) rotateY(40deg)}.side-right{right:-26%;transform:translateZ(-240px) rotateY(-45deg)}.world-floor{position:absolute;top:80%;left:-80%;width:220%;height:100%;transform:rotateX(85deg);transform-origin:top;background:linear-gradient(#b87af615 1px,transparent 1px),linear-gradient(90deg,#b87af612 1px,transparent 1px);background-size:60px 60px;mask-image:linear-gradient(#000,transparent 70%)}.exp-orbit{position:absolute;border:1px solid #f3e7ff0a;border-radius:50%;width:75vw;height:75vw;right:-20%;top:-25%;transform:rotateX(65deg)}.orbit-two{width:105vw;height:105vw;right:-35%;top:-45%;border-color:#f3e7ff06}.exp-second{position:absolute;left:7%;right:7%;top:35%;z-index:6;opacity:0;pointer-events:none;transform:translateY(35px)}.exp-second h2{font-size:clamp(45px,7vw,110px);line-height:1.05;margin-top:26px;letter-spacing:-5px}.exp-second h2 em{color:var(--accent)}.exp-second p{font-size:15px;color:#afaab4;line-height:1.9;margin-top:25px}.exp-second>a{display:inline-block;border-bottom:1px solid #9f7dc1;padding:14px 0;font-size:12px}.exp-bottom{position:absolute;bottom:30px;left:4.6%;right:4.6%;display:flex;align-items:center;justify-content:space-between;gap:30px;font-size:8px;letter-spacing:1.3px;color:#aba4b2;z-index:8}.exp-bottom i{font-style:normal;margin-left:18px}.exp-progress{height:1px;background:#a68cc12a;width:25%;overflow:hidden}.exp-progress b{display:block;width:100%;height:100%;background:var(--accent);transform:scaleX(0);transform-origin:left}.editorial-projects{display:block!important}.editorial-project{display:grid;grid-template-columns:1fr 1.65fr;align-items:center;gap:6%;padding:60px 0;border-top:1px solid #363439}.editorial-copy h3{font-size:clamp(35px,4vw,60px);font-weight:400;letter-spacing:-2px;line-height:1.1;margin:28px 0 20px;overflow-wrap:anywhere}.editorial-copy>p{font-size:13px;line-height:1.9;color:#aca7b0;max-width:330px}.editorial-copy .eyebrow{font-size:8px;letter-spacing:1px;color:#aca4b5}.editorial-links{display:flex;gap:25px;flex-wrap:wrap;margin-top:28px;font-size:11px}.editorial-links a{padding:8px 0;border-bottom:1px solid #564864}.editorial-links span{margin-left:16px;color:var(--accent)}.editorial-preview{background:radial-gradient(ellipse at 50% 60%,#392b47,#221a29);position:relative;padding:40px 25px 55px;overflow:hidden;display:block;border-radius:3px}.editorial-browser{border:1px solid #ffffff25;border-radius:5px;overflow:hidden;box-shadow:0 20px 40px #0006;transform:perspective(1000px) rotateY(-5deg) rotateX(3deg);transition:transform .5s}.editorial-preview:hover .editorial-browser{transform:perspective(1000px) rotateY(0) rotateX(0) translateY(-5px)}.editorial-bar{display:flex;justify-content:space-between;background:#eae8ec;color:#6c6770;font-size:6px;padding:9px 11px;gap:15px}.editorial-image{aspect-ratio:1.6;overflow:hidden;background:white}.editorial-image img{display:block;width:100%;height:auto}.preview-hint{position:absolute;bottom:20px;left:25px;font-size:7px;letter-spacing:1.5px;color:#beb5c6}.editorial-project:nth-child(2) .editorial-preview{background:radial-gradient(ellipse,#6e6d70,#363537)}.editorial-project:nth-child(3) .editorial-preview{background:radial-gradient(ellipse,#422362,#242028)}.editorial-project:nth-child(4) .editorial-preview{background:radial-gradient(ellipse,#9c76c2,#736447)}.phone-preview{display:grid;place-items:center;background:#c1bbd1!important}.phone-preview .editorial-browser{width:210px;border:6px solid #24252b;border-radius:30px}.phone-preview .editorial-image{aspect-ratio: .53}.phone-preview .editorial-image img{width:100%;height:100%;object-fit:cover;object-position:top}.phone-preview .editorial-bar{display:none}.phone-preview .preview-hint{color:#333340}.work{padding-top:85px}.portfolio-note{margin:30px 0 45px}.full-capture>a{display:block;max-height:750px;overflow:auto}.full-capture img{width:100%;height:auto}.section h2 em{color:#beb7c5}footer .brand-symbol{font-size:25px}@media(max-width:900px){.exp-title h1{font-size:8vw}.digital-world{width:75vw;right:-24%;top:28%}.exp-title{top:23%;left:5%}.exp-title p{font-size:12px}.editorial-project{grid-template-columns:1fr 1.4fr;gap:5%}.editorial-copy h3{font-size:36px}}@media(max-width:700px){header{height:75px}.experience{height:225vh}.experience-sticky{min-height:700px}.exp-caption{top:100px;font-size:6px;left:6%;right:6%}.exp-caption>span:last-child{display:none}.exp-title{top:21%;left:6%;right:6%}.exp-title h1{font-size:14vw;letter-spacing:-3.5px;line-height:1.02;margin:18px 0}.exp-title>.eyebrow{font-size:7px}.exp-title p{font-size:11px}.exp-actions{gap:20px;margin-top:20px}.exp-actions button{font-size:10px;padding:13px;gap:15px}.exp-actions a{font-size:10px}.digital-world{width:98vw;height:65vw;right:-21%;top:61%;opacity:.85}.world-side{opacity:.3}.world-screen{height:82%;top:0}.screen-overlay strong{font-size:30px;margin:10px 0}.screen-overlay>span{font-size:5px}.screen-bar{height:18px;font-size:4px}.screen-viewport{height:calc(100% - 18px)}.exp-bottom{bottom:22px;font-size:6px;left:6%;right:6%;gap:12px}.exp-phase{font-size:6px}.exp-progress{width:18%}.exp-second{top:32%;left:6%;right:6%}.exp-second h2{font-size:13vw;letter-spacing:-3px}.exp-second p{font-size:12px}.exp-second>.eyebrow{font-size:7px}.editorial-project{grid-template-columns:1fr;gap:25px;padding:35px 0}.editorial-copy h3{font-size:39px;letter-spacing:-1.8px;margin:17px 0 13px}.editorial-copy>p{font-size:12px;max-width:none}.editorial-links{margin-top:16px;font-size:10px}.editorial-preview{padding:28px 13px 43px}.editorial-image{aspect-ratio:1.4}.preview-hint{left:14px;bottom:15px;font-size:6px;letter-spacing:1px}.editorial-bar{font-size:5px;padding:7px}.phone-preview .editorial-browser{width:175px}.full-capture>a{max-height:480px}}@media(prefers-reduced-motion:reduce){.experience{height:auto}.experience-sticky{height:900px;position:relative}.exp-second{display:none}.digital-world{transform:none!important}.exp-title{opacity:1!important;transform:none!important}.exp-progress{display:none}.editorial-browser{transform:none}}
/* A scroll-directed journey through four actual project worlds. */
.experience{height:510vh}.experience-sticky{background:radial-gradient(ellipse at 72% 55%,rgb(var(--scene-rgb,54 69 44) / .8),#141216 43%,#0d0c0e 75%);transition:background-color .3s}.screen-viewport>.voyage-slide{position:absolute;inset:0 auto auto 0;width:100%;height:auto;min-height:100%;object-fit:cover;object-position:top;opacity:0;filter:none;will-change:transform,opacity}.screen-viewport>.voyage-slide:first-child{opacity:.42}.screen-overlay{z-index:2}.world-screen{backface-visibility:hidden}.project-hud{position:absolute;z-index:7;left:5%;top:27%;width:260px;opacity:0;transform:translateY(25px);pointer-events:none;will-change:opacity,transform}.hud-index{font-size:9px;color:var(--accent);letter-spacing:2px}.project-hud h3{font-weight:400;font-size:clamp(28px,3vw,47px);line-height:1;letter-spacing:-1.6px;margin:18px 0}.project-hud p{font-size:12px;line-height:1.9;color:#b8b4bd;max-width:230px}.project-hud a{display:inline-block;margin-top:15px;font-size:11px;padding-bottom:10px;border-bottom:1px solid #81679b}.voyage-nav{position:absolute;right:3%;top:40%;display:flex;flex-direction:column;gap:14px;z-index:9;align-items:end}.voyage-nav button{display:flex;align-items:center;gap:13px;background:none;padding:3px;color:#8b8492;font-size:8px}.voyage-nav button i{width:5px;height:5px;border:1px solid #958e9c;border-radius:50%;transition:all .3s}.voyage-nav button span{opacity:0;transform:translateX(8px);transition:all .3s}.voyage-nav button.active span,.voyage-nav button:hover span,.voyage-nav button:focus-visible span{opacity:1;transform:none}.voyage-nav button.active i{background:var(--accent);border-color:var(--accent);box-shadow:0 0 13px #b87af644}.voyage-nav button.active{color:#e8ddf2}.exp-second{top:22%;max-width:740px}.exp-second h2{font-size:clamp(40px,5.3vw,82px);letter-spacing:-3.5px}.exp-second p{font-size:13px}.world-collection{position:absolute;inset:0;z-index:3;opacity:0;transform:scale(1.35);pointer-events:none;will-change:transform,opacity;perspective:1400px}.collection-tile{position:absolute;width:25vw;height:15vw;overflow:hidden;border:1px solid #947cac55;border-radius:5px;background:#271e30;box-shadow:0 20px 45px #0008;transform:rotate(-8deg)}.collection-tile>img{width:100%;height:auto;display:block}.collection-tile>span{position:absolute;bottom:0;left:0;right:0;padding:10px;background:#0f0e11e0;color:#eae5ef;font-size:9px;letter-spacing:.5px}.tile-0{left:53%;top:13%;transform:rotate(9deg)}.tile-1{left:76%;top:28%;transform:rotate(-8deg)}.tile-2{left:57%;top:48%;transform:rotate(-5deg)}.tile-3{left:28%;top:70%;transform:rotate(7deg)}.tile-4{left:4%;top:78%;transform:rotate(-6deg)}.tile-5{left:83%;top:70%;transform:rotate(11deg)}.tile-6{left:-16%;top:28%;transform:rotate(12deg);opacity:.2}.tile-7{left:57%;top:83%;transform:rotate(-8deg)}.tile-8{left:78%;top:-20%;transform:rotate(-10deg);opacity:.35}.world-collection:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0d0c0ecc,#0d0c0e00 70%);pointer-events:none}.exp-second{z-index:6}.exp-caption{z-index:7}.exp-bottom{background:linear-gradient(transparent,#0d0c0e88);padding-top:15px}.exp-title,.digital-world{transition:none}.world-side{transition:opacity .2s}
@media(max-width:1000px){.project-hud{width:190px;left:4%}.project-hud p{max-width:165px;font-size:11px}.project-hud h3{font-size:30px}.voyage-nav{right:2%}.exp-second{max-width:560px}}
@media(max-width:700px){.experience{height:450vh}.project-hud{top:17%;left:6%;width:85%;display:grid;grid-template-columns:1fr auto;gap:8px 15px}.hud-index{font-size:7px;grid-column:1/-1}.project-hud h3{font-size:30px;margin:6px 0;grid-column:1}.project-hud p{font-size:11px;max-width:230px;margin:4px 0;grid-column:1}.project-hud a{grid-column:2;grid-row:2/4;align-self:center;font-size:9px;padding-bottom:8px;margin:0}.voyage-nav{right:6%;left:6%;top:auto;bottom:68px;flex-direction:row;justify-content:center;gap:15px}.voyage-nav button{padding:8px 2px;font-size:6px;gap:5px;flex-direction:column}.voyage-nav button span{display:none}.voyage-nav button i{width:5px;height:5px}.voyage-nav button.active i{width:19px;border-radius:3px}.exp-second{top:18%;max-width:none}.exp-second h2{font-size:11vw;letter-spacing:-2px}.exp-second p{font-size:11px;max-width:270px}.collection-tile{width:49vw;height:32vw}.collection-tile>span{font-size:7px;padding:7px}.tile-0{left:5%;top:59%;transform:rotate(-8deg)}.tile-1{left:55%;top:53%;transform:rotate(8deg)}.tile-2{left:32%;top:79%}.tile-3{left:-14%;top:86%}.tile-4{left:78%;top:88%}.tile-5{left:75%;top:10%;opacity:.15}.tile-6,.tile-7,.tile-8{display:none}.world-collection:after{background:linear-gradient(#0d0c0e44,transparent 70%)}.project-hud a{max-width:105px;line-height:1.7}}
@media(prefers-reduced-motion:reduce){.experience{height:auto}.experience-sticky{height:900px}.world-collection,.project-hud,.voyage-nav{display:none}.screen-viewport>.voyage-slide:not(:first-child){display:none}.digital-world{opacity:1!important}.exp-title{opacity:1!important}.exp-second{display:none}}
@media(min-width:701px){.project-hud h3{font-size:clamp(28px,2.6vw,40px)}}
/* Actual screens occupy separate positions in the gallery. The camera travels between them. */
.experience{height:650vh}.digital-world{will-change:transform;transform-style:preserve-3d}.screen-track{position:absolute;inset:0;transform-style:preserve-3d;will-change:transform}.travel-screen{will-change:transform,filter;transform-origin:center;backface-visibility:hidden}.travel-screen[data-screen="0"]{left:6%}.travel-screen[data-screen="1"]{left:102%}.travel-screen[data-screen="2"]{left:198%}.travel-screen[data-screen="3"]{left:294%}.screen-viewport>.travel-page{position:absolute;left:0;top:0;display:block;width:100%;height:auto;min-height:0;filter:none;opacity:1;will-change:transform}.screen-track .screen-viewport{background:#f7f6f9}.project-hud:after{content:attr(data-action);display:block;font-size:8px;color:#b2a9bc;letter-spacing:1.1px;margin-top:20px}.travel-screen .screen-bar{background:#231b2b;white-space:nowrap}.travel-screen[data-screen="1"] .screen-bar{background:#323134}.travel-screen[data-screen="2"] .screen-bar{background:#271b33}.travel-screen[data-screen="3"] .screen-bar{background:#59503c}.world-collection{pointer-events:none}@media(max-width:700px){.experience{height:580vh}.travel-screen{height:100%}.screen-track{height:130%}.project-hud:after{grid-column:1/-1;margin-top:5px;font-size:6px}.digital-world{max-height:none}.screen-viewport>.travel-page{object-fit:initial}}
@media(prefers-reduced-motion:reduce){.experience{height:auto}.screen-track{transform:none!important}.travel-screen:not(:first-child){display:none}.travel-page{transform:none!important}}

/* Quiet closing scene: typography and a single next step. */
.exp-second{left:0;right:0;width:86%;max-width:1000px;margin:0 auto;text-align:center;top:27%}.exp-second>.eyebrow{justify-content:center}.exp-second>p{margin-left:auto;margin-right:auto}.exp-second>a{margin-top:5px}@media(max-width:700px){.exp-second{top:26%;width:88%}.exp-second h2{font-size:11vw}.exp-second>p{max-width:300px}}