.about{width:clamp(310px,28vw,400px);top:32%}.about .secondary{display:none}.about-glass{padding:28px}.about .role{font-size:16px}.about .panel-copy{font-size:16px;line-height:1.6}.about .secondary{font-size:14px}.cv-tags{gap:8px;margin:20px 0}.cv-tags span{letter-spacing:0;padding:7px 9px;font-family:Arial,Helvetica,sans-serif}.text-link{align-items:center;font-size:14px;line-height:1.4}.services{width:clamp(350px,30vw,445px);top:26%;left:32%}.services-glass{padding:30px}.services .eyebrow{letter-spacing:1px}.services .panel-copy{font-size:16px;line-height:1.65}.service-list span{padding:9px;font-size:15px}.tech-caption{letter-spacing:0;font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.7}.examples-heading{text-align:left;width:40%;max-width:600px;top:14%;left:27%;right:auto}.examples-heading .eyebrow{letter-spacing:1px;justify-content:flex-start;margin-bottom:12px}.examples-heading>p:last-child{margin:0;font-size:16px}.examples h2{letter-spacing:-1.4px;font-size:36px}.project-columns{inset:18% 4.5% 132px}.project-column{grid-template-rows:repeat(3,minmax(0,1fr));gap:clamp(18px,2.1vh,28px);width:clamp(205px,18vw,280px);display:grid}.project-card{flex-direction:column;height:100%;min-height:0;max-height:280px;display:flex}.project-index{display:none}.card-info{flex:0 0 88px;gap:9px;height:88px;padding:12px}.card-info>div{flex:1;min-width:0}.card-info h3{letter-spacing:-.2px;margin:0 0 6px;font-size:16px;font-weight:500;line-height:1.2}.card-info p{letter-spacing:0;overflow-wrap:anywhere;font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.25}.enter{padding:8px 7px;font-size:14px;line-height:1.2}.enter b{margin-left:3px;font-size:14px}.site-preview{overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#c5f46b99 #173d3c;cursor:grab;touch-action:pan-x pan-y;background:#132d32;position:relative;overflow:hidden auto}.project-card .site-preview{border-bottom:1px solid #e6efd22d;flex:1;min-height:0}.site-preview img{object-fit:initial;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:auto;transition:none;display:block}.project-card .site-preview img{opacity:.93}.site-preview.is-dragging{cursor:grabbing}.case-visual .site-preview img{height:auto}.case-preview{aspect-ratio:16/10;border:1px solid #cce4cc40;border-radius:14px;min-height:260px;max-height:650px;box-shadow:0 30px 80px #0005}.case-preview:focus-visible{outline:2px solid var(--lime);outline-offset:5px}.case-visual img{height:100%;box-shadow:none;border:0;border-radius:0}.case-visual figcaption{flex-wrap:wrap;justify-content:space-between;gap:15px;font-size:14px;line-height:1.7;display:flex}.case-visual figcaption span{color:#bfd0bd;font-family:Arial,Helvetica,sans-serif}.case-header .back,.case-next .back,.case-footer,.kicker,.external,.case-next small{font-size:14px}.feature-panel .focus{font-size:14px!important}.visit{font-size:15px}.chapter-label{letter-spacing:.5px;font-size:14px}.side-label{letter-spacing:1.5px;font-size:14px;left:20px}.controls{gap:18px;padding-top:18px;font-size:14px;bottom:24px}.scroll-hint{letter-spacing:.1px;font-size:14px;line-height:1.4}.scroll-hint small{margin-top:4px;font-size:14px}.chapters{gap:22px}.chapters button,.chapters button b,.chapters button span{font-size:14px}.chapters button{letter-spacing:0;gap:7px}.loop-mark small{letter-spacing:.4px;font-size:14px}.edition{letter-spacing:1px;font-size:14px}.portfolio-link{font-size:14px}.eyebrow{font-size:14px!important}@media (width<=1250px){.side-label,.edition,.loop-mark small{display:none}.chapter-label{top:112px}.about{width:340px;right:5%}.about-glass{padding:25px}.about h1{font-size:54px}.about .panel-copy{font-size:15px}.about .secondary{display:none}.services{width:370px;left:31%}.services-glass{padding:25px}.services h2{font-size:32px}.project-columns{inset:21% 4.5% 133px}.project-column{gap:20px;width:215px}.card-info{flex-basis:96px;height:96px;padding:10px}.card-info h3{font-size:14px}.enter{padding:8px 6px}.examples-heading{width:43%;top:14%;left:28%}.examples h2{font-size:30px}.scroll-hint small{display:none}.chapters{gap:16px}.controls{gap:14px}}@media (height<=800px) and (width>=821px){.about{top:19%}.about-glass{padding:22px}.about .secondary,.about .cv-tags{display:none}.about h1{font-size:49px}.about .role{margin:18px 0}.services{top:24%}.services-glass{padding:24px}.services .eyebrow{margin-bottom:14px}.services h2{margin-bottom:15px;font-size:30px}.services .panel-copy{font-size:14px}.service-list span{padding:6px;font-size:14px}.service-list{margin-top:14px}.tech-caption{margin-top:12px}.project-columns{inset:23% 4.5% 112px}.project-column{gap:18px}.card-info{flex-basis:82px;height:82px}.card-info h3{font-size:14px}.examples-heading{top:14%}.examples h2{margin-bottom:7px;font-size:28px}.controls{bottom:18px}.scroll-hint small{display:none}}@media (width<=820px){.header{gap:16px;top:18px}.brand{font-size:25px}.portfolio-link{padding:8px 0;font-size:14px}.portfolio-link span{margin-left:4px}.chapter-label{font-size:14px;top:100px}.chapter-line{width:16px}.controls{bottom:max(18px,env(safe-area-inset-bottom));gap:9px;padding-top:14px}.scroll-hint{letter-spacing:0;gap:10px;font-size:14px}.scroll-hint small{display:none}.scroll-mark{flex:0 0 25px;width:25px;height:34px}.chapters{gap:10px;margin-top:5px;padding-top:8px}.chapters button,.chapters button b{font-size:14px}.chapters button span{display:none}.loop-mark{font-size:29px}.about{width:auto;inset:auto 6% 162px}.about-glass{padding:23px}.about .eyebrow{margin-bottom:13px}.about h1{font-size:38px}.about .role{margin:15px 0;font-size:14px}.about .panel-copy{font-size:14px;line-height:1.6}.about .cv-tags,.about .secondary{display:none}.text-link{margin-top:18px;padding-top:15px;font-size:14px}.services{width:88%;max-width:410px;top:18%;left:50%}.services-glass{padding:23px}.services h2{font-size:29px}.services .panel-copy{font-size:14px}.services .eyebrow{margin-bottom:17px}.service-list span{padding:7px;font-size:14px}.tech-caption{margin-top:15px;font-size:14px}.examples-heading{text-align:left;width:auto;max-width:none;top:16%;left:6%;right:6%}.examples h2{margin-bottom:9px;font-size:29px}.examples-heading>p:last-child{font-size:14px}.project-columns{scroll-snap-type:x mandatory;gap:18px;height:224px;padding:0 6%;display:flex;inset:auto 0 166px}.project-column{display:contents}.project-card{flex:0 0 250px;height:224px;max-height:none}.card-info{flex-basis:88px;height:88px;padding:12px}.card-info h3{font-size:16px}.swipe-hint{letter-spacing:0;margin:0 0 3px;font-size:14px;line-height:1.4;bottom:134px}.case-header .back{text-align:right;font-size:14px;line-height:1.4}.case-preview{aspect-ratio:4/3;min-height:0}.case-visual figcaption,.case-intro .kicker{font-size:14px}.case-next small{letter-spacing:.7px;font-size:14px}.case-footer{gap:16px;font-size:14px;line-height:1.6}.case-next{gap:20px}.case-next .back{font-size:14px;line-height:1.6}}@media (height<=720px) and (width<=820px){.about{bottom:148px}.about-glass{padding:18px 20px}.about h1{font-size:33px}.about .role{margin:12px 0}.about .eyebrow{margin-bottom:12px}.about .panel-copy{font-size:14px}.text-link{margin-top:14px}.services{top:21%}.services-glass{padding:18px}.services h2{margin-bottom:12px;font-size:26px}.services .eyebrow{margin-bottom:12px}.services .panel-copy{line-height:1.5}.service-list{margin-top:12px}.service-list span{padding:5px}.tech-caption{margin-top:10px}.examples-heading{top:18%}.examples h2{font-size:27px}.project-columns{height:202px;bottom:148px}.project-card{height:202px}.swipe-hint{bottom:119px}.controls{bottom:12px}.chapter-label{top:91px}}@media (prefers-reduced-motion:reduce){.site-preview img{transition:none!important}}#world-panels{z-index:3;pointer-events:none;position:absolute;inset:0}.header,.chapter-label,.controls,.side-label{z-index:5}#world-panels .stage-panel{will-change:transform,opacity;transform-style:preserve-3d}.about-glass,.services-glass{background:linear-gradient(135deg,#52745ab3,#264d49bf);border-color:#dce8ce66}#scroll-space{height:560vh}.about{top:33%}@media (width<=820px){.about{top:auto}.site-preview{scrollbar-width:thin}}.header-actions{align-items:center;gap:20px;display:flex}.header-actions button,.language-switch{font-size:14px}.contact-nav{white-space:nowrap;background:#254c4666;border:1px solid #d7e6c45c;border-radius:30px;align-items:center;gap:7px;padding:10px 17px;display:inline-flex}.contact-nav:hover{border-color:var(--lime);background:#56765588}.contact-nav>span{color:var(--lime)}.language-switch{color:var(--lime);border-bottom:1px solid #d7e6c466;padding:9px 3px;font-family:Courier New,monospace}.phone-hitbox{z-index:4;cursor:pointer;background:0 0;border:0;border-radius:12px;padding:0;position:absolute}.phone-hitbox[hidden]{display:none}.phone-hitbox:focus-visible{outline:2px solid var(--lime);outline-offset:5px}.contact-dialog{color:#f0eee5;scrollbar-width:thin;scrollbar-color:#c5f46b88 transparent;background:radial-gradient(at 0 0,#526c4d99,#0000 70%),#193a3b;border:1px solid #dbe9bd70;border-radius:20px;width:min(590px,100% - 32px);max-height:calc(100dvh - 32px);padding:38px;overflow:auto;box-shadow:0 35px 120px #081619aa}.contact-dialog::backdrop{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#07171bb8}.contact-close{color:#cde3b1;background:0 0;border:0;width:44px;height:44px;font-size:30px;line-height:1;position:absolute;top:12px;right:15px}.contact-dialog .eyebrow{margin-bottom:16px;font-size:14px}.contact-dialog h2{letter-spacing:-1px;color:#d9efac;margin:0 28px 18px 0;font:400 38px/1.1 Georgia,serif}.contact-intro{color:#d5dfd1;margin:0 0 24px;font-size:16px;line-height:1.6}.contact-intro a{color:#edf4db;white-space:nowrap}.contact-dialog label{margin:0 0 17px;font-size:14px;display:block}.contact-dialog label>span{margin-bottom:8px;display:block}.contact-dialog input,.contact-dialog textarea{color:#f1f2e9;resize:vertical;background:#102e2fa1;border:1px solid #c8ddb45c;border-radius:8px;width:100%;padding:12px 14px;font:16px/1.5 Arial,Helvetica,sans-serif;display:block}.contact-dialog input:focus,.contact-dialog textarea:focus{outline-offset:2px;outline:2px solid #c5f46b}.contact-dialog textarea{min-height:130px;max-height:300px}.contact-privacy,.contact-direct{color:#c1d1bf;font-size:14px;line-height:1.6}.contact-submit{color:#183332;background:#c5f46b;border:1px solid #d9efac66;border-radius:8px;justify-content:space-between;align-items:center;gap:18px;width:100%;padding:14px 18px;font-size:16px;font-weight:600;display:flex}.contact-submit:disabled{opacity:.55;cursor:wait}.contact-status{color:#e0f1b9;min-height:0;margin:14px 0 0;font-size:15px;line-height:1.6}.contact-status:empty{display:none}.contact-status[data-error=true]{color:#ffe1bb}.contact-direct{margin:18px 0 0}.contact-direct a{border-bottom:1px solid #c1d1bf55}.contact-trap{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.case-header .header-actions{flex-wrap:wrap;justify-content:flex-end}.case-header .contact-nav{font-family:Arial,Helvetica,sans-serif}@media (width<=1250px){.header .edition{display:none}.header-actions{gap:14px}}@media (width<=520px){.header-actions{gap:10px}.header-actions .nav-project-label{display:none}.header-actions .portfolio-link{padding:9px 0}.header-actions .portfolio-link>span:last-child{margin:0;font-size:20px}.contact-nav{padding:9px 12px}.contact-dialog{padding:28px 23px}.contact-dialog h2{font-size:32px}.contact-dialog .eyebrow{margin-top:7px}.contact-intro{font-size:15px}.contact-dialog textarea{min-height:120px}.case-header{gap:14px;padding-top:20px;padding-bottom:20px}.case-header .header-actions{gap:10px}.case-header .back{flex-basis:100%}.case-brand{font-size:25px}}