:root{--art-paper:#f5f4f1;--art-ink:#202823;--art-line:#e6e8e3;}
.nav{background:rgba(255,255,255,.88);backdrop-filter:blur(16px);border-bottom-color:rgba(31,44,37,.07);}
.nav .logo{display:inline-flex;align-items:center;gap:10px;}
.nav .logo::before{display:none;}
.hero{background:#f7f7f4;min-height:calc(100svh - 62px);padding:88px 0 68px;isolation:isolate;}
.hero-surface,.ripple-mount,.surface-fallback{position:absolute;inset:0;width:100%;height:100%;}
.hero-surface{z-index:0;pointer-events:none;overflow:hidden;}
.surface-fallback{display:block;object-fit:cover;}
.ripple-mount{pointer-events:none;}
.hero::after{background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(255,255,255,.04) 22%,rgba(255,255,255,.08) 72%,#fff);}
.hero-avatar{width:92px;height:92px;border:3px solid rgba(255,255,255,.94);margin-bottom:25px;box-shadow:0 10px 34px rgba(27,42,35,.12),0 0 0 8px rgba(255,255,255,.35);}
.hero-eyebrow{font-size:11px;letter-spacing:.19em;color:#65716a;margin-bottom:25px;}
.hero .hero-tagline{font-size:clamp(38px,6.1vw,70px);line-height:1.12;max-width:15.5em;letter-spacing:-.035em;color:var(--art-ink);margin-bottom:30px;overflow:visible;}
.hero-sub{color:#5b655f;max-width:35em;line-height:1.85;font-size:16px;}
.hero-cta{margin-bottom:30px;gap:12px;}
.btn-mint{background:#c6ead8;color:#1d392b;border:1px solid rgba(38,87,64,.1);box-shadow:0 4px 16px rgba(52,95,72,.05);}
.btn-mint:hover{background:#b9e3cf;}
.btn-dark{background:rgba(255,255,255,.72);border-color:rgba(43,57,49,.14);backdrop-filter:blur(8px);}
.hero-foot{font-size:11px;color:#5f6a63;letter-spacing:0;}
.hero-interaction{display:flex;align-items:center;justify-content:center;gap:8px;margin:24px 0 0;font-size:10px;letter-spacing:.09em;color:#7b857e;}
.hero-interaction::before{content:"";height:5px;width:5px;border-radius:50%;background:#89a797;}
.section-kicker{font-size:10px;letter-spacing:.2em;line-height:1.5;color:#78867c;margin:0 0 20px;text-transform:uppercase;}
.section-deck{font-size:15px;line-height:1.7;color:#6d7770;margin:16px 0 0;}
.projects-stage{--deck-progress:0;position:relative;isolation:isolate;background:#f8f9f6;padding:110px 0 120px;min-height:780px;overflow:hidden;}
.projects-stage::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#fff,rgba(255,255,255,0) 21%,rgba(255,255,255,.03) 75%,#fff);}
.projects-sticky{position:relative;z-index:2;}
.projects-sticky>.section-kicker{margin-bottom:16px;}
.proj-stage-title{font-size:clamp(29px,3.5vw,40px);font-weight:500;color:var(--art-ink);}
.proj-stage-hint{font-size:12px;margin-top:14px;margin-bottom:44px;letter-spacing:.04em;}
.project-scene{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden;}
.project-water{position:absolute;inset:0;opacity:.64;filter:contrast(.93);}
.scene-layer{position:absolute;width:clamp(220px,29vw,400px);aspect-ratio:1;opacity:.11;mix-blend-mode:multiply;will-change:transform;transform:translate(-50%,-50%) translate3d(var(--scene-translate-x,0px),var(--scene-translate-y,0px),0) rotate(calc(var(--rest-rotate,0deg) + var(--scene-rotate,0deg)));}
.scene-layer img{width:100%;height:100%;object-fit:contain;filter:saturate(.55) blur(1px);mask-image:radial-gradient(ellipse at center,#000 32%,rgba(0,0,0,.75) 60%,transparent 74%);}
.scene-left{left:13%;top:42%;--rest-rotate:-19deg;}
.scene-center{left:50%;top:62%;--rest-rotate:8deg;opacity:.16;}
.scene-right{left:87%;top:40%;--rest-rotate:15deg;}
.cards-deck{height:440px;}
.card-float{animation:cardFloat 6s ease-in-out infinite;}
.proj-card:nth-child(2) .card-float{animation-delay:-2s;}
.proj-card:nth-child(3) .card-float{animation-delay:-4s;}
.proj-card .card-face,.proj-card .card-content{border-radius:22px;}
.card-face{border:1px solid rgba(255,255,255,.94);box-shadow:0 25px 65px rgba(36,53,43,.13),0 4px 12px rgba(36,53,43,.04);}
.card-face::before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.65);z-index:2;}
.project-art{position:absolute;width:90px;height:90px;left:50%;top:44%;padding:18px;transform:translate(-50%,-50%);object-fit:contain;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.86);border-radius:25px;box-shadow:0 13px 32px rgba(40,43,70,.11);pointer-events:none;}
.face-top,.face-bottom{position:relative;z-index:2;color:#616b64;}
.face-top{font-size:10px;letter-spacing:.03em;gap:9px;}
.face-top>span{max-width:210px;text-align:right;}
.face-title{position:absolute;left:22px;right:22px;bottom:42px;z-index:2;font-size:23px;font-weight:500;line-height:1.23;letter-spacing:-.025em;color:#26312a;}
.face-bottom{font-size:9px;letter-spacing:.16em;}
.face-brand,.cc-foot .brand{transform:none;}
.brand-logo{width:22px;height:22px;border-radius:6px;box-shadow:none;}
.card-content{background:linear-gradient(145deg,var(--pillbg),color-mix(in srgb,var(--pillbg) 58%,white));border-color:rgba(255,255,255,.9);}
.cc-title{color:#27322b;}
.cc-pill{font-size:13px;background:rgba(255,255,255,.77);color:var(--pilltext);line-height:1.4;border:1px solid rgba(255,255,255,.85);}
.cc-metrics{color:#65716a;font-size:11px;}
.cc-foot{font-size:9px;}
.writing-section{padding:94px 0 100px;background:linear-gradient(180deg,#fff,#fafbf9 45%,#fff);}
.writing-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:34px;}
.writing-heading .section-title{margin:0;font-size:clamp(30px,3.6vw,42px);font-weight:500;}
.writing-tabs{display:flex;gap:6px;padding:5px;border:1px solid #e3e7e0;background:#f3f5f1;border-radius:15px;flex-shrink:0;overflow:visible;}
.writing-tabs button{font:500 12px/1.3 var(--font-app);border:0;cursor:pointer;color:#637268;background:transparent;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:10px 14px;border-radius:10px;white-space:nowrap;}
.writing-tabs button[aria-pressed="true"]{background:#263d30;color:#fff;}
.tab-count{font-size:10px;opacity:.6;font-variant-numeric:tabular-nums;}
.writing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}
.writing-card{min-width:0;display:grid;grid-template-columns:52px minmax(0,1fr);align-items:start;gap:19px;padding:26px;color:var(--art-ink);background:#fff;border:1px solid #e3e7df;border-radius:18px;transition:transform .3s,border-color .3s,box-shadow .3s;}
.writing-card[hidden]{display:none;}
.writing-card:hover{opacity:1;transform:translateY(-3px);border-color:#bacbb8;box-shadow:0 9px 26px rgba(45,65,46,.06);}
.writing-card:focus-visible{outline-offset:5px;}
.writing-art{width:52px;height:52px;overflow:hidden;border-radius:13px;background:#f6f6f3;}
.writing-art img{display:block;width:100%;height:100%;object-fit:contain;}
.writing-copy{display:flex;flex-direction:column;min-width:0;align-self:stretch;}
.writing-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;line-height:1.4;color:#8b9489;margin:0 0 12px;}
.writing-meta>span:first-child{color:#627c5c;}
.writing-title{font-size:17px;line-height:1.65;font-weight:500;letter-spacing:-.01em;color:#253328;margin:0 0 18px;}
.writing-topic{display:none;}
.writing-summary{font-size:12px;line-height:1.7;color:#7a877c;margin:-4px 0 18px;}
.writing-action{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-top:auto;padding-top:14px;border-top:1px solid #edf0ea;font-size:11px;color:#6a786a;}
.writing-action>span:last-child{font-size:18px;line-height:1;color:#425b46;transition:transform .25s;}
.writing-card:hover .writing-action>span:last-child{transform:translate(2px,-2px);}
.writing-featured{grid-column:auto;}
@media(max-width:1100px){.writing-heading{align-items:flex-start;flex-direction:column;gap:24px;}.writing-tabs{align-self:flex-start;}}
@media(max-width:899px){.projects-stage{padding:90px 24px;min-height:0;}.project-scene{opacity:.5;}.scene-layer{width:290px;}.scene-left{left:3%;top:30%;}.scene-center{left:90%;top:62%;}.scene-right{left:5%;top:90%;}.proj-card{max-width:420px!important;}.card-content{padding:22px!important;}.cc-title{font-size:24px;margin:14px 0 18px;}.cc-pills{gap:10px;}.cc-pill{padding:12px 15px;line-height:1.65;}.cc-metrics{line-height:1.7;margin-top:18px;}.cc-foot{margin-top:18px;}.cards-deck{height:auto;}.proj-stage-hint{display:none;}.proj-stage-title{margin-bottom:36px;}}
@media(max-width:899px) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.proj-card{animation:cardBreatheCompact 6s ease-in-out infinite;}.proj-card:nth-child(2){animation-delay:-2s;}.proj-card:nth-child(3){animation-delay:-4s;}}
@keyframes cardBreatheCompact{0%,100%{translate:0 0;}50%{translate:0 -9px;}}
@media(max-width:767px){.hero{min-height:calc(100svh - 104px);padding:62px 0 42px;}.hero-avatar{width:78px;height:78px;margin-bottom:22px;}.hero .hero-tagline{font-size:clamp(34px,7.8vw,46px);line-height:1.25;letter-spacing:-.025em;margin-bottom:24px;}.hero-sub{font-size:14px;line-height:1.85;}.hero-eyebrow{font-size:10px;letter-spacing:.1em;margin-bottom:22px;}.hero-interaction{font-size:9px;}.hero-foot{gap:0 12px;}.hero-cta{margin-bottom:18px;}.writing-section{padding:78px 0;}.writing-grid{grid-template-columns:minmax(0,1fr);gap:16px;}.writing-card{grid-template-columns:44px minmax(0,1fr);gap:16px;padding:21px;}.writing-art{width:44px;height:44px;border-radius:11px;}.writing-title{font-size:16px;line-height:1.7;}.writing-tabs{max-width:100%;flex-wrap:wrap;}.writing-tabs button{padding:11px 12px;}.section-deck{font-size:13px;}.section-kicker{font-size:9px;}.writing-heading{margin-bottom:28px;}.nav .logo{gap:8px;}}
@media(prefers-reduced-motion:reduce){.card-float,.proj-card{animation:none!important;}.writing-card:hover,.writing-card:hover .writing-action>span:last-child{transform:none;}.scene-layer{will-change:auto;}}