:root{--bg: #f5f1ea;--bg-2: #ebe4d8;--surface: #ede7dc;--elevated: #e4dccd;--line: rgba(45, 42, 38, .12);--line-strong: rgba(45, 42, 38, .25);--text: #2d2a26;--text-2: #6b6560;--text-3: #a9a299;--accent: #c9533d;--accent-soft: rgba(201, 83, 61, .1);--container: 1700px;--gutter: clamp(32px, 5vw, 96px);--font-serif: "Cormorant Garamond", "Noto Sans SC", Georgia, serif;--font-sans: "Inter", "Noto Sans SC", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--ease: cubic-bezier(.22, 1, .36, 1)}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-weight:400;line-height:1.6;overflow-x:hidden}img,video{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}::selection{background:var(--accent);color:#fff}.container{width:100%;max-width:var(--container);margin:0 auto;padding-left:var(--gutter);padding-right:var(--gutter)}.section{position:relative;padding:clamp(100px,14vh,200px) 0}.eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.36em;text-transform:uppercase;color:var(--text-3);display:inline-flex;align-items:center;gap:14px}.eyebrow:before{content:"";width:32px;height:1px;background:var(--line-strong)}.accent-text{background:linear-gradient(120deg,#2d2a26,#c9533d 60%,#8a3527);-webkit-background-clip:text;background-clip:text;color:transparent;font-style:italic}.section-head{display:flex;flex-direction:column;gap:24px;margin-bottom:clamp(56px,7vw,96px)}.section-head.row{flex-direction:row;align-items:flex-end;justify-content:space-between;gap:48px}.section-title{font-family:var(--font-serif);font-weight:500;font-size:clamp(40px,5.5vw,80px);line-height:1.06;letter-spacing:-.01em;color:var(--text)}.section-note{max-width:440px;color:var(--text-2);font-size:15px;line-height:1.7}.btn{display:inline-flex;align-items:center;gap:12px;padding:16px 32px;font-family:var(--font-mono);font-size:12px;letter-spacing:.18em;text-transform:uppercase;border:1px solid var(--line-strong);border-radius:0;transition:all .4s var(--ease);color:var(--text)}.btn i{font-style:normal;transition:transform .4s var(--ease)}.btn:hover i{transform:translate(4px)}.btn-primary{background:var(--text);color:var(--bg);border-color:var(--text)}.btn-primary:hover{background:var(--accent);border-color:var(--accent);color:#fff}.btn-ghost:hover{border-color:var(--text);background:#2d2a260d}.reveal{opacity:0;transform:translateY(30px);transition:opacity .9s var(--ease),transform .9s var(--ease);will-change:opacity,transform}.reveal.is-visible{opacity:1;transform:none}.nav{position:fixed;top:0;left:0;right:0;z-index:100;transition:background .5s var(--ease),border-color .5s var(--ease),backdrop-filter .5s var(--ease);border-bottom:1px solid transparent}.nav.is-scrolled{background:#f5f1ead1;backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);border-bottom-color:var(--line)}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:80px}.brand{display:inline-flex;align-items:center;gap:12px;font-family:var(--font-serif);font-weight:600;letter-spacing:.02em;font-size:22px}.brand-mark{font-size:20px;color:var(--accent)}.brand-name sup{font-size:9px;color:var(--text-3);margin-left:2px;font-family:var(--font-mono)}.nav-links{display:flex;gap:40px}.nav-links a{font-family:var(--font-sans);font-size:14px;letter-spacing:.04em;color:var(--text-2);position:relative;padding:6px 0;transition:color .3s var(--ease)}.nav-links a:after{content:"";position:absolute;left:0;bottom:0;width:0;height:1px;background:var(--accent);transition:width .4s var(--ease)}.nav-links a:hover{color:var(--text)}.nav-links a:hover:after{width:100%}.nav-cta{display:inline-flex;align-items:center;gap:10px;padding:12px 24px;font-family:var(--font-mono);font-size:12px;letter-spacing:.18em;text-transform:uppercase;border:1px solid var(--line-strong);transition:all .4s var(--ease)}.nav-cta .arrow{font-style:normal;transition:transform .4s var(--ease)}.nav-cta:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.nav-cta:hover .arrow{transform:translate(3px,-3px)}.hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.35}.hero-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(45% 60% at 18% 35%,rgba(201,83,61,.12),transparent 70%),radial-gradient(55% 50% at 82% 25%,rgba(218,180,130,.3),transparent 70%),radial-gradient(60% 55% at 75% 85%,rgba(235,228,216,.6),transparent 70%),linear-gradient(180deg,#f5f1ea,#ede6d8);animation:heroFloat 22s ease-in-out infinite alternate}@keyframes heroFloat{0%{transform:scale(1) translateZ(0)}to{transform:scale(1.04) translate3d(-1.5%,-1.5%,0)}}.hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:20%;background:linear-gradient(180deg,transparent,var(--bg));z-index:1;pointer-events:none}.hero-inner{position:relative;z-index:2;width:100%;display:grid;grid-template-columns:1fr;align-items:center;padding-top:120px;padding-bottom:80px}.hero-content{max-width:1100px;margin:0 auto;text-align:center}.hero-content .eyebrow{margin-bottom:40px;justify-content:center}.hero-content .eyebrow:before{display:none}.hero-title{font-family:var(--font-serif);font-weight:500;font-size:clamp(64px,11vw,180px);line-height:.95;letter-spacing:-.03em;margin-bottom:44px}.hero-sub{font-size:clamp(17px,1.5vw,22px);color:var(--text-2);max-width:600px;margin:0 auto 56px;line-height:1.7}.hero-cta{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.hero-meta{position:absolute;left:var(--gutter);bottom:56px;display:flex;gap:32px;font-family:var(--font-mono);font-size:11px;letter-spacing:.28em;color:var(--text-3);text-transform:uppercase}.about{border-top:1px solid var(--line)}.about-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(56px,7vw,120px);align-items:start}.about-portrait{position:sticky;top:120px}.portrait-frame{position:relative;border:1px solid var(--line);background:var(--surface);overflow:hidden;border-radius:2px}.portrait-frame img{width:100%;aspect-ratio:4 / 5;object-fit:cover;transition:transform 1.2s var(--ease)}.portrait-frame:hover img{transform:scale(1.03)}.portrait-tag{position:absolute;left:0;bottom:0;right:0;padding:20px 24px;display:flex;justify-content:space-between;align-items:baseline;background:linear-gradient(180deg,transparent,rgba(245,241,234,.92));color:var(--text);font-family:var(--font-mono);font-size:12px;letter-spacing:.18em}.portrait-tag span:last-child{color:var(--text-2);font-size:11px}.about-lead{font-family:var(--font-serif);font-weight:500;font-size:clamp(26px,2.8vw,36px);line-height:1.35;letter-spacing:-.01em;margin-bottom:32px}.about-text{color:var(--text-2);font-size:16px;line-height:1.8;max-width:580px;margin-bottom:56px}.about-contact{display:grid;grid-template-columns:1fr 1fr;gap:28px 40px;padding-top:40px;border-top:1px solid var(--line)}.about-contact>div span:first-child{display:block;font-family:var(--font-mono);font-size:11px;letter-spacing:.24em;color:var(--text-3);margin-bottom:10px;text-transform:uppercase}.about-contact a{font-size:16px;border-bottom:1px solid var(--line-strong);transition:color .3s var(--ease),border-color .3s var(--ease)}.about-contact a:hover{color:var(--accent);border-color:var(--accent)}.about-socials{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:28px;margin-top:8px}.about-socials a{border:none;font-family:var(--font-mono);font-size:12px;letter-spacing:.16em;color:var(--text-2);text-transform:uppercase}.about-socials a:hover{color:var(--accent)}.stats{margin-top:clamp(100px,12vw,160px);border-top:1px solid var(--line);padding-top:clamp(48px,6vw,72px)}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.stat{display:flex;flex-direction:column;gap:12px}.stat-num{font-family:var(--font-serif);font-weight:500;font-size:clamp(44px,5.5vw,76px);line-height:1;letter-spacing:-.02em}.stat-label{font-family:var(--font-mono);font-size:11px;letter-spacing:.22em;color:var(--text-3);text-transform:uppercase}.projects{border-top:1px solid var(--line)}.project-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:clamp(24px,2.8vw,44px)}.project-card{grid-column:span 3}.project-card.wide{grid-column:span 6}.project-link{display:block}.project-media{position:relative;overflow:hidden;background:var(--surface);border-radius:2px}.project-media img{width:100%;aspect-ratio:16 / 10;object-fit:cover;transition:transform 1.6s var(--ease);filter:saturate(.95)}.project-card.wide .project-media img{aspect-ratio:21 / 9}.project-link:hover .project-media img{transform:scale(1.05)}.project-index{position:absolute;top:20px;left:22px;font-family:var(--font-mono);font-size:12px;letter-spacing:.2em;color:var(--text);background:#f5f1ead9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:7px 12px;border-radius:2px}.project-info{padding:24px 4px 8px}.project-top{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:10px}.project-title{font-family:var(--font-serif);font-weight:500;font-size:clamp(24px,2.2vw,32px);letter-spacing:-.01em;transition:color .3s var(--ease)}.project-link:hover .project-title{color:var(--accent)}.project-year{font-family:var(--font-mono);font-size:12px;color:var(--text-3);letter-spacing:.18em}.project-cat{font-size:14px;color:var(--text-2);letter-spacing:.04em;margin-bottom:8px}.project-desc{font-size:15px;color:var(--text-3);max-width:480px;line-height:1.6}.approach{border-top:1px solid var(--line);background:linear-gradient(180deg,var(--bg),var(--bg-2))}.approach-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.approach-card{position:relative;padding:clamp(40px,4.5vw,64px) clamp(32px,3.5vw,52px);border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:20px;transition:background .5s var(--ease);min-height:300px}.approach-card:hover{background:var(--elevated)}.approach-num{font-family:var(--font-mono);font-size:12px;letter-spacing:.22em;color:var(--text-3)}.approach-title{font-family:var(--font-serif);font-weight:500;font-size:clamp(26px,2.4vw,34px);letter-spacing:-.01em}.approach-text{color:var(--text-2);font-size:15px;line-height:1.7;max-width:340px;flex:1}.approach-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto}.approach-tags span{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;color:var(--text-3);padding:6px 12px;border:1px solid var(--line);border-radius:999px}.footer{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;border-top:1px solid var(--line);background:linear-gradient(180deg,var(--bg-2),var(--bg))}.footer-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(45% 40% at 50% 100%,rgba(201,83,61,.1),transparent 70%),radial-gradient(55% 50% at 80% 10%,rgba(218,180,130,.2),transparent 70%),transparent}.footer-inner{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;padding-top:clamp(140px,18vh,220px);padding-bottom:40px}.footer-title{font-family:var(--font-serif);font-weight:500;font-size:clamp(52px,8vw,148px);line-height:1.02;letter-spacing:-.035em;margin-top:32px;margin-bottom:clamp(72px,10vh,128px)}.footer-actions{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:48px;padding-bottom:clamp(56px,7vh,88px);border-bottom:1px solid var(--line)}.footer-email{font-family:var(--font-serif);font-weight:500;font-size:clamp(32px,4vw,56px);letter-spacing:-.02em;border-bottom:1px solid var(--line-strong);transition:color .4s var(--ease),border-color .4s var(--ease)}.footer-email:hover{color:var(--accent);border-color:var(--accent)}.footer-socials{display:flex;flex-direction:column;gap:16px;align-items:flex-end}.footer-socials a{display:inline-flex;align-items:center;gap:12px;font-family:var(--font-mono);font-size:13px;letter-spacing:.16em;color:var(--text-2);text-transform:uppercase;transition:color .3s var(--ease)}.footer-socials a i{font-style:normal;transition:transform .3s var(--ease)}.footer-socials a:hover{color:var(--accent)}.footer-socials a:hover i{transform:translate(3px,-3px)}.footer-marquee{overflow:hidden;padding:clamp(48px,6vh,72px) 0;border-bottom:1px solid var(--line)}.marquee-track{display:inline-flex;align-items:center;gap:36px;white-space:nowrap;font-family:var(--font-serif);font-weight:500;font-size:clamp(44px,6.5vw,96px);letter-spacing:-.02em;color:transparent;-webkit-text-stroke:1px var(--line-strong);animation:marquee 32s linear infinite}.marquee-track span:nth-child(2n){color:var(--accent);-webkit-text-stroke:0;font-size:.55em;font-style:italic}@keyframes marquee{to{transform:translate(-50%)}}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:36px;font-family:var(--font-mono);font-size:11px;letter-spacing:.2em;color:var(--text-3);text-transform:uppercase}.page{padding:clamp(140px,16vh,220px) 0 clamp(100px,14vh,200px);min-height:100vh;position:relative}.page-head{display:flex;flex-direction:column;gap:24px;margin-bottom:clamp(64px,8vw,112px)}.page-title{font-family:var(--font-serif);font-weight:500;font-size:clamp(48px,6vw,96px);line-height:1.04;letter-spacing:-.02em}.page-note{max-width:540px;color:var(--text-2);font-size:16px;line-height:1.7}.contact-page{padding:0}.nav-links a.is-active{color:var(--text)}.nav-links a.is-active:after{width:100%}.preview{border-top:1px solid var(--line)}.cta-band{border-top:1px solid var(--line);background:linear-gradient(180deg,var(--bg),var(--bg-2))}.cta-inner{display:flex;flex-direction:column;align-items:flex-start;gap:32px}.cta-title{font-family:var(--font-serif);font-weight:500;font-size:clamp(36px,4.5vw,64px);line-height:1.15;letter-spacing:-.02em;max-width:900px}.simple-footer{border-top:1px solid var(--line);background:var(--bg-2);padding:32px 0}.simple-footer-inner{display:flex;justify-content:space-between;align-items:center;gap:24px}.sf-left{display:flex;flex-direction:column;gap:6px}.sf-brand{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-serif);font-weight:600;font-size:18px}.sf-tag{font-family:var(--font-mono);font-size:11px;letter-spacing:.2em;color:var(--text-3);text-transform:uppercase}.sf-right{display:flex;align-items:center;gap:32px}.sf-cta{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--text);transition:color .3s var(--ease)}.sf-cta i{font-style:normal;transition:transform .3s var(--ease)}.sf-cta:hover{color:var(--accent)}.sf-cta:hover i{transform:translate(4px)}.sf-copy{font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;color:var(--text-3);text-transform:uppercase}.approach-page{background:linear-gradient(180deg,var(--bg),var(--bg-2))}@media (max-width: 1100px){.about-grid{grid-template-columns:1fr}.about-portrait{position:static;max-width:520px}.stats-row{grid-template-columns:repeat(2,1fr);gap:48px 32px}.approach-grid{grid-template-columns:repeat(2,1fr)}.project-card,.project-card.wide{grid-column:span 6}}@media (max-width: 720px){.nav-links{display:none}.hero-meta{position:static;margin-top:48px;flex-wrap:wrap;gap:20px}.approach-grid{grid-template-columns:1fr}.footer-actions{flex-direction:column;align-items:flex-start}.footer-socials{align-items:flex-start}.simple-footer-inner,.sf-right{flex-direction:column;align-items:flex-start;gap:16px}}