:root{--ink:#24231f;--paper:#d8d2c5;--light:#ece8df;--line:rgba(36,35,31,.22);--accent:#4a5545}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--light);color:var(--ink);font-family:"DM Sans","Noto Sans SC",sans-serif;font-weight:300}a{color:inherit;text-decoration:none}.nav{position:absolute;z-index:10;top:0;left:0;width:100%;padding:26px 32px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:start;font-size:11px;line-height:1.45;text-transform:uppercase;letter-spacing:.09em}.monogram{font-size:18px;font-weight:500;letter-spacing:-.06em}.nav-meta{text-align:center}.nav-meta span{opacity:.55}.nav-link{text-align:right}.nav-link span{display:inline-block;margin-left:8px}.hero{height:100svh;min-height:680px;position:relative;overflow:hidden;background:#cbc5b7}.hero canvas,.grain{position:absolute;inset:0;width:100%;height:100%}.grain{opacity:.2;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%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.25'/%3E%3C/svg%3E")}.hero-copy{position:absolute;inset:17% 4% auto 4%;display:grid;grid-template-columns:1fr auto 1fr;align-items:end}.eyebrow{align-self:start;margin:9px 0 0;font-size:10px;letter-spacing:.14em;text-transform:uppercase}.hero h1{margin:0;text-align:center;font-size:clamp(92px,15vw,230px);font-weight:300;line-height:.72;letter-spacing:-.09em}.role{justify-self:end;margin:0 8px 7px 0;font-size:12px;line-height:1.3;text-transform:uppercase;letter-spacing:.08em}.hero-bottom{position:absolute;bottom:25px;left:32px;right:32px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;font-size:11px;line-height:1.45;text-transform:uppercase;letter-spacing:.07em}.hero-bottom p{margin:0}.hero-bottom strong{font-weight:500}.scroll-cue{justify-self:center;display:flex;flex-direction:column;align-items:center;gap:10px}.scroll-cue i{font-style:normal;font-size:18px}.availability{text-align:right}.section-index{font-size:10px;text-transform:uppercase;letter-spacing:.16em}.intro{padding:150px 6vw 160px;background:#e8e4da}.intro-lead{font-size:clamp(46px,7vw,104px);letter-spacing:-.055em;line-height:.95;max-width:1200px;margin:80px 0 100px}.intro-lead em,.works h2 em,footer em{font-family:Georgia,serif;font-weight:400}.intro-grid{width:52%;margin-left:auto;display:grid;grid-template-columns:1fr 1fr;gap:50px;font-size:14px;line-height:1.8}.journey{background:#292a27;color:#dedbd3;padding:140px 6vw 180px}.section-head{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:end;margin-bottom:140px}.section-head h2,.works h2{font-size:clamp(62px,8vw,128px);font-weight:300;letter-spacing:-.07em;line-height:.83;margin:0}.section-note{font-size:12px;line-height:1.55;max-width:220px;margin:0 0 4px auto}.timeline{position:relative}.timeline-line{position:absolute;left:33.333%;top:0;bottom:0;width:1px;background:rgba(255,255,255,.16)}.timeline-line span{display:block;width:1px;height:0;background:#c8c2af}.timeline-item{display:grid;grid-template-columns:1fr 18px 2fr;gap:0;min-height:260px;opacity:.22;transition:opacity .55s ease}.timeline-item.active{opacity:1}.time{font-size:11px;letter-spacing:.12em;padding-top:10px}.dot{width:9px;height:9px;border:1px solid currentColor;border-radius:50%;transform:translateX(-4px);margin-top:11px;background:#292a27;transition:background .4s}.active .dot{background:#dedbd3}.timeline-content{padding:0 0 90px 8vw}.type{font-size:10px;letter-spacing:.14em;text-transform:uppercase;opacity:.55}.timeline-content h3{font-size:clamp(30px,3.6vw,58px);font-weight:300;line-height:1.06;letter-spacing:-.04em;margin:18px 0}.timeline-content>p:not(.type){font-size:15px}.timeline-content span{font-size:11px;opacity:.55}.works{padding:150px 5vw 200px;background:#d8d2c5}.works-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:100px}.works-head>p{font-size:12px;line-height:1.6}.works h2{margin-top:50px}.masonry{display:grid;grid-template-columns:1.15fr .85fr;gap:8vw 3vw;align-items:start}.project{margin-bottom:40px}.project-large{grid-row:span 2}.project-visual{aspect-ratio:4/5;padding:30px;position:relative;color:#e9e5dc;overflow:hidden}.project-large .project-visual{aspect-ratio:4/5}.tone-moss .project-visual{background:radial-gradient(circle at 27% 23%,#a6aa91 0 4%,transparent 5%),linear-gradient(145deg,#273028 0%,#59604d 48%,#b8af95 100%)}.tone-slate .project-visual{background:radial-gradient(circle at 70% 35%,rgba(235,226,207,.75),transparent 12%),linear-gradient(155deg,#23282c,#6d787b 55%,#c0bdb2)}.tone-terracotta .project-visual{background:radial-gradient(circle at 30% 65%,rgba(239,208,170,.55),transparent 18%),linear-gradient(140deg,#3b2e28,#985d43 60%,#c39a70)}.visual-kicker{font-size:9px;letter-spacing:.17em}.project-visual strong{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);font-size:clamp(54px,8vw,120px);font-family:"Noto Sans SC";font-weight:300;white-space:nowrap;letter-spacing:-.08em}.project-visual i{position:absolute;right:28px;bottom:28px;text-align:right;font-family:Georgia,serif;font-size:14px}.project-info{padding:22px 2px 0}.project-info>div{display:flex;align-items:baseline;gap:15px}.project-info h3{font-size:23px;font-weight:400;margin:0}.project-info span,.project-info>p,.project-info li{font-size:10px;letter-spacing:.06em}.project-info>p{opacity:.62;margin:8px 0 20px}.project-info ul{margin:0;padding:16px 0 0;border-top:1px solid var(--line);display:flex;gap:22px;list-style:none}.project-info li{line-height:1.5}.numbers-card{background:#24231f;color:#e8e4da;min-height:370px;padding:35px;display:flex;flex-direction:column;margin-top:40px}.numbers-card p{font-size:10px;text-transform:uppercase;letter-spacing:.13em}.numbers-card>strong{font-size:clamp(62px,7vw,105px);font-weight:300;letter-spacing:-.06em;margin:auto 0 0}.numbers-card>span{font-size:10px;opacity:.55;text-transform:uppercase}.numbers-card>div{border-top:1px solid rgba(255,255,255,.2);margin-top:30px;padding-top:20px;display:flex;gap:15px;align-items:start}.numbers-card b{font-size:42px;font-weight:300}.numbers-card small{font-size:9px;text-transform:uppercase;letter-spacing:.1em;line-height:1.5}footer{min-height:86vh;background:#aaa99f;padding:8vw 5vw 35px;display:flex;flex-direction:column;justify-content:space-between}footer>p{font-size:clamp(58px,10vw,150px);line-height:.88;letter-spacing:-.065em;margin:0}footer>div{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;font-size:10px;text-transform:uppercase;letter-spacing:.12em}@media(max-width:760px){.nav{padding:20px}.nav-meta{display:none}.nav{grid-template-columns:1fr 1fr}.hero{min-height:650px}.hero-copy{inset:20% 20px auto;display:block}.hero h1{text-align:left;font-size:27vw}.eyebrow{margin-bottom:36px}.role{position:absolute;right:0;bottom:0}.hero-bottom{left:20px;right:20px;grid-template-columns:1fr 1fr}.availability{display:none}.scroll-cue{justify-self:end}.intro{padding:100px 22px}.intro-lead{margin:55px 0 70px}.intro-grid{width:100%;grid-template-columns:1fr;gap:10px}.journey{padding:100px 22px}.section-head{display:block;margin-bottom:100px}.section-head h2{margin:50px 0}.section-note{margin:0}.timeline-line{left:8px}.timeline-item{grid-template-columns:25px 1fr;min-height:300px}.time{grid-column:2;margin-bottom:20px}.dot{grid-column:1;grid-row:1 / span 2}.timeline-content{grid-column:2;padding:0 0 90px}.works{padding:100px 18px}.works-head{display:block}.works-head>p{margin-top:30px}.masonry{grid-template-columns:1fr}.project-large{grid-row:auto}.project-info ul{gap:12px}.numbers-card{margin-top:0}footer{padding:80px 22px 25px}footer>div span:nth-child(2){display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.timeline-item{transition:none}}

/* Refined hero — dark, atmospheric and intentionally minimal */
.nav{display:none}.hero{height:100svh;min-height:680px;background:#02080d;color:#fff}.hero .grain{opacity:.11;mix-blend-mode:soft-light}.hero-copy{position:absolute;inset:auto;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:min(840px,88vw);gap:36px;white-space:nowrap;text-transform:uppercase}.hero h1,.hero-copy>p{margin:0;font-size:clamp(13px,1.25vw,20px);font-weight:400;line-height:1;letter-spacing:.055em;text-align:left}.hero-copy>p{font-family:Georgia,serif;letter-spacing:.025em}.hero-divider{display:block;width:clamp(70px,15vw,240px);height:1px;background:rgba(255,255,255,.3)}.hero-bottom{position:absolute;inset:auto auto 5.5vh 50%;transform:translateX(-50%);display:block;width:100%;text-align:center;font-size:clamp(10px,.78vw,13px);line-height:1.45;text-transform:uppercase;letter-spacing:.075em}.hero-bottom p{margin:0;color:rgba(255,255,255,.88)}
@media(max-width:760px){.hero-copy{inset:auto;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;width:92vw;gap:14px}.hero h1,.hero-copy>p{font-size:10px;letter-spacing:.025em}.hero-divider{width:38px}.hero-bottom{inset:auto auto 34px 50%;display:block;padding:0 20px;font-size:9px}}

/* Profile overlay */
.hero{position:sticky;top:0;z-index:0;will-change:opacity,transform,filter;transform-origin:center center}.profile-panel{position:relative;z-index:2;margin-top:0;border-radius:30px 30px 0 0;overflow:hidden;color:#111;font-family:"Noto Sans SC",sans-serif;background:radial-gradient(ellipse 70% 32% at 12% 4%,rgba(207,218,226,.58),rgba(255,255,255,0) 68%),radial-gradient(ellipse 55% 28% at 92% 42%,rgba(232,225,214,.5),rgba(255,255,255,0) 72%),#fff;box-shadow:0 -32px 90px rgba(0,8,16,.38)}.profile-intro{padding:15vw 8vw 13vw;min-height:92vh;display:flex;align-items:center}.reveal-copy{max-width:1120px;margin:0 auto;font-size:clamp(25px,3.15vw,52px);font-weight:400;line-height:1.68;letter-spacing:-.035em}.reveal-copy span{color:rgb(188,188,188);transition:color .08s linear}.profile-panel .journey{padding:6vw 8vw 15vw;background:transparent;color:#111}.profile-panel .timeline{max-width:1120px;margin:0 auto}.profile-panel .timeline-item{display:grid;grid-template-columns:31% 69%;min-height:0;opacity:1;border-top:1px solid rgba(17,17,17,.18);padding:42px 0 76px;transition:none}.profile-panel .timeline-item:last-child{border-bottom:1px solid rgba(17,17,17,.18)}.profile-panel .time{padding:7px 0 0;font-size:13px;font-weight:400;letter-spacing:.02em}.profile-panel .timeline-content{padding:0}.profile-panel .timeline-content h3{margin:0 0 16px;font-family:"Noto Sans SC",sans-serif;font-size:clamp(25px,3vw,46px);font-weight:400;line-height:1.18;letter-spacing:-.035em}.profile-panel .timeline-content>p:not(.type){margin:0;font-size:14px;font-weight:400;line-height:1.65;color:#555}.works{position:relative;z-index:3}
@media(max-width:760px){.profile-panel{border-radius:20px 20px 0 0}.profile-intro{padding:120px 24px 100px;min-height:78vh}.reveal-copy{font-size:22px;line-height:1.72;letter-spacing:-.03em}.profile-panel .journey{padding:30px 24px 110px}.profile-panel .timeline-item{grid-template-columns:1fr;padding:28px 0 54px}.profile-panel .time{margin:0 0 22px;font-size:11px}.profile-panel .timeline-content{grid-column:1}.profile-panel .timeline-content h3{font-size:25px;margin-bottom:12px}.profile-panel .timeline-content>p:not(.type){font-size:13px}}

/* Profile timeline activation */
.profile-panel .timeline-line{left:31%;top:0;bottom:0;background:rgba(17,17,17,.13)}.profile-panel .timeline-line span{background:#111;transition:height .12s linear}.profile-panel .timeline-item{grid-template-columns:31% 24px 1fr;opacity:.2;transition:opacity .55s ease}.profile-panel .timeline-item.active{opacity:1}.profile-panel .dot{display:block;grid-column:2;width:9px;height:9px;margin:8px 0 0 -4px;background:#fff;border:1px solid #111;position:relative;z-index:2;transition:background .35s ease}.profile-panel .timeline-item.active .dot{background:#111}.profile-panel .timeline-content{grid-column:3}
@media(max-width:760px){.profile-panel .timeline-line{left:7px}.profile-panel .timeline-item{grid-template-columns:24px 1fr}.profile-panel .dot{grid-column:1;grid-row:1 / span 2;margin:3px 0 0 3px}.profile-panel .time{grid-column:2}.profile-panel .timeline-content{grid-column:2}}

/* Dark transition surround and quiet window-light accents */
body{background:#02080d}.profile-panel::before,.profile-panel::after{content:"";position:absolute;z-index:0;pointer-events:none;top:-70px;width:520px;height:620px;opacity:.42;filter:blur(15px);background:repeating-linear-gradient(112deg,rgba(176,160,133,.12) 0 24px,rgba(255,255,255,0) 24px 88px);-webkit-mask-image:radial-gradient(ellipse at top left,#000 0,rgba(0,0,0,.76) 33%,transparent 72%);mask-image:radial-gradient(ellipse at top left,#000 0,rgba(0,0,0,.76) 33%,transparent 72%)}.profile-panel::before{left:-90px}.profile-panel::after{right:-150px;top:-130px;transform:scaleX(-1) rotate(-5deg);opacity:.3}.profile-panel>section{position:relative;z-index:1}
@media(max-width:760px){.profile-panel::before{left:-220px;opacity:.3}.profile-panel::after{right:-300px;opacity:.22}}

/* Immersive project reel */
.works{position:relative;z-index:1;padding:0;background:#000;color:#fff;overflow:clip}.project-spacer{height:38vh}.project-slide{position:relative;height:145vh}.project-card{--exit:0;position:sticky;top:15vh;display:block;width:min(82vw,1320px);height:min(70vh,730px);margin:0 auto;border-radius:28px;overflow:hidden;background:#101010;color:#fff;cursor:none;isolation:isolate;opacity:0;transform:translateY(48px) scale(.965);transition:opacity .12s linear,transform .12s linear}.project-card::after{content:"";position:absolute;z-index:5;inset:0;border:1px solid rgba(255,255,255,.3);border-radius:28px;pointer-events:none;transform:translateY(calc(var(--exit) * -110px));opacity:calc(1 - var(--exit))}.project-card img{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.035);will-change:opacity,transform}.project-shade{position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.66),rgba(0,0,0,.13) 58%,rgba(0,0,0,.3)),linear-gradient(0deg,rgba(0,0,0,.48),transparent 60%)}.project-keywords{position:absolute;z-index:3;left:clamp(28px,5vw,82px);right:clamp(28px,5vw,82px);bottom:clamp(28px,5vw,72px);display:flex;align-items:flex-end;gap:12px 28px;flex-wrap:wrap;will-change:transform,opacity}.project-keywords strong{width:100%;font-family:"Noto Sans SC",sans-serif;font-size:clamp(46px,7vw,108px);font-weight:400;line-height:.95;letter-spacing:-.075em}.project-keywords span{padding:9px 15px;border:1px solid rgba(255,255,255,.45);border-radius:999px;font-family:"Noto Sans SC",sans-serif;font-size:clamp(10px,.9vw,14px);font-weight:400;letter-spacing:.03em;background:rgba(0,0,0,.08);backdrop-filter:blur(8px)}.project-cursor{position:fixed;z-index:9999;left:0;top:0;width:82px;height:82px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(245,245,240,.93);color:#111;font-family:"Noto Sans SC",sans-serif;font-size:11px;font-weight:500;pointer-events:none;opacity:0;transform:translate(-50%,-50%) scale(.7);transition:opacity .18s ease,transform .18s ease}.project-cursor.visible{opacity:1;transform:translate(-50%,-50%) scale(1)}
@media(max-width:760px){.project-spacer{height:25vh}.project-slide{height:125vh}.project-card{top:18vh;width:90vw;height:62vh;border-radius:20px;cursor:pointer}.project-card::after{border-radius:20px}.project-keywords{left:22px;right:22px;bottom:24px;gap:8px}.project-keywords strong{font-size:45px}.project-keywords span{font-size:9px;padding:7px 10px}.project-cursor{display:none}}

/* Tighter project pacing and lifted white-sheet transition */
.profile-panel{border-radius:30px;box-shadow:0 -32px 90px rgba(0,8,16,.38),0 42px 92px rgba(0,0,0,.34);will-change:transform}.works{margin-top:-30px;padding-top:30px}.project-spacer{height:20vh}.project-slide{height:118vh}.project-cursor{width:66px;height:66px;background:rgba(255,255,252,.98);font-size:11px;line-height:1.15;text-align:center;box-shadow:0 8px 32px rgba(0,0,0,.2)}
@media(max-width:760px){.profile-panel{border-radius:20px}.works{margin-top:-20px;padding-top:20px}.project-spacer{height:14vh}.project-slide{height:112vh}}

/* Further compressed reel spacing */
main{background:#000}.works{box-shadow:0 -70px 0 #000}.project-spacer{height:7vh}.project-slide{height:104vh}.project-cursor{background:rgba(255,255,252,.7);border:1px solid rgba(255,255,255,.5);backdrop-filter:blur(9px)}
@media(max-width:760px){.project-spacer{height:5vh}.project-slide{height:100vh}}

.project-cursor{border-color:transparent;background:radial-gradient(circle,rgba(255,255,252,.8) 0 60%,rgba(255,255,252,.66) 78%,rgba(255,255,252,0) 100%);box-shadow:none}

/* LOFTER profile page */
.lofter-gap{position:relative;z-index:1;height:16vh;background:#000}.lofter-panel{position:relative;z-index:5;height:290vh;border-radius:30px;overflow:clip;color:#111;font-family:"Noto Sans SC",sans-serif;background:radial-gradient(ellipse 62% 30% at 8% 3%,rgba(211,220,229,.62),transparent 70%),radial-gradient(ellipse 52% 28% at 96% 35%,rgba(236,226,210,.48),transparent 72%),#fff;box-shadow:0 -35px 100px rgba(0,0,0,.42),0 42px 90px rgba(0,0,0,.32)}.lofter-panel::before,.lofter-panel::after{content:"";position:absolute;z-index:0;pointer-events:none;top:-90px;width:520px;height:620px;opacity:.34;filter:blur(16px);background:repeating-linear-gradient(111deg,rgba(177,160,132,.12) 0 24px,transparent 24px 91px);-webkit-mask-image:radial-gradient(ellipse at top left,#000,rgba(0,0,0,.68) 36%,transparent 72%);mask-image:radial-gradient(ellipse at top left,#000,rgba(0,0,0,.68) 36%,transparent 72%)}.lofter-panel::before{left:-100px}.lofter-panel::after{right:-150px;top:-140px;transform:scaleX(-1) rotate(-5deg);opacity:.25}.lofter-stage{position:sticky;z-index:1;top:0;height:100vh;display:grid;grid-template-columns:46% 54%;padding:0 7vw;overflow:hidden}.lofter-profile{align-self:center;padding-left:4vw}.lofter-profile img{display:block;width:clamp(145px,15vw,230px);aspect-ratio:1;border-radius:50%;object-fit:cover;object-position:center;border:1px solid rgba(17,17,17,.08)}.lofter-profile h2{margin:30px 0 15px;font-size:clamp(54px,7vw,108px);font-weight:400;line-height:.9;letter-spacing:-.075em}.lofter-profile p{margin:0;font-size:clamp(11px,1vw,15px);font-weight:400;color:#444}.lofter-list-window{height:100vh;overflow:hidden}.lofter-list{padding:20vh 0 28vh;will-change:transform}.lofter-list article{min-height:17vh;padding:3.5vh 0;border-top:1px solid rgba(17,17,17,.16);display:flex;flex-direction:column;justify-content:center}.lofter-list article:last-child{border-bottom:1px solid rgba(17,17,17,.16)}.lofter-list strong{font-size:clamp(20px,2vw,33px);font-weight:400;line-height:1.35;letter-spacing:-.03em}.lofter-list span{margin-top:10px;font-size:clamp(11px,.95vw,14px);font-weight:400;color:#666}footer{position:relative;z-index:1;background:#000;color:#fff}
@media(max-width:760px){.lofter-gap{height:10vh}.lofter-panel{height:300vh;border-radius:20px}.lofter-stage{grid-template-columns:1fr;padding:0 22px}.lofter-profile{position:absolute;z-index:2;top:7vh;left:24px;padding:0}.lofter-profile img{width:105px}.lofter-profile h2{font-size:50px;margin:17px 0 9px}.lofter-profile p{font-size:10px}.lofter-list-window{height:100vh}.lofter-list{padding:43vh 0 25vh}.lofter-list article{min-height:17vh}.lofter-list strong{font-size:20px}.lofter-list span{font-size:11px}}

/* LOFTER link cursor */
.lofter-jump{cursor:none}.lofter-avatar-link{display:inline-block;border-radius:50%}.lofter-list article{padding:0}.lofter-list article>.lofter-jump{width:100%;min-height:17vh;padding:3.5vh 0;display:flex;flex-direction:column;justify-content:center}.lofter-cursor{position:fixed;z-index:10000;left:0;top:0;width:66px;height:66px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-family:"Noto Sans SC",sans-serif;font-size:11px;font-weight:500;line-height:1.15;text-align:center;pointer-events:none;opacity:0;transform:translate(-50%,-50%) scale(.7);background:radial-gradient(circle,rgba(5,28,40,.9) 0 58%,rgba(7,38,53,.74) 76%,rgba(7,38,53,0) 100%);backdrop-filter:blur(8px);transition:opacity .18s ease,transform .18s ease}.lofter-cursor.visible{opacity:1;transform:translate(-50%,-50%) scale(1)}
@media(max-width:760px){.lofter-jump{cursor:pointer}.lofter-cursor{display:none}}

/* Closing-page contact */
footer .footer-contact{position:absolute;right:5vw;top:66%;color:#fff;font-size:clamp(12px,1.05vw,16px);font-weight:300;line-height:1;letter-spacing:.035em;text-transform:none;opacity:.9;transition:opacity .25s ease}
footer .footer-contact:hover{opacity:1}
@media(max-width:760px){footer .footer-contact{right:22px;top:68%;font-size:12px}}