* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--paper); color: var(--ink); font-family: "DM Sans", Arial, sans-serif; overflow-x: hidden; }
body.dialog-open { overflow: hidden; }
a { color: inherit; text-decoration: none; }
button { color: inherit; font: inherit; }
.noise { position: fixed; inset: 0; z-index: 1000; pointer-events: none; opacity: .035; 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='.8'/%3E%3C/svg%3E"); }
.cursor { width: 74px; height: 74px; border-radius: 50%; background: var(--acid); color: var(--ink); display: grid; place-items: center; position: fixed; z-index: 2000; left: 0; top: 0; transform: translate(-50%, -50%) scale(0); pointer-events: none; transition: transform .22s ease; font-size: 13px; font-weight: 600; }
.cursor.visible { transform: translate(-50%, -50%) scale(1); }
.site-header { position: fixed; top: 20px; left: 24px; right: 24px; display: flex; justify-content: space-between; align-items: center; z-index: 100; pointer-events: none; }
.site-header > * { pointer-events: auto; }
.monogram { width: 48px; height: 48px; background: var(--ink); color: var(--paper-strong); border-radius: 50%; display: grid; place-items: center; font-family: "DM Serif Display", serif; font-size: 19px; }
.nav-pill { position: absolute; left: 50%; transform: translateX(-50%); display: flex; gap: 6px; padding: 6px; border: 1px solid rgba(23,23,20,.12); background: rgba(255,253,247,.72); backdrop-filter: blur(18px); border-radius: var(--radius-pill); box-shadow: 0 8px 32px rgba(23,23,20,.06); }
.nav-pill a { padding: 10px 18px; border-radius: var(--radius-pill); font-size: 14px; transition: background .2s; }
.nav-pill a:hover { background: var(--ink); color: var(--paper-strong); }
.contact-pill { height: 48px; display: flex; align-items: center; gap: 9px; padding: 0 19px; border: 1px solid var(--ink); border-radius: var(--radius-pill); background: var(--paper); font-size: 14px; }
.availability-dot { width: 8px; height: 8px; background: #55bb76; border-radius: 50%; box-shadow: 0 0 0 5px rgba(85,187,118,.13); }
.hero { width: var(--page); min-height: 100svh; margin: auto; padding: 168px 0 84px; position: relative; display: flex; flex-direction: column; justify-content: center; }
.hero-kicker { display: flex; align-items: center; gap: 20px; margin: 0 0 34px 8%; }
.hero-kicker p { font-size: 16px; line-height: 1.3; }
.portrait-sticker { width: 76px; height: 86px; background: var(--cobalt); color: white; transform: rotate(-6deg); border-radius: 18px; display: grid; place-items: center; position: relative; box-shadow: var(--shadow-float); }
.portrait-sticker img { width: 100%; height: 100%; object-fit: cover; border-radius: inherit; filter: grayscale(1); }
.portrait-sticker svg { position: absolute; width: 65px; bottom: -11px; right: -23px; color: var(--ink); }
.hero-title { margin: 0; font-size: clamp(58px, 7.9vw, 124px); line-height: .91; letter-spacing: -.065em; font-weight: 500; }
.hero-title em, .section-heading em, .about-copy em, .contact-section em { font-family: "DM Serif Display", Georgia, serif; font-weight: 400; }
.title-indent { display: inline-block; margin-left: 8%; }
.hero-meta { display: flex; align-items: center; gap: 28px; align-self: flex-end; margin-top: 42px; max-width: 480px; }
.hero-meta p { font-size: 17px; line-height: 1.55; color: var(--muted); margin: 0; }
.round-arrow { flex: 0 0 auto; width: 64px; height: 64px; display: grid; place-items: center; border: 1px solid var(--ink); border-radius: 50%; font-size: 25px; transition: .25s; }
.round-arrow:hover { background: var(--ink); color: var(--acid); transform: rotate(45deg); }
.floating-note { position: absolute; padding: 12px 16px; border: 1px solid var(--line); border-radius: 8px; background: var(--paper-strong); font-size: 13px; box-shadow: 0 12px 30px rgba(23,23,20,.08); }
.note-one { top: 28%; right: 5%; transform: rotate(7deg); }
.note-two { bottom: 19%; left: 2%; background: var(--acid); transform: rotate(-5deg); }
.scribble { position: absolute; right: 20%; top: 25%; font-size: 42px; animation: spin 10s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }
.work-section { background: #e9e4d8; color: var(--ink); border-radius: 48px; padding: 132px max(24px, calc((100vw - 1440px)/2)) 150px; }
.section-heading { display: grid; grid-template-columns: .7fr 1.6fr .7fr; align-items: end; gap: 40px; margin-bottom: 78px; }
.eyebrow { font-size: 12px; letter-spacing: .12em; text-transform: uppercase; margin: 0; }
.section-heading h2, .about-copy h2, .contact-section h2 { font-size: clamp(48px, 6vw, 92px); line-height: .94; letter-spacing: -.05em; font-weight: 500; margin: 0; }
.section-heading > p:last-child { color: var(--muted); line-height: 1.6; margin: 0; }
.projects { display: grid; grid-template-columns: 1fr 1fr; gap: 72px 24px; }
.project { cursor: pointer; outline: none; }
.project-large { grid-column: 1 / -1; }
.project-visual { min-height: 590px; border-radius: var(--radius-lg); position: relative; overflow: hidden; isolation: isolate; }
.project:not(.project-large) .project-visual { min-height: 670px; }
.real-project { background: #252424; }
.project-image { width: 100%; height: 100%; position: absolute; inset: 0; object-fit: cover; transition: transform .8s cubic-bezier(.2,.8,.2,1); }
.visual-label { position: absolute; z-index: 5; left: 24px; top: 24px; padding: 9px 13px; background: rgba(255,255,255,.72); color: var(--ink); backdrop-filter: blur(10px); border-radius: var(--radius-pill); font-size: 12px; }
.visual-label.dark-label { background: rgba(23,23,20,.8); color: white; }
.visual-nusa { background: #bdccff; display: flex; align-items: flex-end; justify-content: center; gap: 24px; padding-top: 70px; }
.visual-nusa:before { content:""; position:absolute; width:650px; height:650px; border:1px solid rgba(34,34,80,.18); border-radius:50%; top:-80px; left:50%; transform:translateX(-50%); box-shadow: 0 0 0 80px rgba(255,255,255,.08), 0 0 0 160px rgba(255,255,255,.05); z-index:-1; }
.phone { width: 265px; height: 510px; border: 8px solid #19191c; border-radius: 38px 38px 0 0; background: #f7f8fe; color: #17171c; padding: 28px 20px; box-shadow: 0 36px 55px rgba(34,44,95,.28); transition: transform .6s cubic-bezier(.2,.8,.2,1); }
.project:hover .phone-back { transform: translateY(-18px) rotate(-8deg); }
.project:hover .phone-front { transform: translateY(-34px) rotate(4deg); }
.phone-back { transform: translateY(40px) rotate(-4deg); }
.phone-front { transform: translateY(12px) rotate(2deg); background:#17171c; color:white; }
.phone-top { display:flex; justify-content:space-between; font-size:10px; margin-bottom:56px; }
.phone p { font-size:12px; margin:0 0 8px; }
.phone h3 { font-size:30px; margin:0 0 25px; }
.bars { height:100px; display:flex; align-items:flex-end; gap:8px; }
.bars i { flex:1; background:var(--cobalt); border-radius:8px; height:var(--h, 50%); }
.bars i:nth-child(2){height:70%}.bars i:nth-child(3){height:45%}.bars i:nth-child(4){height:90%}.bars i:nth-child(5){height:60%}.bars i:nth-child(6){height:78%}.bars i:nth-child(7){height:55%}
.mini-card { background:white; border-radius:16px; padding:15px; margin-top:24px; display:flex; flex-direction:column; gap:5px; font-size:11px; }
.balance-row { display:flex; justify-content:space-between; padding:15px; background:#28282c; border-radius:14px; font-size:11px; }
.balance-row b {color:var(--acid)}
.spend-ring { width:138px; height:138px; margin:28px auto; border-radius:50%; background:conic-gradient(var(--acid) 0 64%,#353539 64%); display:grid; place-items:center; }
.spend-ring:before {content:"";width:100px;height:100px;border-radius:50%;background:#17171c;position:absolute}.spend-ring span{position:relative;font-size:22px}
.phone button {width:100%;padding:14px;border:0;border-radius:30px;background:var(--acid);font-weight:600}
.impact-chip { position:absolute; z-index:6; right:6%; top:20%; background:var(--ink); color:white; padding:15px 20px; border-radius:12px; transform:rotate(5deg); font-size:14px; box-shadow:var(--shadow-float); }
.project-info { display:grid; grid-template-columns:1fr 1fr auto; gap:40px; align-items:start; padding:24px 6px 0; }
.project-info p { color:#93928b; line-height:1.5; margin:0; }
.project-info h3 { font-size:35px; letter-spacing:-.03em; margin:9px 0 0; }
.project-arrow { width:44px;height:44px;border:1px solid #55544e;border-radius:50%;display:grid;place-items:center;transition:.25s; }
.project:hover .project-arrow {background:var(--acid);color:var(--ink);transform:rotate(45deg)}
.project-info.compact { grid-template-columns:1fr auto; }
.project-tiles { display:flex; flex-direction:column; gap:24px; }
.tiles-row { display:flex; gap:2%; }
.project-tile { position:relative; flex-shrink:0; height:590px; border-radius:38px; overflow:hidden; cursor:pointer; isolation:isolate; outline:none; box-shadow:inset 0 0 0 0 rgba(23,23,20,.55); transition:box-shadow .35s ease, transform .8s cubic-bezier(.2,.75,.2,1), opacity .8s ease; }
.project-tile.tile-wide { width:59%; }
.project-tile.tile-narrow { width:39%; }
.project-tile .project-image { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block; }
.project-tile .project-image { transform:none; }
.project-tile:hover,.project-tile:focus-visible { box-shadow:inset 0 0 0 1px rgba(23,23,20,.55); }
.tile-resting-meta { position:absolute; z-index:2; inset:auto 0 0; padding:70px 24px 22px; display:flex; justify-content:space-between; gap:20px; color:white; font-size:12px; letter-spacing:.03em; background:linear-gradient(transparent,rgba(5,5,5,.58)); transition:opacity .3s ease,transform .3s ease; }
.tile-overlay { position:absolute; z-index:3; inset:0; padding:30px; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; background:rgba(18,18,16,.38); color:white; backdrop-filter:blur(9px); -webkit-backdrop-filter:blur(9px); opacity:0; transition:opacity .35s cubic-bezier(.25,.46,.45,.94); }
.tile-overlay:before { content:""; position:absolute; inset:18px; border:1px solid rgba(255,255,255,.3); border-radius:24px; opacity:0; transition:opacity .35s ease; }
.project-tile:hover .tile-overlay,.project-tile:focus-visible .tile-overlay { opacity:1; }
.project-tile:hover .tile-overlay:before,.project-tile:focus-visible .tile-overlay:before { opacity:1; }
.project-tile:hover .tile-resting-meta,.project-tile:focus-visible .tile-resting-meta { opacity:0; }
.tile-overlay-kicker { margin:0 0 18px; font-size:11px; letter-spacing:.14em; text-transform:uppercase; }
.tile-overlay h3 { position:relative; margin:0; max-width:90%; font-family:"DM Serif Display",serif; font-size:clamp(42px,4.3vw,72px); line-height:.95; font-weight:400; }
.tile-overlay>p:last-child { position:relative; max-width:420px; margin:22px 0 0; color:rgba(255,255,255,.82); line-height:1.5; }
.project-tile.reveal { opacity:.25; transform:scale(.72); transform-origin:center; }
.project-tile.reveal.in-view { opacity:1; transform:scale(1); }
.visual-health { background:#ec6f59; padding:42px; color:#211e1b; }
.visual-health:before {content:"";position:absolute;inset:0;background:radial-gradient(circle at 60% 25%,rgba(255,231,186,.9),transparent 28%)}
.health-copy {position:absolute;left:11%;top:21%;z-index:2}.health-copy span{font-size:13px}.health-copy h3{font-family:"DM Serif Display",serif;font-size:64px;line-height:.9;font-weight:400;margin:100px 0 0}
.health-card {position:absolute;right:8%;bottom:18%;width:64%;background:#fff7e9;border-radius:24px;padding:18px;display:flex;align-items:center;gap:12px;box-shadow:0 24px 70px rgba(80,26,18,.25);transform:rotate(-3deg);transition:.5s}
.project:hover .health-card {transform:rotate(1deg) translateY(-14px)}
.doctor-avatar {width:48px;height:48px;border-radius:50%;background:#4c63db;color:white;display:grid;place-items:center}.health-card div:nth-child(2){display:flex;flex-direction:column;gap:4px}.health-card small{color:#777}.health-card>span{margin-left:auto;font-size:12px}
.health-nav {position:absolute;left:12%;bottom:8%;display:flex;gap:8px}.health-nav span{width:48px;height:48px;border-radius:50%;background:#fff7e9;display:grid;place-items:center}
.visual-orbit { background:#c8ff65; padding:52px; }
.orbit-window {position:absolute;inset:16% 8% 8%;background:#f7f7f1;color:#171714;border:7px solid #171714;border-radius:24px;display:flex;overflow:hidden;box-shadow:0 26px 0 rgba(23,23,20,.16);transition:.5s}
.project:hover .orbit-window {transform:translateY(-12px)}
.orbit-window aside {width:23%;background:#1d1e20;color:white;padding:24px;display:flex;flex-direction:column;gap:18px}.orbit-window aside b{font-size:19px;margin-bottom:28px}.orbit-window aside i{height:7px;border-radius:5px;background:#515256}.orbit-window aside i:nth-child(3){background:var(--acid)}
.dashboard {flex:1;padding:28px}.dashboard-head{display:flex;justify-content:space-between;align-items:center}.dashboard-head h4{font-size:24px;margin:5px 0}.dashboard-head small,.metrics small{color:#777}.dashboard-head>span{padding:8px 12px;border:1px solid #ddd;border-radius:20px;font-size:11px}.metrics{display:flex;gap:12px;margin-top:34px}.metrics div{flex:1;border:1px solid #ddd;border-radius:14px;padding:16px;display:grid;gap:8px}.metrics b{font-size:30px}.metrics em{color:#179655;font-style:normal;font-size:11px}.chart{height:150px;margin-top:18px;display:flex;gap:10px;align-items:flex-end;border-bottom:1px solid #ddd}.chart i{flex:1;height:60%;background:#19191c;border-radius:5px 5px 0 0}.chart i:nth-child(2){height:35%}.chart i:nth-child(3){height:72%}.chart i:nth-child(4){height:48%}.chart i:nth-child(5){height:88%;background:var(--cobalt)}.chart i:nth-child(6){height:65%}.chart i:nth-child(7){height:94%}
.light-chip {top:auto;bottom:7%;right:5%;background:var(--paper-strong);color:var(--ink)}
.about-section { min-height: 100svh; position:relative; padding:170px 24px; display:grid; place-items:center; overflow:hidden; }
.about-copy { max-width:780px; text-align:center; position:relative; z-index:2; }
.about-copy .eyebrow {margin-bottom:32px}.about-copy h2{margin-bottom:34px}.about-copy>p:not(.eyebrow){max-width:620px;margin:0 auto 30px;color:var(--muted);font-size:18px;line-height:1.7}.text-link{display:inline-flex;gap:12px;border-bottom:1px solid;padding-bottom:6px}.text-link span{transition:.2s}.text-link:hover span{transform:translate(3px,-3px)}
.polaroid {position:absolute;background:white;padding:9px 9px 26px;box-shadow:0 18px 45px rgba(23,23,20,.13);width:165px;z-index:1}.polaroid span{height:150px;display:grid;place-items:center}.polaroid>img{width:100%;height:150px;display:block;object-fit:cover;filter:grayscale(.15)}.polaroid small{display:block;padding:10px 2px 0;font-family:"DM Serif Display",serif}.p-one{left:5%;top:16%;transform:rotate(-7deg)}.p-two{right:7%;top:20%;transform:rotate(8deg)}.p-three{right:15%;bottom:10%;transform:rotate(-4deg)}.photo-gradient{background:linear-gradient(145deg,#fd765f,#6b49df)}.photo-grid{background-color:#ece8da;background-image:linear-gradient(#aaa 1px,transparent 1px),linear-gradient(90deg,#aaa 1px,transparent 1px);background-size:16px 16px}.photo-type{font-family:"DM Serif Display",serif;font-size:70px;background:#dfff4f}
.approach-section { padding:120px max(24px,calc((100vw - 1320px)/2)); border-top:1px solid var(--line); }
.approach-section>.eyebrow{margin-bottom:50px}.approach-list article{display:grid;grid-template-columns:90px 1fr 1fr;gap:24px;padding:34px 0;border-top:1px solid var(--line);align-items:center}.approach-list article:last-child{border-bottom:1px solid var(--line)}.approach-list span{color:var(--muted)}.approach-list h3{font-size:clamp(28px,3.5vw,52px);letter-spacing:-.04em;margin:0}.approach-list p{max-width:430px;color:var(--muted);line-height:1.6}
.proof-section { width: var(--page); margin: 0 auto; padding: 70px 0 150px; display: grid; grid-template-columns: 1.2fr .8fr; gap: 24px; }
.tools-block, .testimonial-block { border: 1px solid var(--line); border-radius: var(--radius-lg); padding: 52px; min-height: 520px; }
.tools-block { background: var(--paper-strong); }
.tools-block h2 { font-size: clamp(48px, 5vw, 76px); line-height: .95; letter-spacing: -.05em; font-weight: 500; margin: 70px 0 50px; }
.tools-block h2 em { font-family: "DM Serif Display", serif; font-weight: 400; }
.tool-cloud { display: flex; flex-wrap: wrap; gap: 10px; }
.tool-cloud span { padding: 12px 17px; border: 1px solid var(--line); border-radius: var(--radius-pill); background: var(--paper); }
.testimonial-block { background: var(--acid); display: flex; flex-direction: column; overflow: hidden; }
.testimonial-head { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.testimonial-head .eyebrow { margin:0; }
.testimonial-controls { display:flex; align-items:center; gap:8px; }
.testimonial-count { min-width:52px; font-size:12px; letter-spacing:.08em; }
.testimonial-arrow { width:42px; height:42px; border:1px solid rgba(23,23,20,.28); border-radius:50%; background:rgba(255,255,255,.28); color:var(--ink); font:inherit; font-size:19px; cursor:pointer; transition:background-color .2s ease,border-color .2s ease; }
.testimonial-arrow:hover,.testimonial-arrow:focus-visible { background:var(--paper-strong); border-color:var(--ink); outline:none; }
.testimonial-carousel { display:grid; flex:1; min-height:0; outline:none; }
.testimonial-slide { grid-area:1/1; display:flex; flex-direction:column; min-width:0; opacity:0; visibility:hidden; transform:translateX(24px); pointer-events:none; transition:opacity .4s ease,transform .4s ease,visibility .4s; }
.testimonial-slide.is-active { opacity:1; visibility:visible; transform:none; pointer-events:auto; }
.testimonial-slide blockquote { font-family:"DM Serif Display",serif; font-size:clamp(22px,1.9vw,32px); line-height:1.14; letter-spacing:-.015em; margin:auto 0 30px; }
.testimonial-author { display:flex; align-items:center; gap:14px; }
.testimonial-author img { width:56px; height:56px; flex:0 0 56px; border-radius:50%; border:1px solid rgba(23,23,20,.18); background:var(--paper-strong); object-fit:cover; }
.testimonial-author p { line-height:1.45; margin:0; }
.contact-section { background:var(--cobalt); color:white; border-radius:48px 48px 0 0; min-height:85vh; padding:100px max(24px,calc((100vw - 1320px)/2)) 30px; display:flex; flex-direction:column; }
.contact-section h2{font-size:clamp(60px,8vw,128px);margin:auto 0 40px}.email-link{align-self:flex-start;border-bottom:2px solid;padding-bottom:7px;font-size:20px}.contact-section footer{margin-top:auto;padding-top:80px;display:grid;grid-template-columns:1fr 1fr 1fr;border-top:1px solid rgba(255,255,255,.3);font-size:13px}.contact-section footer>span:nth-child(2){text-align:center}.contact-section footer div{text-align:right;display:flex;justify-content:flex-end;gap:18px}
.reveal { opacity:0; transform:translateY(32px); transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1); }.reveal.in-view{opacity:1;transform:none}
.case-dialog { width:min(1100px,calc(100% - 24px)); height:calc(100% - 24px); max-width:none; max-height:none; border:0; border-radius:30px; padding:0; background:var(--paper-strong);color:var(--ink);overflow:auto }.case-dialog::backdrop{background:rgba(10,10,8,.7);backdrop-filter:blur(8px)}.dialog-close{position:fixed;right:max(28px,calc((100vw - 1100px)/2 + 18px));top:28px;z-index:10;width:48px;height:48px;border:0;border-radius:50%;background:var(--ink);color:white;font-size:27px;cursor:pointer}.dialog-scroll-hint{position:fixed;left:50%;bottom:30px;z-index:9;display:flex;align-items:center;gap:12px;padding:8px 9px 8px 18px;border:1px solid rgba(255,255,255,.34);border-radius:var(--radius-pill);background:rgba(23,23,20,.88);color:#fff;font:inherit;font-size:13px;box-shadow:0 12px 34px rgba(0,0,0,.22);backdrop-filter:blur(10px);cursor:pointer;transform:translateX(-50%);opacity:1;visibility:visible;transition:opacity .25s ease,visibility .25s ease,background-color .2s ease}.dialog-scroll-hint:hover,.dialog-scroll-hint:focus-visible{background:var(--ink);outline:2px solid var(--dialog-color);outline-offset:3px}.dialog-scroll-hint.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.dialog-scroll-hint b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#fff;color:var(--ink);font-size:18px;animation:scrollCue 1.8s ease-in-out infinite}@keyframes scrollCue{0%,100%{transform:translateY(-2px)}50%{transform:translateY(3px)}}.dialog-hero{min-height:440px;padding:70px;background:var(--dialog-color);display:flex;flex-direction:column;justify-content:flex-end}.dialog-hero .eyebrow{margin-bottom:22px}.dialog-hero h2{font-size:clamp(54px,8vw,100px);line-height:.9;letter-spacing:-.06em;margin:0}.dialog-body{padding:70px;display:grid;grid-template-columns:1fr 2fr;gap:70px}.dialog-facts{display:grid;gap:22px;align-content:start}.dialog-facts div{border-top:1px solid var(--line);padding-top:12px}.dialog-facts small{color:var(--muted);display:block;margin-bottom:5px}.dialog-story h3{font-size:36px;margin:0 0 16px}.dialog-story p{color:var(--muted);font-size:17px;line-height:1.7}.dialog-results{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:45px}.dialog-results div{background:var(--paper);padding:24px;border-radius:18px}.dialog-results b{font-size:34px;display:block;margin-bottom:7px}.dialog-results span{font-size:12px;color:var(--muted)}.dialog-case-image{width:100%;margin:0;background:#fff}.dialog-case-image img{display:block;width:100%;height:auto;object-fit:contain}
@media (max-width: 800px) {
  :root{--page:calc(100vw - 32px)} .site-header{left:16px;right:16px}.nav-pill{display:none}.contact-pill{height:44px}.hero{padding-top:140px;min-height:920px}.hero-title{font-size:clamp(50px,15vw,74px)}.title-indent{margin-left:0}.hero-kicker{margin-left:0}.hero-meta{max-width:330px;align-self:flex-start}.note-one{right:0;top:20%}.note-two{bottom:8%;left:auto;right:4%}.scribble{right:8%;top:32%}.work-section{border-radius:28px 28px 0 0;padding:90px 16px}.section-heading{grid-template-columns:1fr;gap:28px}.section-heading h2{font-size:55px}.projects{grid-template-columns:1fr}.project-large{grid-column:auto}.project-visual,.project:not(.project-large) .project-visual{min-height:520px}.phone{width:210px;height:420px}.phone-back{display:none}.project-info{grid-template-columns:1fr auto}.project-info>p{display:none}.visual-health{padding:20px}.health-copy{left:8%}.health-copy h3{font-size:50px}.visual-orbit{padding:20px}.orbit-window{inset:16% 4% 8%}.orbit-window aside{display:none}.dashboard{padding:20px}.about-section{padding:130px 16px 440px;align-items:start}.about-copy{text-align:left}.about-copy>p:not(.eyebrow){font-size:16px}.p-one{top:auto;bottom:70px}.p-two{top:auto;bottom:160px;right:4%}.p-three{display:none}.approach-list article{grid-template-columns:48px 1fr}.approach-list p{grid-column:2}.contact-section{border-radius:28px 28px 0 0;padding:70px 20px 24px}.contact-section footer{grid-template-columns:1fr;gap:14px}.contact-section footer>span:nth-child(2),.contact-section footer div{text-align:left;justify-content:flex-start}.dialog-hero,.dialog-body{padding:34px}.dialog-body{grid-template-columns:1fr}.dialog-results{grid-template-columns:1fr}.dialog-close{right:24px}.dialog-scroll-hint{bottom:20px}.dialog-scroll-hint span{display:none}.dialog-scroll-hint{padding:7px}.cursor{display:none}
  .hero-title{font-size:clamp(46px,13vw,66px)}.project-visual,.project:not(.project-large) .project-visual{min-height:390px}.tiles-row{flex-direction:column;gap:16px}.project-tile.tile-wide,.project-tile.tile-narrow{width:100%;height:clamp(320px,92vw,440px);border-radius:26px}.project-tiles{gap:16px}.tile-overlay{padding:22px}.tile-overlay:before{inset:12px;border-radius:18px}.tile-overlay h3{font-size:46px}.tile-resting-meta{padding:60px 18px 18px}.approach-list article{grid-template-columns:72px 1fr}.proof-section{grid-template-columns:1fr;padding:40px 0 90px}.tools-block,.testimonial-block{padding:34px;min-height:440px}.contact-section footer div{flex-wrap:wrap}
}
@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} }