:root{--paper:#f1f0eb;--ink:#11110f;--acid:#d8ff37;--line:rgba(17,17,15,.18);--mono:"DM Mono",monospace;--sans:"Manrope",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.cursor-glow{position:fixed;width:28rem;height:28rem;border-radius:50%;background:radial-gradient(circle,rgba(216,255,55,.16),transparent 68%);pointer-events:none;z-index:0;transform:translate(-50%,-50%);transition:opacity .3s}.site-header{height:82px;position:fixed;inset:0 0 auto;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 3vw;transition:.4s;border-bottom:1px solid transparent}.site-header.scrolled{height:66px;background:rgba(241,240,235,.82);backdrop-filter:blur(18px);border-color:var(--line)}.brand{display:flex;align-items:center;gap:18px}.brand-mark{display:grid;place-items:center;width:40px;height:40px;background:var(--ink);color:var(--paper);border-radius:50%;font:500 13px var(--mono)}.brand-status{font:400 9px var(--mono);letter-spacing:.1em;text-transform:uppercase}.brand-status i{width:6px;height:6px;background:#4fc35f;border-radius:50%;display:inline-block;margin-right:6px;box-shadow:0 0 0 4px rgba(79,195,95,.13)}.desktop-nav{display:flex;gap:2.5rem;font:400 10px var(--mono);letter-spacing:.12em;text-transform:uppercase}.desktop-nav a{position:relative;padding:8px 0}.desktop-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:2px;height:1px;background:var(--ink);transition:.3s}.desktop-nav a:hover:after{right:0}.menu-toggle,.mobile-nav{display:none}.hero{min-height:100svh;position:relative;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;padding:125px 5vw 72px;border-bottom:1px solid var(--line)}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.95%,var(--line) 50%,transparent 50.05%);pointer-events:none}.hero-copy{position:relative;z-index:2;max-width:760px}.eyebrow,.section-index{font:400 9px var(--mono);letter-spacing:.18em;text-transform:uppercase}.eyebrow{margin:0 0 2rem;display:flex;gap:10px;align-items:center}.eyebrow:before{content:"";width:36px;height:1px;background:var(--ink)}h1,h2{font-weight:500;letter-spacing:-.075em;line-height:.93;margin:0}h1{font-size:clamp(4rem,7.5vw,8.5rem)}h1 em,h2 em{font-family:Georgia,serif;font-weight:400}.hero-intro{font-size:clamp(1rem,1.3vw,1.25rem);line-height:1.65;max-width:590px;margin:2.5rem 0;color:#41413c}.hero-actions{display:flex;align-items:center;gap:2rem}.button{display:inline-flex;align-items:center;gap:2.3rem;padding:15px 18px;border-radius:2px;font:500 10px var(--mono);letter-spacing:.08em;text-transform:uppercase}.button-dark{background:var(--ink);color:var(--paper)}.button span{font-size:16px;transition:.3s}.button:hover span{transform:rotate(-45deg)}.text-link{font:500 10px var(--mono);letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid var(--ink);padding:12px 0}.text-link span{margin-left:8px}.hero-system{position:relative;width:min(44vw,650px);aspect-ratio:1;justify-self:end;display:grid;place-items:center}.hero-system:before,.hero-system:after{content:"";position:absolute;background:var(--line)}.hero-system:before{width:100%;height:1px}.hero-system:after{height:100%;width:1px}.orbit{position:absolute;border:1px solid var(--line);border-radius:50%;animation:spin 25s linear infinite}.orbit:after{content:"";position:absolute;width:9px;height:9px;background:var(--acid);border:1px solid var(--ink);border-radius:50%;top:13%;left:14%}.orbit-one{width:72%;height:72%}.orbit-two{width:46%;height:46%;animation-direction:reverse;animation-duration:15s}.orbit-two:after{background:var(--ink);top:auto;left:auto;bottom:-5px;right:50%}.core{width:26%;aspect-ratio:1;border-radius:50%;background:var(--ink);color:var(--paper);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:2;box-shadow:0 0 0 12px var(--paper),0 0 0 13px var(--line)}.core span,.core small{font:400 7px var(--mono);letter-spacing:.2em}.core strong{font-size:clamp(3rem,6vw,6rem);line-height:1}.system-tag{position:absolute;background:var(--paper);border:1px solid var(--ink);padding:9px 12px;font:400 8px var(--mono);text-transform:uppercase;letter-spacing:.06em;z-index:3}.system-tag b{background:var(--acid);padding:3px;margin-right:5px}.tag-one{left:3%;top:25%}.tag-two{right:1%;top:34%}.tag-three{left:10%;bottom:20%}.tag-four{right:3%;bottom:22%}.coordinate{position:absolute;font:400 7px var(--mono);letter-spacing:.16em}.coordinate-top{top:3%}.coordinate-bottom{bottom:3%}.hero-footer{position:absolute;bottom:20px;left:5vw;right:5vw;display:flex;justify-content:space-between;font:400 8px var(--mono);letter-spacing:.12em;text-transform:uppercase}.hero-footer a{display:flex;align-items:center;gap:12px}.hero-footer i{display:block;width:42px;height:1px;background:var(--ink);position:relative}.hero-footer i:after{content:"";position:absolute;right:0;width:1px;height:5px;background:var(--ink);animation:tick 1.6s infinite}.manifesto{padding:10rem 5vw;display:grid;grid-template-columns:1fr 4fr;gap:4vw}.manifesto-copy{max-width:1300px}.big-statement{font-size:clamp(2.6rem,5vw,6.2rem);line-height:1.08;letter-spacing:-.065em;margin:0;max-width:1200px}.big-statement span{font-family:Georgia,serif;font-style:italic;color:#9b9a93}.manifesto-detail{margin:5rem 0 0 auto;max-width:500px;display:flex;gap:5rem;align-items:flex-end}.manifesto-detail p{font-size:14px;line-height:1.7;color:#55554f;margin:0}.signature{font-family:Georgia,serif;font-size:1.5rem;font-style:italic;white-space:nowrap}.projects{background:var(--ink);color:var(--paper);padding:10rem 5vw}.section-heading{display:grid;grid-template-columns:1fr 2.2fr 1fr;gap:4vw;align-items:end;margin-bottom:6rem}.section-heading h2,.capability-intro h2,.process h2,.contact h2{font-size:clamp(3.5rem,7vw,8.5rem)}.section-heading>p:last-child{font-size:13px;line-height:1.7;color:#a2a29b}.project{margin-bottom:9rem}.project-visual{height:70vh;min-height:520px;display:block;position:relative;overflow:hidden}.visual-smartly{background:#d8ff37;color:#111}.visual-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(17,17,15,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(17,17,15,.14) 1px,transparent 1px);background-size:5vw 5vw;transition:transform .8s}.project-visual:hover .visual-grid{transform:scale(1.05)}.smartly-word{position:absolute;left:4vw;bottom:3vw;font-size:clamp(4rem,13vw,14rem);font-weight:700;letter-spacing:-.1em;line-height:.8}.smartly-word span{font-family:Georgia,serif;font-weight:400;font-style:italic}.flow-line{position:absolute;border:1px solid #111;border-radius:50%}.flow-a{width:32vw;height:32vw;right:-4vw;top:-11vw}.flow-b{width:22vw;height:22vw;right:12vw;top:6vw}.flow-node{position:absolute;border:1px solid #111;background:var(--acid);font:500 8px var(--mono);padding:10px}.node-a{right:25%;top:20%}.node-b{right:9%;top:39%}.node-c{right:22%;top:58%}.visual-corner{position:absolute;right:20px;bottom:18px;font:400 8px var(--mono);letter-spacing:.13em}.project-meta{display:grid;grid-template-columns:1.4fr 1.2fr 1fr;gap:3vw;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(241,240,235,.25)}.project-meta div{display:flex;align-items:baseline;gap:1.2rem}.project-meta span{font:400 8px var(--mono);color:#888}.project-meta h3{font-size:clamp(1.6rem,2.8vw,3rem);margin:0;letter-spacing:-.055em}.project-meta p{font-size:12px;line-height:1.7;color:#aaa;margin:0}.project-meta ul{list-style:none;padding:0;margin:0;display:flex;justify-content:flex-end;gap:7px;flex-wrap:wrap}.project-meta li{border:1px solid #444;border-radius:30px;padding:7px 10px;font:400 7px var(--mono);text-transform:uppercase;letter-spacing:.1em}.project-pair{display:grid;grid-template-columns:1fr 1fr;gap:6vw}.project-pair .project-visual{height:56vw;max-height:780px;min-height:500px}.project-offset{margin-top:15rem}.visual-padel{background:#ff643e;color:#181512}.sun{position:absolute;width:70%;aspect-ratio:1;border-radius:50%;background:#ffc94a;right:-15%;top:-10%;transition:.8s}.visual-padel:hover .sun{transform:scale(1.12)}.court-lines{position:absolute;inset:10%;border:1px solid #181512;transform:perspective(600px) rotateX(58deg) translateY(30%)}.court-lines:before,.court-lines:after{content:"";position:absolute;background:#181512}.court-lines:before{width:1px;height:100%;left:50%}.court-lines:after{height:1px;width:100%;top:50%}.visual-padel strong,.visual-coach strong{position:absolute;left:3vw;bottom:3vw;font-size:clamp(3.5rem,7vw,7.5rem);line-height:.82;letter-spacing:-.09em}.visual-coach{background:#b5a8ff;color:#111}.visual-coach strong i{font-family:Georgia,serif;font-weight:400}.coach-path{position:absolute;width:55%;height:75%;border:1px dashed #111;border-radius:50%;right:-4%;top:0;transform:rotate(35deg)}.coach-dot{position:absolute;width:14px;height:14px;border-radius:50%;background:var(--acid);border:1px solid #111}.dot-a{right:22%;top:14%}.dot-b{right:9%;top:42%}.dot-c{right:28%;top:70%}.capabilities{padding:10rem 5vw}.capability-intro{display:grid;grid-template-columns:1fr 2.2fr 1fr;gap:4vw;align-items:end;margin-bottom:8rem}.capability-intro>p:last-child{font-size:13px;line-height:1.7;color:#55554f}.capability-list{border-top:1px solid var(--ink)}.capability-row{display:grid;grid-template-columns:.35fr 1.4fr 1fr .15fr;align-items:center;gap:2vw;padding:2.2rem 0;border-bottom:1px solid var(--line);transition:.35s;position:relative}.capability-row:before{content:"";position:absolute;inset:0;background:var(--acid);transform:scaleY(0);transform-origin:bottom;transition:.35s;z-index:-1}.capability-row:hover:before{transform:scaleY(1)}.capability-row span{font:400 8px var(--mono)}.capability-row h3{font-size:clamp(1.6rem,3.2vw,3.8rem);letter-spacing:-.06em;margin:0}.capability-row p{font-size:12px;line-height:1.6;color:#55554f}.capability-row i{font-style:normal;font-size:1.4rem;transition:.3s}.capability-row:hover i{transform:rotate(45deg)}.process{background:#cecec7;display:grid;grid-template-columns:1fr 1fr;padding:10rem 5vw;gap:8vw}.process-sticky{position:sticky;top:9rem;height:max-content}.process-sticky h2{margin:3rem 0 4rem}.process-dial{width:120px;aspect-ratio:1;border:1px solid var(--ink);border-radius:50%;display:grid;place-items:center;position:relative}.process-dial span{font:400 2rem var(--mono)}.process-dial i{position:absolute;width:50%;height:1px;background:var(--ink);left:50%;transform-origin:left;animation:spinLine 8s linear infinite}.process-steps article{min-height:65vh;border-top:1px solid var(--ink);padding:2rem 0;display:flex;flex-direction:column;justify-content:center}.process-steps span{font:400 8px var(--mono);letter-spacing:.13em}.process-steps h3{font-size:clamp(2rem,4vw,5rem);line-height:1;letter-spacing:-.07em;margin:2.5rem 0}.process-steps p{max-width:430px;font-size:13px;line-height:1.7;color:#55554f}.contact{background:var(--acid);min-height:100svh;padding:9rem 5vw 2rem;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}.contact-orb{position:absolute;width:48vw;aspect-ratio:1;border:1px solid var(--ink);border-radius:50%;right:-10vw;top:-15vw;display:grid;place-items:center}.contact-orb:before,.contact-orb:after{content:"";position:absolute;border:1px solid var(--ink);border-radius:50%;animation:pulse 5s ease-in-out infinite}.contact-orb:before{inset:16%}.contact-orb:after{inset:32%;animation-delay:1s}.contact-orb span{font-size:12vw;font-weight:700;letter-spacing:-.12em}.contact h2{max-width:1100px;position:relative}.contact>p:not(.section-index){max-width:530px;font-size:14px;line-height:1.7;margin:2.2rem 0}.contact-link{font-size:clamp(1.2rem,2vw,2.3rem);border-bottom:1px solid var(--ink);width:max-content;padding-bottom:8px}.contact-link span{display:inline-block;margin-left:2rem;transition:.3s}.contact-link:hover span{transform:rotate(45deg)}footer{margin-top:8rem;padding-top:1.5rem;border-top:1px solid var(--ink);display:flex;justify-content:space-between;font:400 8px var(--mono);letter-spacing:.1em;text-transform:uppercase}.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes tick{50%{transform:translateX(-38px)}}@keyframes spinLine{to{transform:rotate(360deg)}}@keyframes pulse{50%{transform:scale(1.08)}}@media(max-width:900px){.site-header{height:70px;padding:0 5vw}.brand-status,.desktop-nav{display:none}.menu-toggle{display:flex;background:none;border:0;gap:10px;align-items:center;text-transform:uppercase;font:400 9px var(--mono);letter-spacing:.1em}.menu-toggle i{width:7px;height:7px;background:var(--acid);border:1px solid var(--ink);border-radius:50%}.mobile-nav{display:flex;position:fixed;inset:66px 0 auto;background:var(--ink);color:var(--paper);flex-direction:column;padding:2rem 5vw;transform:translateY(-120%);opacity:0;transition:.35s;z-index:-1}.mobile-nav.open{transform:none;opacity:1}.mobile-nav a{font-size:1.4rem;padding:1.2rem 0;border-bottom:1px solid #444}.hero{display:block;padding:115px 5vw 60px}.hero:before{display:none}h1{font-size:clamp(3.5rem,16vw,6rem)}.hero-intro{font-size:14px;margin:1.8rem 0}.hero-system{width:90vw;margin:4rem auto 2rem}.hero-footer{display:none}.manifesto{padding:7rem 5vw;display:block}.manifesto .section-index{margin-bottom:3rem}.manifesto-detail{margin-top:3rem;gap:2rem}.projects,.capabilities{padding:7rem 5vw}.section-heading,.capability-intro{display:block;margin-bottom:4rem}.section-heading h2,.capability-intro h2,.process h2,.contact h2{font-size:clamp(3.4rem,15vw,6rem);margin:1.8rem 0}.project{margin-bottom:6rem}.project-visual{height:65vh;min-height:480px}.project-meta,.project-meta.compact{grid-template-columns:1fr;gap:1rem}.project-meta ul{justify-content:flex-start}.project-pair{display:block}.project-offset{margin-top:0}.project-pair .project-visual{height:65vh;min-height:480px}.smartly-word{font-size:18vw;bottom:8vw}.visual-padel strong,.visual-coach strong{font-size:16vw;left:6vw;bottom:8vw}.capability-intro>p:last-child{max-width:520px}.capability-row{grid-template-columns:.25fr 1fr .1fr}.capability-row p{display:none}.process{display:block;padding:7rem 5vw}.process-sticky{position:relative;top:0}.process-dial{display:none}.process-steps article{min-height:55vh}.contact{padding:7rem 5vw 1.5rem}.contact-orb{width:90vw;right:-45vw;top:-10vw}.contact-orb span{font-size:24vw}footer{gap:1.2rem;flex-direction:column;margin-top:5rem}}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}
