:root{--bg:#080807;--panel:#10100f;--text:#efede8;--muted:#aaa69e;--line:rgba(255,255,255,.12);--gold:#c99d4d;--accent:#9ab8b3;--serif:"Cormorant Garamond",Georgia,serif;--sans:"Manrope",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.14;z-index:99;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}.project-header{height:76px;padding:0 clamp(22px,6vw,90px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(8,8,7,.9);backdrop-filter:blur(15px);position:sticky;top:0;z-index:50}.back-home{display:flex;align-items:center;gap:12px;font-family:var(--serif);font-weight:700;letter-spacing:.05em}.back-home img{width:38px;height:38px;object-fit:contain}.project-header nav{display:flex;gap:34px;font-size:10px;font-weight:700;letter-spacing:.14em}.project-header nav a:hover{color:var(--accent)}.project-hero{min-height:690px;padding:clamp(80px,10vw,145px) clamp(24px,8vw,125px);display:grid;grid-template-columns:1.1fr .9fr;gap:8vw;align-items:center;border-bottom:1px solid var(--line);position:relative;overflow:hidden}.project-hero:before{content:"";position:absolute;width:620px;height:620px;border:1px solid color-mix(in srgb,var(--accent) 32%,transparent);border-radius:50%;right:-100px;top:60px;box-shadow:0 0 0 90px color-mix(in srgb,var(--accent) 4%,transparent),0 0 0 91px color-mix(in srgb,var(--accent) 12%,transparent)}.project-hero:after{content:"";position:absolute;width:520px;height:90px;right:-30px;top:310px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent) 56%,transparent),transparent);transform:rotate(-19deg);filter:blur(1px)}.kicker{margin:0 0 22px;color:var(--accent);font-size:10px;font-weight:700;letter-spacing:.23em}.project-hero h1{margin:0;font-family:var(--serif);font-weight:500;font-size:clamp(75px,10vw,150px);line-height:.79;letter-spacing:-.045em}.project-hero h1 small{display:block;margin-top:24px;font-family:var(--sans);font-size:clamp(11px,1vw,15px);line-height:1.4;letter-spacing:.18em;color:var(--accent)}.lead{max-width:720px;margin:35px 0 0;color:#c4c0b8;font-size:clamp(17px,1.5vw,22px);line-height:1.7}.hero-symbol{position:relative;z-index:2;min-height:400px;display:grid;place-items:center}.hero-symbol img{width:min(80%,380px);max-height:270px;object-fit:contain;filter:drop-shadow(0 22px 40px rgba(0,0,0,.7))}.hero-symbol span{position:absolute;color:rgba(255,255,255,.44);font-size:9px;letter-spacing:.2em}.hero-symbol span:nth-of-type(1){top:13%;left:8%}.hero-symbol span:nth-of-type(2){right:4%;top:29%}.hero-symbol span:nth-of-type(3){bottom:16%;left:24%}.page-wrap{max-width:1280px;margin:0 auto;padding:clamp(75px,9vw,140px) 24px}.intro-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;align-items:start}.section-label{color:var(--accent);font-size:10px;font-weight:700;letter-spacing:.19em}.intro-grid h2,.section-title{margin:12px 0 0;font-family:var(--serif);font-weight:500;font-size:clamp(46px,6vw,82px);line-height:.95}.prose{color:var(--muted);font-size:15px;line-height:1.85}.prose strong{color:var(--text)}.principles{margin-top:100px;display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid var(--line);border-top:1px solid var(--line)}.principle{min-height:270px;padding:34px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(135deg,rgba(255,255,255,.025),transparent)}.principle b{display:block;color:var(--accent);font-family:var(--serif);font-size:44px;font-weight:500}.principle h3{font-family:var(--serif);font-size:28px;font-weight:500;margin:23px 0 12px}.principle p{color:var(--muted);font-size:12px;line-height:1.7;margin:0}.process{margin-top:120px}.process-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:50px}.process-head p{max-width:500px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.step{padding:30px;min-height:250px;border:1px solid var(--line);background:var(--panel)}.step span{color:var(--accent);font-size:10px;font-weight:700;letter-spacing:.16em}.step h3{font-family:var(--serif);font-size:29px;font-weight:500;margin:38px 0 12px}.step p{color:var(--muted);font-size:12px;line-height:1.7}.boundary{margin-top:110px;padding:clamp(40px,6vw,80px);display:grid;grid-template-columns:.8fr 1.2fr;gap:6vw;border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 8%,transparent),transparent 48%)}.boundary h2{font-family:var(--serif);font-size:clamp(40px,5vw,70px);font-weight:500;margin:0}.boundary p{color:#bbb6ae;line-height:1.8;margin:0}.connections{margin-top:110px}.connection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:45px}.connection{padding:30px;border:1px solid var(--line);min-height:200px}.connection span{color:var(--accent);font-size:9px;font-weight:700;letter-spacing:.15em}.connection h3{font-family:var(--serif);font-size:27px;font-weight:500;margin:24px 0 10px}.connection p{color:var(--muted);font-size:12px;line-height:1.7}.project-footer{padding:54px clamp(24px,8vw,125px);display:flex;justify-content:space-between;gap:30px;align-items:center;border-top:1px solid var(--line);background:#060606}.project-footer img{width:55px;height:55px;object-fit:contain}.project-footer div{display:flex;align-items:center;gap:14px}.project-footer strong{font-family:var(--serif);color:var(--gold);font-size:23px}.project-footer a{font-size:10px;font-weight:700;letter-spacing:.15em;color:var(--accent)}.bsbe{--accent:#ef724e}.matriks{--accent:#8ed7d4}@media(max-width:850px){.project-header nav{display:none}.project-hero{grid-template-columns:1fr;min-height:auto}.project-hero h1{font-size:clamp(68px,22vw,116px)}.hero-symbol{min-height:290px}.intro-grid,.boundary{grid-template-columns:1fr}.principles,.steps,.connection-grid{grid-template-columns:1fr}.process-head{display:block}.process-head .prose{margin-top:25px}.project-footer{align-items:flex-start;flex-direction:column}}@media(max-width:520px){.project-header{padding:0 18px}.project-hero{padding:72px 20px}.page-wrap{padding-left:20px;padding-right:20px}.principle,.step,.connection{padding:25px}.project-footer{padding-left:20px;padding-right:20px}}
