@font-face{font-family:Inter;src:url('assets/Inter-Regular.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Inter;src:url('assets/Inter-SemiBold.woff2') format('woff2');font-weight:600 900;font-display:swap}
:root{--paper:#f5f5f1;--ink:#202322;--muted:#656b67;--line:#d9dcd5;--accent:#315df3;--max:1320px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;color:var(--ink);background:var(--paper);font-family:Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}img{display:block;max-width:100%;height:auto}button{cursor:pointer}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:600}p{line-height:1.7;color:var(--muted)}:focus-visible{outline:3px solid var(--accent);outline-offset:5px}[hidden]{display:none!important}.site-shell{max-width:1600px;margin:auto;padding:0 48px}.skip{position:fixed;z-index:100;left:16px;top:-70px;background:var(--ink);color:white;padding:15px;border-radius:8px}.skip:focus{top:15px}.header{height:104px;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:32px;position:relative;z-index:10}.brand{display:block;width:188px;flex-shrink:0}.brand img{width:100%;height:auto}.header nav{display:flex;gap:30px;margin-left:auto;align-items:center;font-size:13px}.header nav a{color:var(--muted);padding:9px 0;position:relative}.header nav a[aria-current=page],.header nav a:hover{color:var(--ink)}.header nav a[aria-current=page]:after{content:'';position:absolute;width:4px;height:4px;border-radius:50%;background:var(--ink);left:50%;bottom:0}.header-contact{font-size:13px;background:var(--ink);color:white;border-radius:30px;padding:12px 19px;display:flex;gap:22px}.menu-toggle{display:none}.eyebrow{font:11px/1.5 Inter,Arial,sans-serif;letter-spacing:1.4px;text-transform:uppercase;font-weight:600}.eyebrow i{display:inline-block;background:var(--accent);border-radius:50%;width:6px;height:6px;margin-right:9px}.hero{padding:34px 0 0}.hero-topline,.hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px}.hero-note{font-size:11px;color:var(--muted)}.hero-layout{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:50px;min-height:610px;padding:44px 0 56px}.hero h1{font-size:clamp(60px,6.8vw,106px);line-height:1.02;letter-spacing:-6px}.hero h1 span{color:var(--muted)}.hero-copy>p{font-size:16px;margin:30px 0 26px;line-height:1.65}.button{display:inline-flex;gap:34px;align-items:center;justify-content:space-between;font-size:13px;font-weight:600;padding:17px 22px;border-radius:32px;transition:background .2s,transform .2s}.button.dark{background:var(--ink);color:white}.button:hover{background:var(--accent);transform:translateY(-2px)}.hero-bottom{border-top:1px solid var(--line);padding:22px 0;font-size:11px;color:var(--muted)}.hero-bottom a{display:flex;gap:36px;color:var(--ink)}.identity-object{position:relative;aspect-ratio:1/1;isolation:isolate;overflow:hidden;border-radius:50%;background:radial-gradient(ellipse at 38% 23%,#fff 0%,#ecefe7 55%,#dfe4d8 100%);box-shadow:inset 0 0 0 1px #e3e7dd;animation:object-entrance 1.2s ease both}.object-grid{position:absolute;inset:0;background-image:linear-gradient(#69715c14 1px,transparent 1px),linear-gradient(90deg,#69715c14 1px,transparent 1px);background-size:38px 38px;mask-image:radial-gradient(circle,#0008,transparent 70%)}.object-core{position:absolute;inset:16%;transform:rotate(-13deg);filter:drop-shadow(12px 28px 15px #26311b36);animation:levitate 9s ease-in-out infinite}.object-core img{width:100%;height:100%;object-fit:contain;transform:scale(1.58)}.object-orbit{position:absolute;left:8%;top:34%;width:84%;height:30%;border:1px solid #899d7b80;border-radius:50%;transform:rotate(-35deg)}.orbit-one{z-index:2;border-top-color:transparent}.orbit-two{transform:rotate(48deg);width:70%;left:15%;border-color:#fff9}.object-coordinate{position:absolute;font-size:9px;letter-spacing:1px;color:#677160}.object-coordinate.top{top:12%;left:28%}.object-coordinate.bottom{bottom:12%;right:24%}.object-dot{position:absolute;right:17%;top:31%;width:17px;height:17px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 7px #315df310}.intro-section{padding:115px 0;display:grid;grid-template-columns:1fr 2.2fr;border-top:1px solid var(--line);gap:40px}.intro-section h2{font-size:clamp(28px,3.2vw,48px);line-height:1.2;letter-spacing:-1.8px}.intro-section h2 span{color:var(--muted)}.intro-section p{font-size:16px;max-width:590px;margin-top:24px}.pathways{display:grid;grid-template-columns:1fr 1fr;gap:18px}.pathway{padding:35px 38px 45px;background:#e6ebe0;position:relative;border-radius:14px;min-height:350px;transition:transform .25s}.pathway:hover{transform:translateY(-5px)}.pathway-icon{font-size:44px;margin:24px 0 28px;line-height:1;color:#505b49}.pathway h2{font-size:35px;letter-spacing:-1.4px;line-height:1.16}.pathway p{font-size:13px;margin-top:16px;padding-right:35px}.dark-path{background:var(--ink);color:#f5f5f1}.dark-path p{color:#bbc3b8}.dark-path .pathway-icon{color:#c7dfa4}.round-arrow{position:absolute;right:28px;bottom:28px;display:grid;place-items:center;width:40px;height:40px;border:1px solid #79836e66;border-radius:50%;font-size:21px}.dark-path .round-arrow{border-color:#ffffff40}.about-strip{padding:115px 0;display:grid;grid-template-columns:1fr 2fr;gap:30px}.about-strip h2{font-size:35px;letter-spacing:-1.5px;line-height:1.3}.about-strip h2 span{color:var(--muted)}.about-strip>a{grid-column:2}.text-link{font-size:13px;display:inline-flex;gap:30px;align-items:center;width:fit-content;border-bottom:1px solid var(--line);padding:8px 0}.text-link:hover{color:var(--accent)}footer{border-top:1px solid var(--line);padding:48px 0 28px}.footer-top,.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px}.footer-top{padding-bottom:48px}.footer-top p,.footer-top>a:last-child{font-size:13px}.footer-bottom{font-size:10px;color:var(--muted)}.footer-bottom nav{display:flex;gap:22px;flex-wrap:wrap}.footer-bottom a:hover{color:var(--ink)}.page-intro{padding:78px 0 70px;border-bottom:1px solid var(--line)}.page-intro h1{font-size:clamp(45px,5vw,76px);letter-spacing:-3.8px;line-height:1.12;margin:26px 0}.page-intro h1 span{color:var(--muted)}.page-intro>p{font-size:16px;max-width:640px}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px 28px;padding:55px 0 100px}.work-image{display:block;position:relative;aspect-ratio:1.5;background:#e0e3dc;border-radius:12px;overflow:hidden}.work-image>img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.work-image:hover>img{transform:scale(1.035)}.work-image .round-arrow{background:var(--paper);border:0}.work-meta{font-size:10px;color:var(--muted);margin:22px 0 12px;letter-spacing:.6px}.work-card h2{font-size:28px;letter-spacing:-1px}.work-card p{font-size:14px;max-width:470px;margin-top:12px}.external-feature{display:flex;justify-content:space-between;align-items:center;gap:40px;padding:48px;background:#e6ebe0;border-radius:12px;margin:0 0 75px}.external-feature h2{font-size:38px;letter-spacing:-1.4px;margin-top:20px}.external-feature p{margin-top:16px;font-size:14px}.external-feature .button{flex-shrink:0}.related{border-top:1px solid var(--line);padding:35px 0 75px;display:flex;align-items:center;justify-content:space-between}.related>a{font-size:25px;letter-spacing:-.7px}.related>a span{margin-left:36px}.product-jumps{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.product-jumps a{font-size:12px;padding:10px 15px;border:1px solid var(--line);border-radius:30px}.product-jumps a:hover{border-color:var(--ink)}.product{display:grid;grid-template-columns:1fr 1.25fr;gap:55px;align-items:center;padding:70px 0;border-bottom:1px solid var(--line)}.product-name{font-size:31px;letter-spacing:-1px;margin:18px 0 30px;color:#092b59}.product-name span{background:linear-gradient(90deg,#0860f5,#4ebdff);background-clip:text;color:transparent}.swift .product-name span{background-image:linear-gradient(90deg,#8733ed,#bd85ff)}.adblocker .product-name span{background-image:linear-gradient(90deg,#bd0019,#ff5659)}.product h3{font-size:28px;line-height:1.2;letter-spacing:-1px;max-width:360px}.product p{font-size:14px;margin:18px 0}.feature-list{display:flex;flex-wrap:wrap;list-style:none;gap:8px;padding:0;margin:24px 0}.feature-list li{font-size:10px;border:1px solid var(--line);border-radius:5px;padding:7px}.actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.product small{display:block;color:var(--muted);font-size:10px;margin-top:20px;line-height:1.6}.product-visual{background:#e5eafa;padding:30px;border-radius:14px;min-width:0}.product-visual img{border:1px solid #ffffff60;border-radius:8px;box-shadow:0 15px 35px #20303b18}.swift .product-visual{background:#ece7f6}.adblocker .product-visual{background:#f3e8e6}.ad-preview{background:#fff;border:1px solid #e8dedc;padding:26px;border-radius:9px;box-shadow:0 15px 35px #30201b10}.ad-preview-top{display:flex;justify-content:space-between;border-bottom:1px solid #eee;padding-bottom:20px;font-size:15px;color:#092b59}.ad-preview-top strong{color:#d90020}.ad-preview-top>span:last-child{color:#de243d}.ad-preview>strong{font-size:34px;line-height:1.25;letter-spacing:-1px;display:block;padding:32px 0}.ad-preview-line{font-size:12px;color:var(--muted)}.faq{display:grid;grid-template-columns:1fr 1.5fr;gap:60px;padding:85px 0}.faq h2{font-size:36px;letter-spacing:-1px;margin-top:18px}details{border-bottom:1px solid var(--line);padding:23px 0}summary{cursor:pointer;font-size:15px;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:20px}summary:after{content:'＋';font-size:18px;font-weight:400}details[open] summary:after{content:'−'}details p{font-size:14px;margin-top:18px;max-width:550px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-bottom:90px}.principles article{border-top:1px solid var(--line);padding-top:24px}.principles article>span{font-size:11px;color:var(--muted)}.principles h2{font-size:27px;margin:30px 0 16px;letter-spacing:-1px}.principles p{font-size:14px}.breadcrumb{display:block;font-size:12px;color:var(--muted);margin-top:35px}.breadcrumb:before{content:'← ';}.project-detail-intro{padding:45px 0}.section-kicker{font-size:11px;letter-spacing:1px;color:var(--muted)}.project-detail-intro h1{font-size:clamp(44px,5vw,72px);letter-spacing:-3px;margin:22px 0}.project-detail-intro em{color:var(--accent);font-style:normal}.project-detail-intro p{font-size:16px;max-width:730px}.project-tags{display:flex;gap:8px;margin-top:20px;flex-wrap:wrap}.project-tags span{font-size:10px;padding:7px 10px;border:1px solid var(--line);border-radius:5px}.project-detail-layout{display:grid;grid-template-columns:2.4fr 1fr;gap:45px;align-items:start}.gallery-stage{position:relative;border-radius:10px;overflow:hidden;background:#e2e5de}.gallery-stage>img{width:100%;aspect-ratio:1.4;object-fit:cover}.gallery-enlarge{position:absolute;right:18px;top:18px;width:40px;height:40px;border:0;border-radius:50%;background:var(--paper)}svg{width:20px;height:20px;vertical-align:middle}.gallery-count{position:absolute;bottom:20px;left:20px;background:var(--ink);color:white;padding:8px 12px;font-size:10px;border-radius:20px}.gallery-thumbnails{display:flex;gap:10px;margin-top:12px}.gallery-thumb{padding:0;border:2px solid transparent;background:transparent;border-radius:6px;overflow:hidden;opacity:.65;flex:1}.gallery-thumb img{width:100%;height:70px;object-fit:cover}.gallery-thumb.active{border-color:var(--ink);opacity:1}.project-specs{padding:26px 0;border-top:1px solid var(--line)}dl{margin:20px 0}dl>div{padding:18px 0;border-bottom:1px solid var(--line)}dt{font-size:10px;color:var(--muted)}dd{margin:8px 0 0;font-size:15px}.project-story{display:grid;grid-template-columns:1fr 1.6fr;gap:70px;padding:90px 0}.story-heading h2{font-size:40px;letter-spacing:-1.5px;margin-top:20px}.story-heading h2 span{color:var(--muted)}.story-copy p{margin-bottom:20px;font-size:15px}.build-timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;padding:35px 0 80px;border-top:1px solid var(--line)}.timeline-track{display:none}.step-number{font-size:11px;color:var(--muted)}.build-step h3{font-size:24px;letter-spacing:-.7px;margin:25px 0 12px}.build-step p{font-size:13px}.next-project{background:#e6ebe0;border-radius:12px;display:flex;justify-content:space-between;align-items:center;padding:45px;gap:35px;margin-bottom:80px}.next-project h2{font-size:30px;letter-spacing:-1px;margin-top:18px}.next-project .button{background:var(--ink);color:white}.image-dialog{border:0;padding:0;background:var(--ink);max-width:92vw;max-height:90vh;border-radius:10px}.image-dialog::backdrop{background:#101813cc;backdrop-filter:blur(8px)}.image-dialog img{max-height:88vh;max-width:90vw;width:auto;object-fit:contain}.close-button{position:absolute;right:12px;top:12px;background:white;border:0;width:42px;height:42px;border-radius:50%}.modal-open{overflow:hidden}.reveal-pending{opacity:0;transform:translateY(22px)}[data-reveal]{transition:opacity .65s ease,transform .65s ease}.hero-copy{animation:copy-entrance .8s ease both}@keyframes levitate{0%,100%{transform:translateY(0) rotate(-13deg)}50%{transform:translateY(-12px) rotate(-9deg)}}@keyframes copy-entrance{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes object-entrance{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}
@media(min-width:1500px){.site-shell{padding:0 80px}.hero-layout{min-height:710px}.hero h1{font-size:108px}}
@media(max-width:1050px){.site-shell{padding:0 32px}.hero-layout{gap:20px;min-height:550px}.hero h1{font-size:72px;letter-spacing:-4px}.header nav{gap:20px}.hero-copy>p{font-size:14px}.pathway{padding:28px}.pathway h2{font-size:30px}.product{gap:25px}.product-visual{padding:20px}.intro-section{grid-template-columns:1fr 2.4fr}.hero-note{display:none}}
@media(max-width:760px){.site-shell{padding:0 22px}.header{height:82px;gap:14px}.brand{width:162px}.header-contact{display:none}.menu-toggle{display:flex;margin-left:auto;gap:15px;align-items:center;border:1px solid var(--line);border-radius:30px;padding:9px 14px;background:transparent;font-size:12px}.header nav{display:none;position:absolute;left:0;right:0;top:81px;background:var(--paper);padding:18px;border:1px solid var(--line);border-radius:0 0 10px 10px;box-shadow:0 12px 20px #20232210}.header nav.open{display:flex;flex-direction:column;align-items:stretch;gap:4px}.header nav a{padding:14px}.header nav a[aria-current=page]:after{left:0;top:21px;bottom:auto}.hero{padding-top:25px}.hero-layout{grid-template-columns:1fr;padding:36px 0 30px;gap:35px;min-height:0}.hero h1{font-size:clamp(46px,11vw,75px);letter-spacing:-2.8px}.hero-copy>p{margin:24px 0}.identity-object{width:76%;max-width:340px;justify-self:center}.hero-bottom{font-size:10px;align-items:start}.hero-bottom>span{max-width:180px;line-height:1.6}.hero-bottom a{gap:12px;white-space:nowrap}.intro-section{padding:60px 0;grid-template-columns:1fr;gap:24px}.intro-section h2{font-size:30px;letter-spacing:-1px}.intro-section p{font-size:14px}.pathways{grid-template-columns:1fr;gap:14px}.pathway{min-height:315px;padding:28px}.pathway h2{font-size:32px}.about-strip{grid-template-columns:1fr;padding:65px 0;gap:25px}.about-strip>a{grid-column:auto}.about-strip h2{font-size:29px;letter-spacing:-1px}.footer-top{flex-wrap:wrap;padding-bottom:30px;gap:20px}.footer-top p{display:none}.footer-bottom{align-items:start;flex-direction:column;gap:22px}.footer-bottom nav{gap:16px}.page-intro{padding:55px 0 45px}.page-intro h1{font-size:44px;letter-spacing:-2.4px}.page-intro>p{font-size:14px}.work-grid{grid-template-columns:1fr;gap:40px;padding:35px 0 60px}.work-card h2{font-size:26px}.external-feature{padding:28px;flex-direction:column;align-items:start;margin-bottom:50px;gap:25px}.external-feature h2{font-size:31px}.related{align-items:start;flex-direction:column;gap:25px;padding-bottom:50px}.related>a{font-size:22px}.product{grid-template-columns:1fr;gap:30px;padding:45px 0}.product h3{font-size:27px}.product-name{margin:18px 0 22px}.product-visual{padding:18px}.faq{grid-template-columns:1fr;gap:25px;padding:60px 0}.faq h2{font-size:30px}.principles{grid-template-columns:1fr;gap:35px;margin-bottom:55px}.principles h2{margin-top:18px}.project-detail-layout{grid-template-columns:1fr;gap:20px}.project-detail-intro{padding:30px 0}.project-detail-intro h1{font-size:44px;letter-spacing:-2px}.project-detail-intro p{font-size:14px}.project-specs{padding:20px 0}.project-story{grid-template-columns:1fr;gap:25px;padding:45px 0}.story-heading h2{font-size:32px}.build-timeline{grid-template-columns:1fr;padding-bottom:45px;gap:30px}.build-step h3{margin-top:15px}.next-project{padding:28px;flex-direction:column;align-items:start;margin-bottom:50px}.ad-preview>strong{font-size:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal-pending{opacity:1;transform:none}}
