:root{--bg: #0a0a0b;--bg-elev: #111114;--fg: #f5f3ef;--fg-dim: #9b978e;--fg-muted: #5e5a51;--line: rgba(245, 243, 239, .08);--line-strong: rgba(245, 243, 239, .18);--accent: #ffd86b;--r1: #ff5f6d;--r2: #ffb86b;--r3: #f9f871;--r4: #60f1a8;--r5: #4fc3ff;--r6: #9d7bff;--r7: #ff6bd6;--serif: "Fraunces", "Times New Roman", serif;--sans: "Bricolage Grotesque", system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--fg);font-family:var(--sans);font-feature-settings:"ss01","ss02";-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:overlay;opacity:.45;z-index:100}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}.wrap{max-width:1440px;margin:0 auto;padding:0 clamp(24px,4vw,56px)}.nav{position:fixed;top:0;left:0;right:0;z-index:50;backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);background:#0a0a0b8c;border-bottom:1px solid var(--line)}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:64px}.nav-brand{font-family:var(--serif);font-size:22px;font-weight:600;letter-spacing:-.02em;font-style:italic}.nav-brand:before{content:"◆ ";font-style:normal;color:var(--accent);font-size:11px;vertical-align:middle;margin-right:6px}.nav-links{display:flex;gap:40px;font-family:var(--mono);font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--fg-dim)}.nav-links a{position:relative;padding:4px 0;transition:color .3s}.nav-links a:hover{color:var(--fg)}.nav-cta{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.14em;padding:10px 18px;border:1px solid var(--line-strong);border-radius:999px;transition:all .3s}.nav-cta:hover{background:var(--fg);color:var(--bg);border-color:var(--fg)}.hero{position:relative;min-height:100vh;padding-top:64px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:80px 80px;background-position:center center;mask-image:radial-gradient(ellipse at center,black 30%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at center,black 30%,transparent 75%);pointer-events:none}.hero-meta{position:relative;padding-top:clamp(40px,8vh,90px);display:flex;justify-content:space-between;align-items:flex-start;font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--fg-dim)}.hero-meta .idx{color:var(--fg)}.hero-meta .dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#60f1a8;box-shadow:0 0 10px #60f1a8;margin-right:8px;vertical-align:middle;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.hero-title-wrap{position:relative;flex:1;display:flex;align-items:center;justify-content:center;padding:clamp(20px,4vh,60px) 0}.hero-title{font-family:var(--serif);font-weight:400;font-size:clamp(120px,26vw,460px);line-height:.82;letter-spacing:-.05em;font-variation-settings:"opsz" 144,"SOFT" 30;text-align:center;white-space:nowrap;background:linear-gradient(100deg,var(--r1) 0%,var(--r2) 14%,var(--r3) 28%,var(--r4) 42%,var(--r5) 56%,var(--r6) 70%,var(--r7) 84%,var(--r1) 100%);background-size:300% 100%;background-position:0% 50%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;filter:drop-shadow(0 0 60px rgba(255,107,214,.18));opacity:0;transform:translateY(48px);animation:slide-up 1.2s cubic-bezier(.2,.7,.1,1) .15s forwards,shimmer 7s linear .15s infinite}@keyframes slide-up{0%{opacity:0;transform:translateY(48px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:0% 50%}to{background-position:300% 50%}}.hero-title-wrap:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:70%;height:70%;background:radial-gradient(ellipse,rgba(157,123,255,.18),transparent 60%);filter:blur(80px);pointer-events:none;z-index:-1}.hero-foot{position:relative;padding-bottom:clamp(36px,6vh,70px);display:grid;grid-template-columns:1fr auto 1fr;gap:40px;align-items:end}.hero-description{font-family:var(--serif);font-size:clamp(17px,1.35vw,22px);line-height:1.45;font-weight:300;max-width:34ch;color:var(--fg);opacity:0;animation:fade-up 1s ease .8s forwards}.hero-description em{font-style:italic;color:var(--fg-dim)}@keyframes fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.hero-tags{display:flex;gap:10px;justify-content:center;opacity:0;animation:fade-up 1s ease 1s forwards}.hero-tag{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.16em;padding:8px 14px;border:1px solid var(--line-strong);border-radius:999px;color:var(--fg-dim)}.hero-scroll{justify-self:end;font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:var(--fg-dim);text-align:right;opacity:0;animation:fade-up 1s ease 1.1s forwards}.hero-scroll .bar{display:inline-block;width:1px;height:30px;background:linear-gradient(var(--fg),transparent);margin-top:10px}.section{position:relative;padding:clamp(100px,14vh,180px) 0;border-top:1px solid var(--line)}.section-head{display:grid;grid-template-columns:1fr 1.4fr;gap:60px;align-items:end;margin-bottom:clamp(60px,9vh,110px)}.section-eyebrow{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.18em;color:var(--fg-dim);display:flex;align-items:center;gap:12px}.section-eyebrow:before{content:"";width:28px;height:1px;background:var(--fg-dim)}.section-title{font-family:var(--serif);font-weight:300;font-size:clamp(42px,6vw,92px);line-height:.95;letter-spacing:-.025em;margin-top:24px;font-variation-settings:"opsz" 144}.section-title em{font-style:italic;font-weight:400}.section-kicker{font-size:17px;line-height:1.55;color:var(--fg-dim);max-width:50ch}.pipeline{position:relative;background:radial-gradient(ellipse at 15% 50%,rgba(79,195,255,.07),transparent 50%),radial-gradient(ellipse at 85% 50%,rgba(255,107,214,.05),transparent 50%)}.iso-scene{position:relative;cursor:default;padding:20px 0 60px}.iso-pipeline-svg{width:100%;height:auto;display:block;min-height:300px}.iso-info-card{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 28px;background:#111114d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--line-strong);border-radius:12px;max-width:480px;text-align:center}.iso-info-stage{font-family:var(--serif);font-style:italic;font-size:18px;font-weight:400;color:var(--fg)}.iso-info-desc{font-size:13px;line-height:1.5;color:var(--fg-dim)}.projects{background:radial-gradient(ellipse at 80% 0%,rgba(96,241,168,.05),transparent 55%)}.proj-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:22px}.proj{position:relative;border:1px solid var(--line);border-radius:14px;padding:32px 30px 36px;background:linear-gradient(180deg,var(--bg-elev),var(--bg));overflow:hidden;transition:all .5s cubic-bezier(.2,.7,.1,1);min-height:320px;display:flex;flex-direction:column;justify-content:space-between}.proj:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mx, 50%) var(--my, 50%),rgba(255,216,107,.08),transparent 40%);opacity:0;transition:opacity .4s;pointer-events:none}.proj:hover:before{opacity:1}.proj:hover{border-color:var(--line-strong);transform:translateY(-4px)}.proj-large{grid-column:span 7;min-height:420px}.proj-med{grid-column:span 5}.proj-small{grid-column:span 4}.proj-wide{grid-column:span 8}.proj-head{display:flex;justify-content:space-between;align-items:start;font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--fg-dim)}.proj-year{color:var(--fg)}.proj-title{font-family:var(--serif);font-weight:300;font-size:clamp(30px,3.2vw,52px);line-height:1;letter-spacing:-.02em;margin-top:auto;padding-top:40px}.proj-title em{font-style:italic;display:block;color:var(--fg-dim);font-size:.6em;margin-top:8px}.proj-desc{font-size:14px;line-height:1.55;color:var(--fg-dim);margin-top:18px;max-width:44ch}.proj-ornament{position:absolute;top:24px;right:28px;width:58px;height:58px;border:1px solid var(--line-strong);border-radius:50%;display:grid;place-items:center;font-family:var(--serif);font-style:italic;font-size:20px;color:var(--fg-dim)}.collab{margin-top:100px;padding-top:70px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.2fr;gap:80px}.collab-title{font-family:var(--serif);font-weight:300;font-size:clamp(36px,4.2vw,64px);line-height:1;letter-spacing:-.025em}.collab-title em{font-style:italic}.collab-steps{display:flex;flex-direction:column;gap:2px}.collab-step{display:grid;grid-template-columns:60px 1fr auto;gap:28px;padding:22px 0;border-top:1px solid var(--line);align-items:center}.collab-step:last-child{border-bottom:1px solid var(--line)}.collab-step-num{font-family:var(--mono);font-size:11px;color:var(--fg-muted);letter-spacing:.14em}.collab-step-name{font-family:var(--serif);font-size:22px;font-weight:400}.collab-step-name em{font-style:italic;color:var(--fg-dim);font-size:14px;font-family:var(--sans);display:block;margin-top:4px}.collab-step-arrow{font-family:var(--mono);color:var(--fg-muted);transition:transform .3s,color .3s}.collab-step:hover .collab-step-arrow{transform:translate(6px);color:var(--accent)}.footer{border-top:1px solid var(--line);padding:70px 0 40px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:60px;margin-bottom:60px}.footer h4{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--fg-muted);margin-bottom:22px;font-weight:500}.footer ul{list-style:none;display:flex;flex-direction:column;gap:12px}.footer ul a{color:var(--fg-dim);font-size:14px;transition:color .3s}.footer ul a:hover{color:var(--fg)}.footer-brand{font-family:var(--serif);font-size:64px;font-style:italic;font-weight:300;line-height:.9;letter-spacing:-.02em;background:linear-gradient(120deg,var(--r5),var(--r6),var(--r7));-webkit-background-clip:text;background-clip:text;color:transparent}.footer-tag{font-family:var(--mono);font-size:11px;color:var(--fg-muted);letter-spacing:.14em;text-transform:uppercase;margin-top:20px}.footer-bottom{padding-top:28px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-family:var(--mono);font-size:11px;color:var(--fg-muted);letter-spacing:.12em;text-transform:uppercase}@media (max-width: 960px){.nav-links{display:none}.hero-foot{grid-template-columns:1fr;gap:28px;text-align:center}.hero-scroll,.hero-tags{justify-self:center}.hero-tags{flex-wrap:wrap}.hero-description{max-width:unset}.section-head{grid-template-columns:1fr;gap:28px}.iso-info-card{max-width:90vw}.proj-large,.proj-med,.proj-small,.proj-wide{grid-column:span 12}.collab{grid-template-columns:1fr;gap:40px}.footer-grid{grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}