:root{--ink:#0b0c0a;--paper:#f2f0e8;--muted:#9da096;--line:#ffffff24;--acid:#d4ff62;--orange:#e97a52;--serif:'Playfair Display',Georgia,serif;--sans:'Manrope',sans-serif;--mono:'DM Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:86px}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--sans);overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}.grain{position:fixed;inset:-50%;z-index:15;pointer-events:none;opacity:.11;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.25'/%3E%3C/svg%3E");animation:grain .22s steps(2) infinite}.cursor-glow{position:fixed;z-index:1;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,#d4ff6212,transparent 70%);pointer-events:none;transform:translate(-50%,-50%);mix-blend-mode:screen}.scroll-meter{position:fixed;z-index:40;top:0;left:0;right:0;height:2px}.scroll-meter span{display:block;width:0;height:100%;background:var(--acid);box-shadow:0 0 12px var(--acid)}.topbar{position:fixed;z-index:30;top:0;left:0;right:0;height:78px;padding:0 5.5vw;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(#0b0c0ae8,#0b0c0a00);backdrop-filter:blur(8px)}.wordmark{display:flex;align-items:center;gap:11px;font-size:12px;letter-spacing:.13em;font-weight:800}.wordmark>span:last-child{line-height:1.15}.wordmark small{display:block;margin-top:5px;font:8px var(--mono);letter-spacing:.18em;color:#979b90}.mark{display:grid;place-items:center;width:31px;height:31px;border:1px solid var(--acid);color:var(--acid);font:italic 19px var(--serif)}.topbar nav{display:flex;gap:34px;color:#c3c5bc;font-size:11px}.topbar nav a,.text-link,.nav-cta{transition:color .2s}.topbar nav a:hover,.text-link:hover,.nav-cta:hover{color:var(--acid)}.nav-cta{border:1px solid #ffffff50;border-radius:40px;padding:10px 16px;font-size:10px}.nav-cta span{color:var(--acid);padding-left:9px}.hero{position:relative;min-height:100svh;overflow:hidden;isolation:isolate;display:flex;align-items:center;padding:125px 9vw 100px;background:radial-gradient(ellipse at 70% 50%,#273a3033,transparent 52%),#0b0c0a}.hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0b0c0aed 0%,#0b0c0aa8 47%,#0b0c0a12 100%),url('video/kreathur-drone-poster.jpg') center/cover;opacity:.56;filter:saturate(.65)}.orbit-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-1;opacity:.45}.hero-copy{position:relative;z-index:2;max-width:760px;animation:heroIn 1s cubic-bezier(.18,.75,.2,1) both}.eyebrow{font:9px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--acid)}.eyebrow i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--acid);box-shadow:0 0 10px var(--acid);margin-right:9px;animation:pulse 2s infinite}.hero h1{font-size:clamp(54px,8.5vw,128px);letter-spacing:-.078em;line-height:.91;margin:31px 0 25px;font-weight:500}.hero h1 em,.work-heading h2 em,.systems-intro h2 em,.method-head h2 em,.closing h2 em{font-family:var(--serif);font-weight:500;letter-spacing:-.06em;color:var(--acid)}.hero-deck{max-width:370px;color:#b5b7ae;font-size:14px;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:32px}.button-light{display:inline-flex;gap:32px;align-items:center;background:var(--paper);color:#12130f;border-radius:2px;padding:15px 19px;font-size:10px;font-weight:700;transition:transform .25s,background .25s}.button-light:hover{background:var(--acid);transform:translateY(-3px)}.button-light span{font-size:16px}.text-link{font-size:10px;color:#cacbc3}.text-link span{color:var(--acid);padding-left:6px}.hero-art{position:absolute;right:7%;top:16%;width:min(39vw,510px);height:69%;pointer-events:none;opacity:.93;mix-blend-mode:screen;transform:perspective(800px) rotateY(-7deg);animation:artIn 1.5s .25s both}.hero-sun{position:absolute;width:31%;aspect-ratio:1;border-radius:50%;top:17%;right:19%;background:radial-gradient(circle at 35% 36%,#ffe5bd,#e4a978 51%,#a5513c 72%,transparent 73%);box-shadow:0 0 75px #ea906055;filter:blur(.3px)}.hero-ridge{position:absolute;left:-4%;right:-4%;height:38%;bottom:22%;clip-path:polygon(0 65%,12% 44%,21% 63%,32% 32%,46% 67%,58% 42%,71% 64%,84% 35%,100% 60%,100% 100%,0 100%)}.ridge-back{background:linear-gradient(150deg,#39483d,#1a2725 72%);filter:blur(1px);transform:scale(1.1);bottom:25%}.ridge-front{background:linear-gradient(180deg,#181f1c,#080c0a 85%);clip-path:polygon(0 59%,11% 43%,24% 67%,40% 31%,56% 64%,68% 45%,82% 66%,91% 43%,100% 55%,100% 100%,0 100%)}.hero-water{position:absolute;bottom:10%;left:0;right:0;height:20%;background:repeating-linear-gradient(177deg,transparent 0 8px,#e6c0a019 9px 10px,transparent 11px 18px);mask-image:linear-gradient(transparent,#000)}.hero-coordinate{position:absolute;right:0;top:10%;font:9px/1.7 var(--mono);color:#efdbc2aa;letter-spacing:.1em}.hero-stamp{position:absolute;right:20%;top:34%;width:62px;height:62px;border:1px solid #e8d0ac90;border-radius:50%;display:grid;place-content:center;text-align:center;color:#f5dfbe;font:italic 27px var(--serif);transform:rotate(12deg)}.hero-stamp small{font:8px var(--mono);margin-top:-7px}.hero-art-caption{position:absolute;bottom:3%;left:0;font:8px var(--mono);letter-spacing:.15em;color:#dbd7c3a0}.hero-bottom{position:absolute;left:5.5vw;right:5.5vw;bottom:34px;display:flex;justify-content:space-between;font:8px var(--mono);letter-spacing:.14em;color:#7f8479}.hero-index{position:absolute;right:5.5vw;top:49%;font:10px var(--mono);writing-mode:vertical-rl;color:#b6b8ad}.hero-index b{color:var(--acid);padding:7px 0}.section-pad{padding:clamp(78px,10vw,150px) 9vw}.section-label{display:flex;justify-content:space-between;gap:20px;padding-bottom:18px;border-bottom:1px solid #ffffff2b;color:#92968c;font:8px var(--mono);letter-spacing:.15em}.intro{position:relative;background:#e8e6dc;color:#161713;min-height:590px;display:flex;flex-direction:column;justify-content:space-between}.intro .section-label{border-color:#171a162d;color:#77786e}.intro-line{font-size:clamp(34px,5.8vw,83px);line-height:1.13;letter-spacing:-.065em;font-weight:500;margin:105px 0 75px}.intro-line span{color:#898a80}.intro-line em{font:italic 500 1.03em var(--serif);color:#657c42;letter-spacing:-.07em}.intro-foot{display:flex;justify-content:space-between;align-items:end;gap:40px}.intro-foot p{max-width:420px;color:#66695e;font-size:13px;line-height:1.8;margin:0}.round-link{display:grid;place-items:center;width:46px;height:46px;border:1px solid #20231a;border-radius:50%;font-size:19px;transition:transform .25s,background .25s}.round-link:hover{background:var(--acid);transform:rotate(45deg)}.work{background:#0d0e0c}.work-heading{display:flex;align-items:end;justify-content:space-between;gap:55px;margin:70px 0 45px}.work-heading h2,.systems-intro h2,.method-head h2,.closing h2{font-size:clamp(43px,7vw,98px);line-height:.96;letter-spacing:-.075em;font-weight:500;margin:0}.work-heading p{max-width:310px;color:#a4a79e;font-size:12px;line-height:1.8;margin-bottom:5px}.filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 25px}.filters button{border:1px solid #ffffff2b;background:transparent;border-radius:40px;padding:9px 14px;font:8px var(--mono);text-transform:uppercase;letter-spacing:.12em;color:#b5b8ad;cursor:pointer;transition:.2s}.filters button:hover,.filters button.active{background:var(--acid);border-color:var(--acid);color:#11140b}.project-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:20px}.project-card{grid-column:span 4;min-width:0;cursor:pointer;animation:cardIn .65s both}.project-card:nth-child(5n+1),.project-card:nth-child(5n+4){grid-column:span 5}.project-card:nth-child(5n+2),.project-card:nth-child(5n+5){grid-column:span 4}.project-card:nth-child(5n+3){grid-column:span 3}.project-cover{position:relative;overflow:hidden;aspect-ratio:1.25;background:#1c211b;border:1px solid #ffffff1a}.project-cover img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.77);transition:transform .8s cubic-bezier(.2,.8,.2,1),filter .45s}.project-card:hover .project-cover img{transform:scale(1.055);filter:saturate(1)}.cover-wash{position:absolute;inset:0;background:linear-gradient(180deg,#00000010 30%,#0000009c)}.cover-number{position:absolute;left:16px;top:14px;font:8px var(--mono);letter-spacing:.1em;color:#ffffffbb}.cover-arrow{position:absolute;right:14px;top:12px;width:31px;height:31px;display:grid;place-items:center;border:1px solid #ffffff70;border-radius:50%;backdrop-filter:blur(8px);transition:.3s}.project-card:hover .cover-arrow{background:var(--acid);color:#13150e;transform:rotate(45deg)}.project-meta{display:flex;justify-content:space-between;gap:10px;color:#92968a;font:8px var(--mono);letter-spacing:.1em;text-transform:uppercase;margin-top:13px}.project-title{font-size:19px;letter-spacing:-.05em;font-weight:500;margin:7px 0 5px}.project-caption{font-size:10px;color:#a3a69b;line-height:1.65;margin:0;max-width:440px}.work-note{display:flex;align-items:center;gap:14px;border-top:1px solid #ffffff24;margin-top:65px;padding-top:18px;color:#92968a}.work-note p{font-size:10px;line-height:1.6;max-width:480px}.note-symbol{color:var(--acid);font-size:22px}.film-section{padding:0 5vw 125px;background:#0d0e0c}.film-frame{position:relative;min-height:540px;height:75vh;max-height:790px;overflow:hidden;background:#151713}.film-frame:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#070907bc,#07090720 70%),linear-gradient(0deg,#070907b8,transparent 45%)}.brand-film{position:absolute;width:100%;height:100%;object-fit:cover;opacity:.78}.film-overlay{position:absolute;z-index:2;left:8%;top:50%;transform:translateY(-45%);max-width:560px}.film-overlay h2{font-size:clamp(45px,7vw,90px);line-height:.96;letter-spacing:-.075em;font-weight:500;margin:20px 0 26px}.film-overlay h2 em{font:italic 500 1em var(--serif);color:var(--acid)}.film-toggle{border:1px solid #ffffff80;background:#0c0e0a80;padding:12px 16px;cursor:pointer;font-size:10px;backdrop-filter:blur(8px)}.film-toggle span{color:var(--acid);margin-right:9px}.film-code{position:absolute;z-index:3;right:25px;bottom:22px;font:9px var(--mono);letter-spacing:.15em;color:#ffffff99}.film-caption{font:8px var(--mono);letter-spacing:.1em;color:#858980;text-transform:uppercase;margin:15px 0 0 8px}.systems{background:#dce3d3;color:#191d16}.systems .section-label{border-color:#1118;color:#66705d}.systems-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:8vw;align-items:center;padding-top:90px}.systems-intro h2{font-size:clamp(50px,7.5vw,100px)}.systems-intro h2 em{color:#6c8251}.systems-intro p{color:#636b5a;max-width:315px;font-size:12px;line-height:1.8;margin:26px 0}.under-link{display:inline-block;border-bottom:1px solid currentColor;padding:8px 0;color:#414a38;font-size:10px}.under-link span{color:#738f47;padding-left:10px}.system-board{position:relative;background:#f2f3e9;border:1px solid #7a826a50;box-shadow:0 25px 80px #1b2c1d19;padding:19px 19px 0;min-height:460px;transform:rotate(-1.3deg);transition:transform .5s}.system-board:hover{transform:rotate(0) translateY(-4px)}.board-top,.board-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#66705d;font:8px var(--mono);letter-spacing:.1em}.live-dot{color:#638444}.live-dot:before{content:"";display:inline-block;width:5px;height:5px;background:#7b9e52;border-radius:50%;margin-right:7px}.system-map{position:relative;height:355px;overflow:hidden;background:radial-gradient(circle at 50% 50%,#dce7c7,#ebeee2 48%,#f2f3e9 79%);margin:17px 0}.system-map:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#77836314 1px,transparent 1px),linear-gradient(90deg,#77836314 1px,transparent 1px);background-size:32px 32px}.map-lines{position:absolute;inset:0}.map-lines i{position:absolute;left:50%;top:50%;height:1px;width:33%;background:#89947b8a;transform-origin:left center}.map-lines i:nth-child(1){transform:rotate(-155deg)}.map-lines i:nth-child(2){transform:rotate(-28deg)}.map-lines i:nth-child(3){transform:rotate(28deg)}.map-lines i:nth-child(4){transform:rotate(153deg)}.map-lines i:nth-child(5){transform:rotate(90deg);width:25%}.system-node{position:absolute;z-index:2;width:114px;height:76px;border:1px solid #79826977;background:#f4f6ebeb;box-shadow:0 5px 15px #35402c12;text-align:left;padding:10px;cursor:pointer;transition:transform .3s,background .3s,box-shadow .3s}.system-node:hover,.system-node.active{transform:scale(1.07);background:#fff;box-shadow:0 8px 20px #33452424}.system-node span{position:absolute;right:9px;top:8px;color:#76914e;font-size:16px}.system-node b{display:block;font:8px var(--mono);letter-spacing:.03em}.system-node small{display:block;color:#78816c;font:7px var(--mono);margin-top:7px}.node-main{left:calc(50% - 57px);top:calc(50% - 38px);background:#1d2919;color:#f5f5e7;border-color:#1d2919}.node-main small{color:#c1d0aa}.node-main span{color:var(--acid)}.node-hotel{left:8%;top:12%}.node-plan{right:8%;top:12%}.node-commerce{left:8%;bottom:12%}.node-ops{right:8%;bottom:12%}.node-tooltip{position:absolute;right:15px;bottom:10px;z-index:4;max-width:210px;padding:10px 12px;background:#f8faef;border-left:2px solid #8aa765;box-shadow:0 5px 15px #34402a18;font-size:9px;opacity:0;transform:translateY(5px);transition:.25s;pointer-events:none}.node-tooltip.visible{opacity:1;transform:none}.node-tooltip strong{font:9px var(--mono);text-transform:uppercase;color:#3c4933}.node-tooltip p{margin:5px 0 0;color:#69715e;line-height:1.5}.board-footer{justify-content:center;gap:13px;padding:16px 0;color:#626d59}.board-footer span:nth-child(even){color:#9bab79}.method{background:#121310}.method-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin:67px 0 80px}.method-head p{max-width:280px;color:#a3a69b;font-size:11px;line-height:1.8}.method-steps{border-top:1px solid #ffffff25}.method-step{display:grid;grid-template-columns:70px 1fr 40px;gap:20px;align-items:center;padding:23px 8px;border-bottom:1px solid #ffffff25;transition:padding .3s,background .3s}.method-step:hover{padding-left:18px;background:#ffffff05}.method-step>span{font:9px var(--mono);color:var(--acid)}.method-step h3{font-size:20px;font-weight:500;margin:0 0 4px;letter-spacing:-.04em}.method-step p{font-size:10px;color:#9da096;margin:0}.method-step>b{font-weight:400;color:#818579}.closing{position:relative;min-height:570px;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#d4ff62;color:#151810}.closing .eyebrow{color:#515f32}.closing h2{font-size:clamp(56px,9vw,118px);margin:20px 0 28px}.closing h2 em{color:#677947}.closing .button-light{background:#11150d;color:#eff2e7}.closing .button-light:hover{background:#495b32}.closing-orbit{position:absolute;border:1px solid #45562e42;border-radius:50%;width:70vw;aspect-ratio:1}.orbit-a{animation:rotate 40s linear infinite}.orbit-b{width:87vw;animation:rotate 60s linear infinite reverse}.closing-coordinate{position:absolute;right:7%;bottom:30px;text-align:right;font:8px/1.7 var(--mono);color:#54613c}.footer{min-height:100px;padding:26px 5.5vw;display:flex;justify-content:space-between;align-items:center;gap:20px;background:#0b0c0a}.footer>span{font:9px var(--mono);color:#92968b}.footer>a:last-child{font-size:10px;color:var(--acid)}.project-dialog{padding:0;width:min(840px,calc(100% - 30px));max-width:none;border:1px solid #ffffff2c;background:#11130f;color:var(--paper);box-shadow:0 35px 130px #000b}.project-dialog::backdrop{background:#050604ce;backdrop-filter:blur(8px)}.dialog-close{position:absolute;right:12px;top:10px;z-index:2;border:1px solid #ffffff77;background:#141712bd;border-radius:50%;width:38px;height:38px;font-size:24px;cursor:pointer}.dialog-image{height:300px;background-size:cover;background-position:center}.dialog-content{padding:25px 30px 35px}.dialog-content h2{font-size:34px;letter-spacing:-.06em;margin:9px 0}.dialog-copy{font-size:12px;line-height:1.8;color:#b1b5a8;max-width:600px}.dialog-content .under-link{color:var(--acid)}.reveal{opacity:0;transform:translateY(22px);transition:opacity .85s ease,transform .85s cubic-bezier(.2,.7,.2,1)}.reveal.shown{opacity:1;transform:none}@keyframes pulse{50%{opacity:.35;box-shadow:0 0 2px var(--acid)}}@keyframes heroIn{from{opacity:0;transform:translateY(23px)}to{opacity:1;transform:none}}@keyframes artIn{from{opacity:0;transform:perspective(800px) rotateY(-7deg) translateX(40px)}to{opacity:.93;transform:perspective(800px) rotateY(-7deg)}}@keyframes cardIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes grain{0%{transform:translate(0,0)}50%{transform:translate(-2%,1%)}100%{transform:translate(1%,2%)}}
@media(max-width:900px){.hero-art{right:-4%;width:53vw;opacity:.65}.systems-layout{grid-template-columns:1fr;gap:45px}.systems-intro h2 br{display:none}.system-board{max-width:680px;width:100%;margin:auto}.project-card,.project-card:nth-child(n){grid-column:span 6}.method-head{display:block}.method-head p{margin-top:25px}.intro{min-height:530px}}
@media(max-width:620px){.topbar{height:65px;padding:0 20px}.topbar nav{display:none}.hero{padding:130px 23px 90px;min-height:850px;align-items:flex-start}.hero h1{font-size:clamp(55px,16vw,88px);margin-top:24px}.hero-art{top:auto;bottom:11%;left:24%;width:88vw;height:45%;opacity:.68}.hero-bottom{left:22px;right:22px;bottom:22px;font-size:7px}.hero-bottom span:first-child{max-width:52%}.hero-index{right:20px;top:42%}.hero-actions{gap:18px;align-items:flex-start;flex-direction:column}.section-pad{padding:78px 23px}.section-label{font-size:7px}.section-label span:last-child{text-align:right}.intro{min-height:510px}.intro-line{font-size:clamp(35px,9vw,56px);margin:80px 0 55px}.intro-foot{align-items:center}.intro-foot p{font-size:11px}.work-heading{display:block;margin:53px 0 32px}.work-heading h2,.systems-intro h2,.method-head h2{font-size:55px}.work-heading p{margin-top:20px}.project-grid{gap:22px 12px}.project-card,.project-card:nth-child(n){grid-column:span 6}.project-cover{aspect-ratio:.9}.project-title{font-size:16px}.project-caption{font-size:9px}.project-meta{font-size:7px}.film-section{padding:0 0 80px}.film-frame{min-height:520px;height:78svh}.film-overlay{left:23px;right:23px}.film-overlay h2{font-size:59px}.systems-layout{padding-top:58px}.system-board{padding:12px 10px 0;min-height:425px}.system-map{height:337px}.system-node{width:98px;height:68px;padding:8px}.node-hotel,.node-commerce{left:3%}.node-plan,.node-ops{right:3%}.node-tooltip{right:7px;bottom:7px;max-width:160px;font-size:8px}.board-footer{font-size:6px;gap:7px}.method-head{margin:53px 0 54px}.method-step{grid-template-columns:35px 1fr 24px;gap:10px;padding:18px 2px}.method-step h3{font-size:17px}.method-step p{font-size:9px;line-height:1.6}.closing{min-height:530px}.closing h2{font-size:65px}.closing-orbit{width:130vw}.orbit-b{width:160vw}.closing-coordinate{right:20px}.footer{padding:24px 20px;flex-wrap:wrap}.footer>span{order:3;width:100%}.dialog-image{height:210px}.dialog-content{padding:22px}.dialog-content h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}.cursor-glow{display:none}}