:root{--bg: #f2eee3;--bg-soft: #ece7d9;--ink: #171411;--ink-soft: #3a352e;--muted: #8c8473;--gold: #a98b67;--gold-light: #c2a982;--beige-box: #d8c8aa;--line: #c9c1ae;--maxw: 1280px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:Jost,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.wordmark{font-family:Playfair Display,serif;font-weight:600;letter-spacing:.04em;display:inline-flex;align-items:baseline;line-height:1}.wordmark .dot{color:var(--gold);font-weight:700;margin-left:.06em}nav{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;justify-content:space-between;align-items:center;padding:22px clamp(20px,4vw,56px);mix-blend-mode:multiply;transition:padding .4s ease}nav.scrolled{padding:14px clamp(20px,4vw,56px)}nav .brand{font-size:24px;text-decoration:none;color:var(--ink)}nav ul{display:flex;gap:clamp(16px,2.4vw,40px);list-style:none}nav ul a{text-decoration:none;color:var(--ink);font-size:11px;letter-spacing:.28em;text-transform:uppercase;font-weight:400;position:relative;padding-bottom:4px}nav ul a:after{content:"";position:absolute;left:0;bottom:0;height:1px;width:0;background:var(--ink);transition:width .35s ease}nav ul a:hover:after{width:100%}.menu-toggle{display:none;background:none;border:none;cursor:pointer;font-size:11px;letter-spacing:.25em;text-transform:uppercase;color:var(--ink)}.year-rail{position:fixed;top:50%;transform:translateY(-50%);z-index:900;font-size:12px;letter-spacing:.45em;color:var(--muted);writing-mode:vertical-rl;mix-blend-mode:multiply;pointer-events:none}.year-rail.left{left:18px;transform:translateY(-50%) rotate(180deg)}.year-rail.right{right:18px}section{position:relative;min-height:100vh;display:flex;align-items:center;padding:120px clamp(24px,7vw,120px)}.inner{width:100%;max-width:var(--maxw);margin:0 auto}.reveal{opacity:0;transform:translateY(34px);transition:opacity 1s cubic-bezier(.2,.7,.2,1),transform 1s cubic-bezier(.2,.7,.2,1)}.reveal.in{opacity:1;transform:none}.d1{transition-delay:.08s}.d2{transition-delay:.18s}.d3{transition-delay:.28s}.d4{transition-delay:.38s}.d5{transition-delay:.48s}.label{font-size:11px;letter-spacing:.34em;text-transform:uppercase;color:var(--ink-soft);font-weight:400}#cover{flex-direction:column;justify-content:center;text-align:center;padding-top:90px}#cover .corner{position:absolute;font-size:12px;letter-spacing:.34em;color:var(--ink);text-transform:uppercase}#cover .corner.tl{top:40px;left:clamp(24px,5vw,80px)}#cover .corner.br{bottom:40px;right:clamp(24px,5vw,80px)}#cover .muse-top{font-size:clamp(34px,5vw,52px);margin-bottom:6px}#cover .big{font-family:Archivo Black,sans-serif;color:var(--ink);text-transform:uppercase;line-height:.82;letter-spacing:-.02em;font-size:clamp(78px,19vw,260px)}#cover .big .row{display:block}#cover .big .stretch{display:inline-block;transform:scaleX(1.18);transform-origin:center}#cover .medium{margin-top:15px;font-family:Yesteryear,Playfair Display,serif;color:var(--ink);line-height:.9;letter-spacing:.01em;font-weight:400;font-size:clamp(54px,10.5vw,150px)}#cover .medium .row{display:block}#cover .medium .stretch{display:inline-block;transform:scaleX(1);transform-origin:center}#cover .year{font-family:Playfair Display,serif;color:var(--gold);font-size:clamp(34px,6vw,76px);letter-spacing:.12em;font-weight:500;margin-top:18px}.scroll-cue{position:absolute;bottom:28px;left:50%;transform:translate(-50%);font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:8px}.scroll-cue .bar{width:1px;height:42px;background:var(--muted);animation:cue 1.8s ease-in-out infinite}@keyframes cue{0%,to{transform:scaleY(.3);opacity:.4;transform-origin:top}50%{transform:scaleY(1);opacity:1;transform-origin:top}}#about .grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(40px,7vw,110px);align-items:center}.portrait{position:relative;aspect-ratio:3/4;border-radius:2px;overflow:hidden;background:linear-gradient(150deg,#5d6168,#2a2c30 60%,#16181b);box-shadow:0 30px 70px -30px #0006}.portrait .portrait-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.portrait .step{position:absolute;left:0;right:0;background:#ffffff0d;border-top:1px solid rgba(255,255,255,.07)}.portrait .fig{position:absolute;left:50%;bottom:0;transform:translate(-50%);width:46%;height:74%;background:linear-gradient(180deg,#cdbfae,#bfae9a 30%,#2c2a28 30.5%,#1d1b19);border-radius:46% 46% 4px 4px}.portrait .photo-tag{position:absolute;bottom:14px;left:16px;color:#fff9;font-size:10px;letter-spacing:.3em;text-transform:uppercase}.about-copy h2{font-family:Playfair Display,serif;font-weight:500;font-size:clamp(58px,9vw,118px);line-height:.92;letter-spacing:-.01em;margin:10px 0 30px}.about-copy .sub{margin-bottom:24px}.about-copy .bio{font-weight:300;font-size:clamp(15px,1.4vw,19px);line-height:1.85;color:var(--ink-soft);max-width:560px}.about-copy .bio b{font-weight:600;color:var(--ink)}.socials{display:flex;align-items:center;gap:12px;margin-top:34px}.socials .ic{width:30px;height:30px;border-radius:6px;background:var(--ink);color:var(--bg);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;text-decoration:none;transition:transform .25s ease,background .25s ease}.socials .ic:hover{transform:translateY(-3px);background:var(--gold)}.socials .handle{font-size:14px;letter-spacing:.05em;color:var(--ink-soft);margin-left:6px}#services{background:var(--bg-soft)}#services .svc-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}#services .list{display:flex;flex-direction:column;gap:6px;align-items:flex-start;margin-left:auto;max-width:560px}#services .svc{display:flex;align-items:center;gap:26px;font-size:clamp(22px,3.2vw,40px);letter-spacing:.28em;text-transform:uppercase;font-weight:300;color:var(--ink);cursor:default;padding:8px 0;transition:color .3s ease,transform .3s ease}#services .svc .dash{width:40px;height:1px;background:var(--ink);display:inline-block;transition:width .35s ease}#services .svc:hover{color:var(--gold);transform:translate(10px)}#services .svc:hover .dash{width:70px;background:var(--gold)}#services .intro{margin-bottom:46px}#services .intro .label{margin-bottom:14px}#services .intro h3{font-family:Playfair Display,serif;font-weight:500;font-size:clamp(30px,4.4vw,56px);line-height:1.05;max-width:540px}.divider{flex-direction:column;justify-content:center;align-items:center;text-align:center}.divider .huge{font-family:Archivo Black,sans-serif;text-transform:uppercase;color:var(--ink);font-size:clamp(54px,12vw,168px);line-height:.9;letter-spacing:-.02em;position:relative;z-index:2}.divider .huge.two-line{font-size:clamp(48px,11vw,150px)}.tabs{display:flex;align-items:center;gap:18px;margin-top:60px;font-size:clamp(11px,1.3vw,15px);letter-spacing:.22em;text-transform:uppercase;flex-wrap:wrap;justify-content:center}.tabs .sep{color:var(--line)}.tabs .tab{color:var(--ink);font-weight:400;opacity:.55}.tabs .tab.active{opacity:1;font-weight:600;background:var(--beige-box);padding:7px 16px}.float-icons span{position:absolute;opacity:.9}.fi-heart-out,.fi-bookmark,.fi-send,.fi-comment{color:var(--ink);opacity:.45}.fi-like{background:#1877f2;color:#fff;border-radius:50%;width:54px;height:54px;display:flex;align-items:center;justify-content:center}.fi-heart-fill{background:#ed4956;color:#fff;border-radius:50%;width:54px;height:54px;display:flex;align-items:center;justify-content:center}.fi-ghost{width:78px;height:78px;border:1.5px solid var(--line);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--line)}.float-icons span svg{display:block}.floaty{animation:floaty 6s ease-in-out infinite}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}#project{background:var(--bg)}#project .head{display:flex;align-items:flex-start;gap:26px;margin-bottom:46px}#project .num{font-family:Playfair Display,serif;font-size:clamp(48px,7vw,84px);color:var(--gold);line-height:.8}#project .head .meta{border-left:1px solid var(--line);padding-left:26px}#project .head h2{font-size:clamp(26px,3.6vw,46px);letter-spacing:.22em;text-transform:uppercase;font-weight:400}#project .head .h-sub{font-size:clamp(15px,1.8vw,22px);letter-spacing:.34em;text-transform:uppercase;color:var(--ink-soft);font-weight:300;margin-top:4px}#project .head .h-kicker{font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-top:14px;font-weight:500}#project .layout{display:grid;grid-template-columns:320px 1fr;gap:clamp(30px,5vw,70px);align-items:start}.phone{width:300px;max-width:100%;border-radius:42px;background:#111;padding:11px;box-shadow:0 40px 80px -34px #00000080;position:relative}.phone .screen{background:#fff;border-radius:32px;overflow:hidden;color:#222}.phone .notch{position:absolute;top:18px;left:50%;transform:translate(-50%);width:120px;height:22px;background:#111;border-radius:0 0 14px 14px;z-index:3}.ph-status{display:flex;justify-content:space-between;font-size:10px;padding:10px 18px 4px;color:#222}.ph-top{display:flex;align-items:center;gap:10px;padding:4px 14px 10px;font-size:13px;font-weight:600}.ph-prof{display:flex;align-items:center;gap:18px;padding:6px 16px}.ph-ava{width:58px;height:58px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#3aa847,#176b2a);flex:none;border:2px solid #fff;box-shadow:0 0 0 1.5px #ddd}.ph-stats{display:flex;gap:16px;text-align:center;font-size:11px}.ph-stats b{display:block;font-size:14px}.ph-bio{padding:8px 16px;font-size:10.5px;line-height:1.5;color:#333}.ph-bio .name{font-weight:700;font-size:12px}.ph-bio .link{color:#1d6fb8}.ph-btns{display:flex;gap:6px;padding:8px 16px}.ph-btns div{flex:1;text-align:center;font-size:11px;font-weight:600;background:#efefef;border-radius:7px;padding:7px}.ph-high{display:flex;gap:18px;padding:10px 16px}.ph-high .h{text-align:center;font-size:9px;color:#444}.ph-high .ring{width:50px;height:50px;border-radius:50%;border:1.5px solid #ddd;margin:0 auto 4px;display:flex;align-items:center;justify-content:center;font-size:16px}.ph-tabs{display:flex;justify-content:space-around;border-top:1px solid #eee;padding:8px 0;color:#888;font-size:15px}.ph-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}.ph-grid div{aspect-ratio:1;font-size:7px;color:#fff;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:700;padding:3px;line-height:1.2}.work-story{display:flex;flex-direction:column;gap:18px}.work-carousel{border:1px solid var(--line);background:linear-gradient(165deg,#f5f1e6,#ede4cf);border-radius:20px;padding:clamp(16px,2vw,28px);display:grid;grid-template-columns:auto 1fr auto;gap:clamp(12px,2vw,24px);align-items:stretch;box-shadow:0 22px 45px -32px #00000059}.carousel-btn{border:1px solid rgba(201,193,174,.35);background:#ede4cfc7;color:var(--ink-soft);width:42px;border-radius:999px;font-size:18px;cursor:pointer;transition:transform .25s ease,background .25s ease,border-color .25s ease,color .25s ease}.carousel-btn:hover{transform:translateY(-2px);background:#e8ddc4f2;border-color:#a98b6773;color:var(--ink)}.work-slide{display:flex;flex-direction:column;gap:12px;min-height:280px}.work-slide h3{font-family:Playfair Display,serif;font-size:clamp(26px,3.2vw,40px);line-height:1}.slide-eyebrow{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);font-weight:600}.slide-summary{font-size:clamp(15px,1.5vw,19px);line-height:1.55;color:var(--ink-soft)}.slide-points{list-style:none;display:flex;flex-direction:column;gap:10px;margin-top:6px}.slide-points li{position:relative;padding-left:18px;font-size:14px;line-height:1.5;color:var(--ink)}.slide-points li:before{content:"";position:absolute;left:0;top:10px;width:8px;height:1px;background:var(--gold)}.slide-count{margin-top:auto;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}.carousel-dots{display:flex;gap:10px;align-items:center;justify-content:center;width:100%}.carousel-dots .dot{border:none;width:10px;height:10px;border-radius:999px;background:#c7bea8;cursor:pointer;padding:0;transition:width .25s ease,background .25s ease}.carousel-dots .dot.active{width:30px;background:var(--ink)}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0);overflow:hidden}.p-orange{background:linear-gradient(150deg,#f5921f,#e2740d)}.p-green{background:linear-gradient(150deg,#2f7d33,#1c5a22)}.p-yellow{background:linear-gradient(150deg,#f6c41f,#e9a90c);color:#1c5a22}.p-photo-green{background:linear-gradient(150deg,#3c8a3f,#235e26)}.p-photo-leaf{background:linear-gradient(150deg,#4e9a4a,#2e6b2c)}.p-orange-deep{background:linear-gradient(150deg,#e2740d,#c95f06)}#project .notes{margin-top:40px;display:flex;flex-wrap:wrap;gap:30px}#project .notes .n{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft);font-weight:300;position:relative;padding-left:22px}#project .notes .n:before{content:"";position:absolute;left:0;top:7px;width:10px;height:1px;background:var(--gold)}#project .notes .n b{font-weight:600;color:var(--ink)}footer{min-height:80vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:120px 24px 70px;background:var(--ink);color:var(--bg);position:relative}footer .label{color:var(--gold-light)}footer h2{font-family:Playfair Display,serif;font-weight:500;font-size:clamp(46px,8vw,110px);line-height:.95;margin:18px 0 12px}footer .mail{font-size:clamp(18px,2.4vw,30px);letter-spacing:.04em;color:var(--bg);text-decoration:none;border-bottom:1px solid rgba(242,238,227,.3);padding-bottom:4px;transition:border-color .3s ease}footer .mail:hover{border-color:var(--gold-light)}footer .f-soc{display:flex;gap:28px;margin-top:46px;font-size:11px;letter-spacing:.26em;text-transform:uppercase}footer .f-soc a{color:var(--bg);text-decoration:none;opacity:.7;transition:opacity .25s ease}footer .f-soc a:hover{opacity:1;color:var(--gold-light)}footer .f-bottom{position:absolute;bottom:24px;left:0;right:0;display:flex;justify-content:space-between;padding:0 clamp(24px,5vw,60px);font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:#f2eee373}footer .f-bottom .wordmark{font-size:20px;color:var(--bg)}@media (max-width: 880px){nav ul{display:none}nav ul.open{display:flex;position:absolute;top:100%;right:clamp(20px,4vw,56px);flex-direction:column;gap:18px;background:var(--bg);padding:20px 28px;box-shadow:0 20px 40px -20px #0000004d}.menu-toggle{display:block}.year-rail{display:none}#about .grid{grid-template-columns:1fr;gap:40px}.portrait{max-width:380px;margin:0 auto}#services .svc-grid{grid-template-columns:1fr}#services .list{margin-left:0;max-width:100%}#services .intro h3{margin-left:0}#project .layout{grid-template-columns:1fr;justify-items:center}.phone{margin:0 auto}.work-carousel{grid-template-columns:1fr}.carousel-btn{width:100%;min-height:38px}.work-slide{min-height:auto}}@media (max-width: 520px){#project .head{flex-direction:column;gap:14px}#project .head .meta{border-left:none;padding-left:0}}