@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&display=swap');
:root{--bg:#101311;--ink:#f2f3eb;--muted:#a1a89f;--line:#ffffff24;--green:#d3f86b;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}body:has(dialog[open]){overflow:hidden}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;border:0;background:none;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #b8e951;outline-offset:6px}::selection{background:#d3f86b;color:#101311}h1,h2,h3,p{margin:0}h1,h2{font-weight:500;letter-spacing:-.065em;line-height:1.02}em{font-family:Georgia,'Times New Roman',serif;font-weight:400}sup{font-size:8px;color:#929c90;margin-left:2px}img{max-width:100%}[hidden]{display:none!important}.skip{position:fixed;top:-100px;left:20px;background:#d3f86b;color:#101311;z-index:100;padding:15px}.skip:focus{top:16px}.mono,.eyebrow{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;letter-spacing:.09em;line-height:1.6}.eyebrow{text-transform:uppercase}.scroll-progress{position:fixed;top:0;left:0;width:0;height:2px;background:var(--green);z-index:80}
.header{height:105px;margin:0 4.6%;display:flex;align-items:center;gap:30px;border-bottom:1px solid var(--line);position:relative;z-index:30}.wordmark{font-weight:650;font-size:49px;letter-spacing:-4.5px;line-height:1;display:inline-flex;align-items:flex-start}.brand-dot{color:var(--green);font-size:12px;letter-spacing:0;margin:5px 0 0 9px}.header-note{font:8px/1.5 ui-monospace,SFMono-Regular,monospace;letter-spacing:.08em;color:var(--muted);margin-left:5px}.desktop-nav{display:flex;gap:30px;margin-left:auto;font-size:12px}.desktop-nav a{padding:13px 0;position:relative}.desktop-nav a:after{content:'';position:absolute;bottom:6px;left:0;width:0;height:1px;background:var(--green);transition:width .35s var(--ease)}.desktop-nav a:hover:after{width:100%}.nav-cta{display:flex;align-items:center;gap:27px;border:1px solid #d3f86b75;border-radius:40px;padding:13px 17px 13px 20px;font-size:12px;margin-left:25px;transition:background .3s,color .3s}.nav-cta span{display:grid;place-items:center;color:var(--green);font-size:19px}.nav-cta:hover{background:var(--green);color:#101311}.nav-cta:hover span{color:#101311}.menu-toggle,.mobile-nav{display:none}
.hero{position:relative;padding:28px 4.6% 0;isolation:isolate;overflow:hidden}.hero-orbit{position:absolute;width:720px;height:720px;right:-220px;top:-250px;border:1px solid #d3f86b0e;border-radius:50%;z-index:-1}.hero-topline{display:flex;justify-content:space-between;align-items:center;color:#afb8aa;gap:20px}.hero-topline .eyebrow{display:flex;align-items:center;gap:10px;font-size:9px}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 12px #c9f37840}.hero-location{color:#727c70;font-size:9px}.hero-layout{display:grid;grid-template-columns:1.14fr 1fr;align-items:center;position:relative;min-height:610px}.hero-copy{position:relative;z-index:3;padding:65px 0 90px}.hero h1{font-size:clamp(76px,8.8vw,148px);line-height:.98;letter-spacing:-.075em;white-space:nowrap}.hero h1 em{color:var(--green);letter-spacing:-.09em}.hero h1 .line{display:block;overflow:hidden;padding-bottom:.12em;margin-bottom:-.12em}.hero h1 .line>span{display:block}.hero-description{font-size:15px;line-height:1.8;color:#a5afa2;max-width:350px;margin:31px 0 29px}.hero-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:42px;border-radius:40px;padding:17px 22px;font-size:12px;transition:background .3s,translate .3s}.button.dark{background:var(--green);color:#101311}.button.dark:hover{background:#e1ff94;translate:0 -3px}.button span{font-size:19px;display:inline-flex}.quiet-link{padding:8px 0;border-bottom:1px solid #747e6e75;font-size:10px;color:#b6bfb1}.quiet-link .icon{margin-left:8px}.hero-art{position:relative;min-width:0;height:560px;margin-left:-55px}.hero-art canvas{width:100%;height:100%;display:block;position:relative;z-index:1}.art-coordinate{position:absolute;inset:32px 0 auto 55px;display:flex;justify-content:space-between;gap:12px;font-size:7px;z-index:2;color:#7e8b78}.art-coordinate span:last-child{writing-mode:vertical-rl;position:absolute;right:0;top:70px}.art-bottom{position:absolute;bottom:23px;left:55px;right:0;display:flex;align-items:center;justify-content:space-between;z-index:2}.motion-study-link{font-size:9px;letter-spacing:.02em;color:#a7b49b;border-bottom:1px solid #66705f60;padding-bottom:6px}.motion-study-link .icon{margin-left:10px}.motion-toggle{width:42px;height:42px;border:1px solid #64735c70;border-radius:50%;color:#c6d3ba;display:grid;place-items:center}.hero-bottom{border-top:1px solid var(--line);padding:22px 0 27px;display:flex;justify-content:space-between;align-items:center}.hero-bottom p{font-size:11px;line-height:1.6}.hero-bottom p span{color:#7e8b78}.scroll-cue{display:flex;align-items:center;gap:42px;font-size:10px;color:#a5b09f}.scroll-cue .icon{font-size:23px}
.discipline-strip{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#171d17;padding:22px 0}.strip-track{display:flex;width:max-content;align-items:center;gap:38px;animation:strip-move 40s linear infinite;will-change:transform}.strip-track>span{font-size:20px;letter-spacing:-.04em;white-space:nowrap;color:#c3ccb8}.strip-track>.icon{font-size:20px;color:#a6cb63}@keyframes strip-move{to{transform:translateX(-50%)}}
.section{padding:105px 4.6%}.section-top{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid var(--line);padding-top:18px;margin-bottom:55px}.section-aside{font-size:10px;color:#84917d}.section-title{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:55px}.section-title h2,.services h2{font-size:clamp(50px,6.4vw,94px)}.section-title h2 em{color:#a8b69a}.section-title>p{width:290px;font-size:13px;line-height:1.8;color:#8e9b86;padding-bottom:7px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:58px 28px}.featured-project{grid-column:1/-1}.project-topline{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:15px;color:#96a48c}.project-type{font-size:7px;letter-spacing:.06em;color:#78876e}.project-preview,.app-preview{position:relative;display:flex;align-items:flex-end;justify-content:center;width:100%;height:450px;overflow:hidden;text-align:left;padding:110px 32px 53px;border-radius:3px;isolation:isolate}.project-preview{height:auto;min-height:450px;flex-direction:column;align-items:stretch;gap:38px;padding:32px 32px 64px}.project-preview>.browser-preview{align-self:center;margin-top:auto}.project-preview:before,.app-preview:before{content:'';position:absolute;inset:0;background:radial-gradient(at 50% 100%,#ffffff15,transparent 60%);pointer-events:none;z-index:-1}.browser-preview{position:relative;width:100%;max-width:600px;border-radius:8px;overflow:hidden;background:#e9eae2;box-shadow:0 24px 65px #0005;transform:rotate(var(--showcase-tilt,-2deg));transition:translate .75s var(--ease),scale .75s var(--ease);flex-shrink:0}.browser-preview img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:top}.browser-bar{height:24px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f7f7f1;color:#72796e;padding:0 12px}.browser-bar>div{display:flex;gap:4px}.browser-bar i{width:4px;height:4px;border-radius:50%;background:#b6bdb0}.browser-bar>span{font:7px/1 ui-monospace,SFMono-Regular,monospace}.browser-bar .browser-lock{font-size:10px}.project-open{position:absolute;right:23px;bottom:23px;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#f1f4e8;color:#1c2618;font-size:24px;transition:background .3s,rotate .6s var(--ease);z-index:4}.project-preview:hover .project-open,.app-preview:hover .project-open{background:#d3f86b;rotate:45deg}.project-preview:focus-visible,.app-preview:focus-visible{outline-offset:5px}.project-info{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:22px}.project-info h3{font-size:28px;letter-spacing:-.055em;font-weight:500}.project-info p{color:#8d9b85;font-size:12px;margin-top:7px;line-height:1.6}.project-index{font-size:9px;color:#78876e}.project-detail-link{font-size:10px;display:flex;align-items:center;gap:17px;padding:10px 0;border-bottom:1px solid #5e6b5355}.project-detail-link .icon{font-size:17px}
.bode{background:#d2ddbd;color:#243627;display:grid;grid-template-columns:minmax(200px,.75fr) minmax(0,1.7fr);align-items:center;gap:64px;min-height:545px;padding:48px;--showcase-tilt:-4deg}.featured-copy{position:relative;min-width:0;z-index:3;pointer-events:none}.stage-kicker{font-size:9px;color:#687e5a}.featured-copy strong{display:block;font-size:110px;letter-spacing:-.085em;line-height:1.1;font-weight:600;margin:14px 0 14px}.featured-copy strong>span{color:#6a8455}.featured-copy>p{font-size:26px;font-weight:450;letter-spacing:-.045em;line-height:1.15}.stage-caption{display:block;margin-top:55px;font-size:9px;color:#5e7451}.device-composition{position:relative;min-width:0;width:100%}.device-composition .browser-preview{max-width:none;box-shadow:0 30px 75px #35472450;border:1px solid #ffffff80}.bode:after{content:'';position:absolute;width:620px;height:620px;right:-70px;top:-160px;border:1px solid #869e7550;border-radius:50%;z-index:-1}.preview-label{position:relative;align-self:flex-start;color:#e0e8dc;font-size:31px;line-height:1.05;letter-spacing:-.055em;z-index:2}.astrojoe{background:radial-gradient(at 100% 0%,#2c465e,#111f36 75%);--showcase-tilt:3deg;--showcase-delay:-1.5s}.star-field{position:absolute;inset:0;background-image:radial-gradient(circle at 12% 25%,#fff9 1px,transparent 2px),radial-gradient(circle at 80% 18%,#a4c7ed 1px,transparent 2px),radial-gradient(circle at 20% 65%,#8ea9d5 1px,transparent 2px);background-size:130px 113px,179px 131px,157px 199px;opacity:.5}.cloudvision{background:#d3d0c6;--showcase-tilt:-2deg;--showcase-delay:-3s}.cloudvision .preview-label{color:#393e35}.cloudvision:after{content:'';position:absolute;right:12px;top:20px;width:140px;height:140px;border-radius:50%;border:1px solid #747e6840;box-shadow:0 0 0 16px #d3d0c6,0 0 0 17px #747e6820;z-index:-1}
.apps{background:#e9ece2;color:#1a2419;--line:#2637212c}.apps .section-top{border-color:#2637212c}.apps .section-aside,.apps .section-title>p{color:#6a765f}.apps .section-title h2 em{color:#657650}.apps-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.app-preview{height:490px;padding:230px 35px 42px;--showcase-tilt:-2deg}.rabbithole-preview{background:#36334c;color:#ede5f9;--showcase-delay:-1s}.koneku-preview{background:#243a2a;color:#d2e6b4;--showcase-tilt:2deg;--showcase-delay:-2.2s}.app-preview-top{position:absolute;top:27px;left:28px;right:28px;display:flex;align-items:center;justify-content:space-between;gap:10px;z-index:3}.app-preview-top .mono{font-size:8px}.app-badge{font-size:7px;letter-spacing:.05em;text-transform:uppercase;display:flex;align-items:center;gap:5px;white-space:nowrap;border:1px solid currentColor;padding:6px 8px;border-radius:20px}.app-badge i{width:4px;height:4px;border-radius:50%;background:currentColor}.product-orbit{position:absolute;left:50%;top:26%;width:120px;height:120px;translate:-50% -50%;display:grid;place-items:center}.product-orbit b{font-size:68px;font-weight:500;letter-spacing:-6px;color:#b9b1db;z-index:2}.product-orbit i{position:absolute;inset:0;border:1px solid #a49dcb70;border-radius:50%;transform:rotateX(56deg) rotateZ(0);animation:orbit-turn 20s linear infinite}.product-orbit i:nth-child(2){inset:-14px;animation-delay:-6s}.product-orbit i:nth-child(3){inset:-28px;animation-delay:-12s}.koneku-orbit b{color:#c2e48c}.koneku-orbit i{border-color:#9bbf6466}.app-preview .browser-preview{max-width:none}.app-preview .browser-preview img{aspect-ratio:1.65}.preview-caption{position:absolute;left:23px;bottom:19px;font:6px/1.4 ui-monospace,monospace;letter-spacing:.08em;opacity:.6}.app-copy{padding:25px 0 0}.app-name{display:flex;justify-content:space-between;gap:15px;align-items:baseline}.app-name h3{font-size:34px;font-weight:500;letter-spacing:-.05em}.app-name>span{font-size:10px;color:#6d7a62}.app-copy>p{font-size:13px;line-height:1.8;color:#67745d;max-width:460px;margin-top:15px}.app-action{display:inline-flex;align-items:center;justify-content:space-between;gap:45px;border-bottom:1px solid #7f906960;padding:8px 0 10px;font-size:11px;margin-top:18px}.app-action .icon{font-size:18px}
.services{background:#171d17}.services-layout{display:grid;grid-template-columns:1fr 1fr;gap:10%}.services-intro h2{font-size:clamp(42px,5vw,78px)}.services-intro h2 em{color:#b7d585}.services-intro>p{font-size:13px;line-height:1.8;color:#8fa280;max-width:310px;margin-top:28px}.text-link{padding:0 0 10px;border-bottom:1px solid #81966b60;margin-top:27px;display:inline-flex;align-items:center;gap:30px;font-size:11px;color:#d1dfc3}.text-link .icon{font-size:18px}.service-glyph{margin:47px 0 0;font-size:90px;color:#667c50;line-height:1;width:max-content;animation:star-turn 48s linear infinite}.service-glyph .icon{display:block}.service{border-top:1px solid #80906940}.service:last-child{border-bottom:1px solid #80906940}.service summary{display:flex;align-items:center;gap:20px;padding:26px 0;list-style:none;cursor:pointer}.service summary::-webkit-details-marker{display:none}.service-number{color:#7b9364;font-size:9px}.service h3{font-size:27px;letter-spacing:-.045em;font-weight:450}.details-sign{width:18px;height:18px;position:relative;margin-left:auto}.details-sign:before,.details-sign:after{content:'';position:absolute;left:2px;right:2px;top:8px;height:1px;background:#acc98a;transition:rotate .3s}.details-sign:after{rotate:90deg}.service[open] .details-sign:after{rotate:0deg}.service[open] h3{color:#c4e992}.service-content{padding:0 0 27px 34px;animation:fade-up .4s var(--ease)}.service-content p{font-size:12px;line-height:1.8;color:#9daf8c;max-width:380px}.tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}.tags>span{font-size:8px;line-height:1.4;border:1px solid #8e9f7940;border-radius:15px;padding:5px 9px;color:#adbd9d}
.studio{background:#111611}.studio-statement{display:grid;grid-template-columns:1.7fr 1fr;align-items:end;gap:8%}.studio-statement h2{font-size:clamp(38px,5.1vw,76px)}.studio-statement h2 em{color:#8ca379}.studio-statement>div p{font-size:13px;line-height:1.8;color:#8a9d7c;max-width:330px}.studio-statement>div p+p{margin-top:18px}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:75px}.process-grid article{border-top:1px solid #8fa27630;padding-top:22px}.process-grid article>.mono{color:#7e9667;font-size:8px}.process-grid h3{font-size:21px;font-weight:450;letter-spacing:-.045em;margin-top:25px;line-height:1.2}.process-grid p{font-size:12px;color:#819472;line-height:1.8;margin-top:16px;max-width:300px}
.contact-section{background:#d3f86b;color:#1b2812;padding-top:40px;padding-bottom:40px}.contact-top{display:flex;justify-content:space-between;align-items:center}.contact-star{font-size:36px;line-height:1}.contact-heading{display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left;padding:0;margin:36px 0 50px}.contact-heading h2{font-size:clamp(58px,8vw,125px);line-height:1.02}.contact-heading h2 em{color:#4c661f}.contact-heading>span{font-size:100px;transition:translate .6s var(--ease)}.contact-heading:hover>span{translate:9px -9px}.contact-bottom{border-top:1px solid #445e2f40;padding-top:25px;display:flex;justify-content:space-between;align-items:end;gap:30px}.contact-bottom p{font-size:11px;line-height:1.8;color:#4a612b}.contact-bottom a{font-size:13px;border-bottom:1px solid #5d793b70;padding-bottom:7px;white-space:nowrap}.contact-bottom a .icon{margin-left:20px}
footer{padding:30px 4.6% 26px;overflow:hidden}.footer-top,.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-top .mono{font-size:8px;color:#718264}.back-top{display:flex;align-items:center;gap:25px;font-size:9px;color:#9aab8e}.footer-wordmark{font-size:clamp(130px,24.2vw,410px);letter-spacing:-.105em;line-height:.94;margin:30px 0 24px}.footer-wordmark .brand-dot{font-size:clamp(22px,4vw,58px);margin:12px 0 0 35px}.footer-bottom{border-top:1px solid #76925c35;padding-top:22px;color:#6d835f;font-size:9px}.footer-bottom>p{color:#8e9e83}
.reveal{opacity:1;transform:none}.js-motion .reveal{opacity:0;transform:translateY(22px);transition:opacity .9s var(--ease),transform .9s var(--ease)}.js-motion .reveal.visible{opacity:1;transform:none}.js-motion .project:nth-child(3),.js-motion .app-card:nth-child(2){transition-delay:.1s}@keyframes fade-up{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes star-turn{to{rotate:360deg}}@keyframes orbit-turn{to{transform:rotateX(56deg) rotateZ(360deg)}}
@keyframes showcase-drift{from{transform:translate3d(0,4px,0) rotate(var(--showcase-tilt,-2deg)) scale(1)}to{transform:translate3d(0,-6px,0) rotate(0deg) scale(1.012)}}
.showcase-motion :is(.project-preview,.app-preview) .browser-preview{animation:showcase-drift 6s cubic-bezier(.45,0,.55,1) var(--showcase-delay,0s) infinite alternate both;animation-play-state:paused}.showcase-motion .showcase-in-view .browser-preview{animation-play-state:running;will-change:transform}.showcase-suspended :is(.project-preview,.app-preview) .browser-preview,body:has(dialog[open]) :is(.project-preview,.app-preview) .browser-preview{animation-play-state:paused!important}@media(hover:hover) and (pointer:fine){:is(.project-preview,.app-preview):hover .browser-preview{translate:0 -6px;scale:1.02}}
.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}.motion-paused .reveal{opacity:1;transform:none;transition:none}.showcase-suspended .strip-track,.showcase-suspended .product-orbit i{animation-play-state:paused}
dialog{width:720px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 40px);overflow:auto;border:1px solid #a1b28b30;border-radius:12px;padding:45px;background:#eff1e8;color:#20311c;box-shadow:0 40px 140px #0008}dialog::backdrop{background:#080d0bd9;backdrop-filter:blur(9px)}dialog[open]{animation:fade-up .3s var(--ease)}dialog .eyebrow{color:#687d59}dialog h2{font-size:52px;margin:22px 0}.dialog-close{position:absolute;right:14px;top:14px;width:44px;height:44px;font-size:24px;color:#3d5333;z-index:2}.project-dialog-media{border-radius:5px;overflow:hidden;margin:0 0 24px;border:1px solid #b8c3aa50;background:#d8ddcf}.project-dialog-media img{width:100%;height:auto;display:block}.project-dialog-description,.dialog-intro{font-size:13px;line-height:1.85;color:#65765a}.project-dialog .tags{margin-bottom:25px}.project-dialog .tags>span{color:#526a40;border-color:#a4b58f65}.small-note{font-size:10px;line-height:1.7;color:#78896d;margin-top:15px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}form{margin-top:26px}label{display:block;font-size:11px;line-height:1.8;margin-bottom:17px;color:#526548}input,textarea,select{font:inherit;display:block;width:100%;border:1px solid #bfccb3;background:#e4e9da;border-radius:4px;padding:11px;color:#20311c;font-size:13px;outline-color:#6d9048}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#8a9b7d}.fallback-email{display:inline-block;font-size:10px;border-bottom:1px solid #a4b48e;margin-top:20px;padding-bottom:4px}#form-status{font-size:12px;line-height:1.7;color:#4d7335;margin-top:14px}
@media(min-width:1600px){.hero-layout{min-height:730px}.hero-art{height:690px}.project-preview{min-height:570px}.bode{min-height:660px}.app-preview{height:590px}.featured-copy strong{font-size:150px}}
@media(max-width:1100px){.header-note{display:none}.header{gap:20px}.desktop-nav{gap:24px}.nav-cta{margin-left:10px}.hero-layout{min-height:550px}.hero h1{font-size:9vw}.hero-art{height:480px;margin-left:-35px}.hero-description{font-size:13px;max-width:310px}.hero-actions{gap:18px}.art-coordinate{left:30px}.art-bottom{left:30px}.project-type{display:none}.featured-copy strong{font-size:90px}.featured-copy>p{font-size:22px}.project-preview{min-height:400px;padding-left:28px;padding-right:28px}.bode{min-height:470px;padding:40px 35px;gap:44px}.app-preview{height:420px;padding:200px 26px 35px}.app-name{display:block}.app-name>span{display:block;margin-top:8px}.services-layout{gap:7%}.service h3{font-size:24px}.studio-statement{grid-template-columns:1.5fr 1fr;gap:6%}.contact-heading>span{font-size:76px}.section{padding-top:85px;padding-bottom:85px}}
@media(max-width:760px){html{scroll-padding-top:25px}.header{height:83px;margin:0 6%;gap:14px}.wordmark{font-size:41px;letter-spacing:-4px}.brand-dot{font-size:10px;margin-left:7px}.desktop-nav{display:none}.nav-cta{margin-left:auto;padding:9px 12px 9px 15px;gap:15px;font-size:10px}.nav-cta span{font-size:17px}.menu-toggle{display:flex;width:44px;height:44px;align-items:center;justify-content:center;flex-direction:column;gap:6px;padding:10px;margin-right:-10px}.menu-toggle span{width:24px;height:1px;background:#b5c5a7;transition:transform .3s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.mobile-nav:not([hidden]){display:flex;position:absolute;top:82px;left:-7%;right:-7%;padding:25px 8% 32px;background:#171e16;border-bottom:1px solid #536e3545;flex-direction:column;gap:20px;font-size:25px;box-shadow:0 25px 35px #0003}.mobile-nav button{text-align:left;padding:0;color:#d3f86b;font-size:25px}.hero{padding:23px 6% 0}.hero-topline .eyebrow{font-size:7px;letter-spacing:.05em;gap:7px}.hero-location{display:none}.hero-layout{display:flex;flex-direction:column;align-items:stretch;min-height:0}.hero-copy{padding:46px 0 0}.hero h1{font-size:clamp(61px,11.7vw,88px);white-space:normal}.hero-description{font-size:13px;max-width:320px;margin-top:24px;margin-bottom:23px;line-height:1.8}.hero-actions{gap:18px}.button{font-size:11px;padding:14px 17px;gap:35px}.quiet-link{font-size:9px}.hero-art{margin:12px -6% 17px;height:365px}.art-coordinate{top:18px;left:7%;right:7%;font-size:6px}.art-coordinate span:last-child{right:0;top:55px}.art-bottom{left:7%;right:7%;bottom:0}.motion-study-link{font-size:8px}.motion-toggle{width:40px;height:40px}.hero-bottom{padding:19px 0 21px}.hero-bottom p{font-size:9px}.scroll-cue{font-size:8px;gap:20px}.scroll-cue .icon{font-size:19px}.discipline-strip{padding:18px 0}.strip-track{gap:26px}.strip-track>span{font-size:17px}.strip-track>.icon{font-size:16px}.section{padding:65px 6%}.section-top{margin-bottom:32px;padding-top:16px}.eyebrow{font-size:8px}.section-aside{display:none}.section-title{display:block;margin-bottom:35px}.section-title h2,.services h2{font-size:53px}.section-title>p{width:auto;max-width:330px;margin-top:23px;font-size:12px;line-height:1.8}.project-grid{grid-template-columns:1fr;gap:35px}.featured-project{grid-column:auto}.project-topline{margin-bottom:12px}.project-topline .mono{font-size:8px}.project-preview{min-height:355px;padding:28px 26px 64px}.bode{grid-template-columns:minmax(0,1fr);min-height:0;gap:40px;padding:28px 28px 70px}.stage-kicker{font-size:7px}.featured-copy strong{font-size:70px;margin:10px 0 12px}.featured-copy>p{font-size:22px}.stage-caption{margin-top:20px;font-size:8px}.browser-bar{height:19px;padding:0 9px}.browser-bar>span{font-size:6px}.browser-bar i{width:3px;height:3px}.browser-preview{border-radius:6px}.project-open{width:42px;height:42px;right:18px;bottom:18px;font-size:21px}.project-info{margin-top:18px;gap:15px;align-items:flex-start}.project-info h3{font-size:24px}.project-info p{font-size:10px;margin-top:5px}.project-detail-link{font-size:8px;gap:10px;padding-top:6px;white-space:nowrap}.project-index{font-size:8px;margin-top:8px}.preview-label{font-size:29px}.apps-grid{grid-template-columns:1fr;gap:40px}.app-preview{height:405px;padding:180px 26px 35px}.app-preview-top{top:25px;left:24px;right:24px}.app-preview-top .mono{font-size:7px}.app-badge{font-size:6px;padding:5px 7px}.product-orbit{top:28%;width:100px;height:100px}.product-orbit b{font-size:60px}.product-orbit i:nth-child(2){inset:-12px}.product-orbit i:nth-child(3){inset:-24px}.app-copy{padding-top:20px}.app-name{display:flex;align-items:center}.app-name h3{font-size:29px}.app-name>span{font-size:9px;max-width:110px;line-height:1.5;text-align:right;margin:0}.app-copy>p{font-size:12px;margin-top:13px}.app-action{font-size:10px;margin-top:16px;padding-bottom:8px}.preview-caption{font-size:5px;bottom:16px}.services-layout{grid-template-columns:1fr;gap:38px}.services-intro h2{font-size:49px}.services-intro>p{font-size:12px;max-width:320px;margin-top:24px}.service-glyph{display:none}.text-link{font-size:10px;margin-top:23px}.service summary{padding:23px 0;gap:16px}.service h3{font-size:24px}.service-number{font-size:8px}.service-content{padding:0 4px 25px 31px}.service-content p{font-size:11px}.studio-statement{grid-template-columns:1fr;gap:27px}.studio-statement h2{font-size:43px}.studio-statement>div p{font-size:12px;max-width:340px}.process-grid{grid-template-columns:1fr;gap:27px;margin-top:40px}.process-grid article{padding-top:19px}.process-grid h3{font-size:23px;margin-top:16px}.process-grid p{font-size:11px;max-width:330px;margin-top:11px}.contact-section{padding-top:31px;padding-bottom:31px}.contact-star{font-size:28px}.contact-heading{margin:30px 0 35px}.contact-heading h2{font-size:clamp(39px,10vw,67px);max-width:90%}.contact-heading>span{font-size:33px;align-self:flex-start;margin-top:7px}.contact-bottom{display:block;padding-top:20px}.contact-bottom p{font-size:10px}.contact-bottom a{display:inline-block;font-size:12px;margin-top:23px}.contact-bottom a .icon{margin-left:12px}footer{padding:25px 6%}.footer-top .mono{font-size:6px}.back-top{font-size:8px;gap:15px}.footer-wordmark{font-size:26vw;letter-spacing:-.1em;margin:30px 0 22px}.footer-wordmark .brand-dot{font-size:20px;margin:4px 0 0 16px}.footer-bottom{font-size:8px;padding-top:17px}.footer-bottom>p{max-width:145px;line-height:1.6}dialog{padding:34px 24px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}dialog h2{font-size:42px}.project-dialog-media{margin-bottom:20px}.project-dialog-description,.dialog-intro{font-size:12px}.form-row{grid-template-columns:1fr;gap:0}.tags>span{font-size:7px}.small-note{font-size:9px}}
@media(max-width:360px){.hero h1{font-size:55px}.hero-actions{gap:13px}.quiet-link{font-size:8px}.featured-copy strong{font-size:64px}.app-name{display:block}.app-name>span{text-align:left;max-width:none;margin-top:5px}.project-detail-link{font-size:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-motion .reveal{opacity:1;transform:none}.browser-preview{transform:none!important}.strip-track{transform:none!important}}

/* Suspend decorative loops along with their preview, and when a dialog is open. */
.strip-track,.product-orbit i{animation-play-state:paused}.discipline-strip.showcase-in-view .strip-track,.showcase-in-view .product-orbit i{animation-play-state:running}body:has(dialog[open]) .product-orbit i,body:has(dialog[open]) .strip-track{animation-play-state:paused!important}
/* Orbit markers make the product motion visible even on a perfectly circular path. */
.product-orbit{top:24%}.product-orbit i:after{content:'';position:absolute;width:5px;height:5px;border-radius:50%;top:-2px;left:50%;background:#cfc6f7;box-shadow:0 0 12px #cfc6f740}.koneku-orbit i:after{background:#c5ed89;box-shadow:0 0 12px #c5ed8940}.app-preview .browser-preview{width:90%;max-width:500px}.project-dialog-media{max-height:260px}
@media(max-width:760px){.product-orbit{top:27%}.app-preview .browser-preview{width:100%;max-width:360px}input,textarea,select{font-size:16px}}
.stage-kicker{display:block}.stage-caption{color:#465c39}
.motion-paused dialog[open],.motion-paused .service-content{animation:none!important;opacity:1;transform:none}
/* Keep small editorial text and focus indicators clear in the light sections. */
.apps .section-aside,.apps .section-title>p{color:#58684c}.app-copy>p,.app-name>span{color:#58664d}.stage-kicker{color:#4e663e}.project-dialog-description,.dialog-intro,.small-note{color:#596c4e}input,textarea,select{border-color:#7b8d68}.apps :is(a,button):focus-visible,.contact-section :is(a,button):focus-visible,dialog :is(a,button,summary):focus-visible{outline-color:#4e7037}