:root{--bg:#0c0e0f;--panel:#151819;--ink:#f2f3ee;--muted:#a7aca5;--accent:#d4e89d;--line:#f2f3ee24;--dark:#151a12;color-scheme:dark}
html{scroll-padding-top:25px}body{background:var(--bg);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;overflow-x:clip}button,a{-webkit-tap-highlight-color:transparent}.focus-wrap{width:min(1180px,calc(100% - 96px));margin-inline:auto}
.focus-header{height:98px;display:flex;align-items:center;justify-content:space-between;gap:30px}.focus-name{font:500 19px/1 'Space Grotesk',Arial,sans-serif;letter-spacing:-.045em}.focus-name span{color:var(--accent)}.about-link{border:0;background:none;color:var(--muted);font:400 12px 'DM Sans',sans-serif;min-height:44px;padding:10px 0 10px 20px}.about-link:hover{color:var(--ink)}
.focus-hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:40px;align-items:center;min-height:min(770px,calc(100svh - 98px));padding-block:45px 105px;position:relative}.focus-copy{position:relative;z-index:2;min-width:0}.identity-line{font-size:12px;color:var(--muted);margin-bottom:29px;letter-spacing:.01em}
.focus-title{font:500 clamp(40px,4.9vw,66px)/1.08 'Space Grotesk',Arial,sans-serif;letter-spacing:-.065em;margin:0}.focus-title>span{display:block;color:var(--ink);white-space:nowrap}.focus-title em{color:var(--accent);font-style:normal}.focus-offer{color:var(--muted);font-size:16px;line-height:1.7;margin:30px 0 33px;max-width:420px}
.focus-book{background:var(--accent);color:#192011;border:1px solid var(--accent);border-radius:4px;min-height:52px;padding:17px 21px;display:inline-flex;align-items:center;gap:40px;font:500 13px/1 'Space Grotesk',Arial,sans-serif;transition:background .35s,color .35s}.focus-book>span{font-size:18px}.focus-book:hover{background:#e4efc4;border-color:#e4efc4}
.focus-portrait{margin:0;position:relative;width:100%;max-width:465px;aspect-ratio:.81;isolation:isolate}.focus-portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 25%;filter:grayscale(1) brightness(.76) contrast(1.07);opacity:.82;mask-image:radial-gradient(ellipse at 54% 43%,#000 25%,#000b 50%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at 54% 43%,#000 25%,#000b 50%,transparent 75%)}
.portrait-light{position:absolute;inset:15% -12% 6%;border-radius:50%;background:radial-gradient(ellipse at 52% 55%,#afcf6630,transparent 67%);filter:blur(30px);z-index:-1;animation:ambient-light 12s cubic-bezier(.45,0,.55,1) infinite alternate}.light-control{position:absolute;bottom:30px;right:20px;border:1px solid #ffffff20;background:#0c0e0f80;color:#bfc8b4;backdrop-filter:blur(10px);border-radius:50%;height:32px;width:32px;display:grid;place-items:center;font:400 11px sans-serif;opacity:.5;transition:opacity .3s}.light-control:hover,.light-control:focus-visible{opacity:1}.light-control:disabled{display:none}
.focus-work{padding-block:100px 110px;border-top:1px solid var(--line)}.focus-work h2{font-size:39px;letter-spacing:-.05em;margin:0 0 45px}.focus-work h2>span{color:var(--accent)}.work-rows{border-top:1px solid var(--line)}.work-row{display:flex;align-items:center;justify-content:space-between;gap:30px;width:100%;text-align:left;background:none;border:0;border-bottom:1px solid var(--line);color:var(--ink);padding:33px 0;min-height:135px;transition:color .35s}.work-row:hover{color:var(--accent)}.row-copy{display:block}.row-copy strong{display:block;font:400 30px/1.2 'Space Grotesk',Arial,sans-serif;letter-spacing:-.045em}.row-copy small{display:block;color:var(--muted);font-size:13px;line-height:1.6;margin-top:11px}.row-arrow{font:400 30px/1 'Space Grotesk',sans-serif;opacity:.55;margin-right:7px}
.focus-contact{display:flex;align-items:center;justify-content:space-between;gap:60px;padding-block:50px 110px}.focus-contact h2{font-size:clamp(32px,3.3vw,49px);line-height:1.13;letter-spacing:-.055em;font-weight:400;max-width:610px;margin:0}.focus-contact>.focus-book{flex-shrink:0}.focus-footer{display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid var(--line);padding-block:27px 35px;color:var(--muted);font-size:10px}.focus-footer>div{display:flex;gap:25px}.focus-footer a{min-height:30px;display:inline-flex;align-items:center}.focus-footer a:hover{color:var(--ink)}
dialog::backdrop{background:#030605d9;backdrop-filter:blur(14px)}.detail-window{width:min(1040px,calc(100% - 48px));max-width:none;height:min(850px,calc(100svh - 48px));max-height:calc(100svh - 48px);margin:auto;background:#111515;border:1px solid #c9dac72d;border-radius:12px;padding:0;overflow:hidden;color:var(--ink)}.detail-window[open]{display:flex;flex-direction:column}.detail-header{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:22px 35px;flex-shrink:0;border-bottom:1px solid var(--line)}.detail-header h2{font-size:23px;letter-spacing:-.04em;margin:0;font-weight:400}.detail-header>button{background:none;color:var(--muted);border:1px solid var(--line);border-radius:50%;width:36px;height:36px;min-width:36px;font-size:22px;line-height:1}
#detail-tabs{display:flex;align-items:center;gap:9px;padding:15px 35px;border-bottom:1px solid var(--line);flex-shrink:0;overflow-x:auto}#detail-tabs[hidden]{display:none}#detail-tabs button{background:none;border:1px solid transparent;border-radius:25px;padding:10px 14px;min-height:38px;color:var(--muted);white-space:nowrap;font-size:11px}#detail-tabs button[aria-pressed=true]{color:#d8e6c8;background:#c6dd9820;border-color:#c6dd9828}.detail-body{overflow-y:auto;overscroll-behavior:contain;min-height:0;flex:1;padding:42px}.detail-pane{max-width:900px;margin-inline:auto}.detail-intro{font-size:17px!important;line-height:1.85;color:var(--muted);max-width:730px;margin-bottom:35px!important}
.detail-pane .wrap{width:100%;max-width:none}.detail-pane .section-tag{display:none}.detail-pane .case{margin:0;padding:0;border:0}.detail-pane .bluu-case{display:flex;flex-direction:column-reverse;align-items:stretch;gap:35px}.detail-pane .case-copy{max-width:740px}.detail-pane .case-copy>.mono,.detail-pane .case-top .mono{font-size:8px}.detail-pane .case-image{margin:0;min-width:0;max-width:100%}.detail-pane .case-image img{aspect-ratio:2.4;object-fit:cover}.detail-pane .case h3{font-size:37px;margin:20px 0}.detail-pane .case-copy>p,.detail-pane .case-top>p{font-size:16px;line-height:1.85}.detail-pane .case-top{display:block}.detail-pane .case-top>p{margin-top:22px;max-width:740px}.detail-pane .case-top h3{max-width:740px}.detail-pane .proof-status{font-size:8px;line-height:1.85;background:#1b251b;border-color:#d4e89d2b}.detail-pane .systems-grid{grid-template-columns:1fr;border:0;margin-top:15px;gap:12px}.detail-pane .system{border:1px solid var(--line)!important;padding:25px;border-radius:6px;min-width:0}.detail-pane .system-number{display:none}.detail-pane .system h4{font-size:24px}.detail-pane .system>p{min-height:0;font-size:15px}.detail-pane .small-flow{flex-direction:row;gap:8px;flex-wrap:wrap}.detail-pane .proof-note{font-size:10px;margin-top:14px}
.detail-pane .story,.detail-pane .bridge,.detail-pane .principles,.detail-pane .approach,.detail-pane .demo-section{padding:0;background:none;border:0;color:var(--ink)}.detail-pane .section-intro{display:block;margin-bottom:35px}.detail-pane .section-intro h2,.detail-pane .story .section-intro h2{font-size:37px;max-width:760px}.detail-pane .section-intro>p{margin-top:25px;max-width:760px;font-size:16px;color:var(--muted)}.detail-pane .story-grid{display:flex;flex-direction:column;gap:30px}.detail-pane .story aside{position:static;width:100%}.detail-pane .story nav{display:none}.detail-pane .story-frame{margin:0}.detail-pane .story-frame img{aspect-ratio:3;object-fit:cover}.detail-pane .chapter{padding-block:30px;max-width:760px}.detail-pane .chapter h3{font-size:31px}.detail-pane .chapter>p:last-child{font-size:16px;line-height:1.85}.detail-pane .bridge-grid{display:block}.detail-pane .bridge h2{font-size:34px}.detail-pane .bridge p{font-size:16px}.detail-pane .principles{margin-top:40px}.detail-pane .principles li{grid-template-columns:30px minmax(0,1fr);gap:20px;padding-block:25px}.detail-pane .principles li p{font-size:28px}.detail-pane .principles-foot{font-size:16px;margin-top:25px;max-width:740px}
.detail-pane .approach-grid{grid-template-columns:1fr;margin-top:35px}.detail-pane .approach-grid article{padding:25px 0}.detail-pane .approach-grid article+article{padding:25px 0;border-left:0;border-top:1px solid var(--line)}.detail-pane .approach-grid h3{font-size:28px;margin:17px 0}.detail-pane .fit{display:flex;flex-direction:column;align-items:flex-start;gap:17px;padding:25px}.detail-pane .fit>.book{margin-left:0}
.detail-pane .demo-section .section-intro h2{font-size:35px}.detail-pane .sandbox-notice strong{color:var(--ink)}.detail-pane .sandbox-notice p{color:var(--muted);font-size:11px}.detail-pane .demo-shell{grid-template-columns:minmax(0,1fr);background:#ebeee4;color:#263021;min-width:0}.detail-pane .demo-output{border-left:0;border-top:1px solid #c7cebe}.detail-pane .demo-input,.detail-pane .demo-output{min-width:0;padding:27px}.detail-pane .demo-shell .mono{color:#56664c}.detail-pane .sample-tabs button.active{color:#f2f3ee}.detail-pane blockquote{min-height:0;font-size:15px}.detail-pane .pipeline{grid-template-columns:repeat(4,minmax(0,1fr));border-color:var(--line)}.detail-pane .pipeline li{padding:14px 17px;font-size:11px}.detail-pane .pipeline li+li{border-color:var(--line)}.detail-pane .pipeline li.current{color:#192011}.detail-pane .demo-footer{margin-top:30px}.detail-pane .demo-footer p{font-size:17px}.detail-pane .demo-footer .book{background:var(--accent);color:var(--dark);border-color:var(--accent)}
#booking-dialog{background:#151a17;border-color:#c4d2b63b;border-radius:10px;width:min(500px,calc(100% - 36px));max-height:calc(100svh - 36px);overflow:auto}#booking-dialog h2{font-size:39px}#booking-dialog p+p{margin-top:18px;font-size:13px;color:var(--muted)}
.detail-pane .demo-output dl>div{grid-template-columns:80px minmax(0,1fr);gap:16px}
@keyframes ambient-light{from{opacity:.3;transform:translate(-3%,-2%) scale(.95)}to{opacity:.7;transform:translate(3%,2%) scale(1.03)}}.ambient-paused .portrait-light{animation-play-state:paused}
@media(max-width:1100px){.focus-wrap{width:calc(100% - 64px)}.focus-hero{gap:25px;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}.focus-title{font-size:5.1vw}.focus-offer{font-size:15px}.focus-work{padding-block:80px 90px}.focus-contact{gap:35px}.focus-contact h2{font-size:39px}}
@media(max-width:800px){.focus-wrap{width:calc(100% - 44px)}.focus-header{height:82px}.focus-name{font-size:17px}.about-link{font-size:11px}.focus-hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;gap:0;padding-top:65px;padding-bottom:55px}.focus-title{font-size:clamp(28px,8.1vw,58px)}.identity-line{font-size:11px;margin-bottom:24px}.focus-offer{font-size:15px;margin:26px 0 28px}.focus-book{font-size:12px;min-height:50px;padding:16px 19px;gap:35px}.focus-portrait{width:min(100%,450px);aspect-ratio:.95;margin:25px auto 0}.focus-portrait img{object-position:50% 23%;mask-image:radial-gradient(ellipse at 54% 43%,#000 25%,#000b 50%,transparent 74%);-webkit-mask-image:radial-gradient(ellipse at 54% 43%,#000 25%,#000b 50%,transparent 74%)}.light-control{right:25px;bottom:30px}.focus-work{padding-block:65px 75px}.focus-work h2{font-size:32px;margin-bottom:30px}.work-row{padding-block:28px;min-height:120px}.row-copy strong{font-size:25px}.row-copy small{font-size:12px;margin-top:9px}.row-arrow{font-size:26px;margin-right:4px}.focus-contact{display:block;padding-block:30px 75px}.focus-contact h2{font-size:36px;max-width:500px}.focus-contact>.focus-book{margin-top:30px}.focus-footer{font-size:9px;padding-block:23px 30px}.focus-footer>div{gap:20px}
  .detail-window{width:calc(100% - 24px);height:calc(100svh - 28px);max-height:calc(100svh - 28px);border-radius:9px}.detail-header{padding:17px 20px}.detail-header h2{font-size:20px}.detail-body{padding:28px 22px}#detail-tabs{padding:12px 16px;gap:7px}#detail-tabs button{font-size:10px;padding:10px 12px}.detail-pane .case h3,.detail-pane .section-intro h2,.detail-pane .story .section-intro h2{font-size:29px}.detail-pane .case-image img{aspect-ratio:1.7}.detail-pane .case-image figcaption{font-size:10px;gap:15px}.detail-pane .case-image figcaption .mono{font-size:6px}.detail-pane .detail-intro{font-size:15px!important}.detail-pane .chapter-heading{gap:20px}.detail-pane .chapter h3{font-size:28px}.detail-pane .chapter .chapter-caption,.detail-pane .chapter>p:last-child{margin-left:0}.detail-pane .chapter>p:last-child{font-size:15px}.detail-pane .principles li p{font-size:24px}.detail-pane .bridge h2{font-size:28px}.detail-pane .system{padding:22px}.detail-pane .system h4{font-size:23px}.detail-pane .system>p{font-size:14px}.detail-pane .small-flow{font-size:7px;gap:7px}.detail-pane .small-flow span{padding:6px 8px}.detail-pane .demo-section .section-intro h2{font-size:29px}.detail-pane .demo-input,.detail-pane .demo-output{padding:22px}.detail-pane .pipeline{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-pane .pipeline li{font-size:10px}.detail-pane .demo-footer{gap:23px}.detail-pane .demo-footer p{font-size:16px}
}
@media(max-width:360px){.focus-wrap{width:calc(100% - 36px)}.focus-header{height:77px}.focus-hero{padding-top:50px}.focus-name{font-size:16px}.identity-line{font-size:10px}.focus-offer{font-size:14px}.focus-portrait{aspect-ratio:.92}.row-copy strong{font-size:23px}.row-copy small{font-size:11px}.focus-contact h2{font-size:33px}.focus-footer{font-size:8px}.focus-footer>div{gap:15px}.detail-body{padding:25px 18px}.detail-header{padding-inline:18px}.detail-header h2{font-size:18px}#detail-tabs{padding-inline:13px;gap:5px}#detail-tabs button{font-size:9px;padding-inline:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
