@font-face{font-family:Sora Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/_astro/sora-latin-ext-wght-normal.CawQDOvP.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Sora Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/_astro/sora-latin-wght-normal.DdqRvwsR.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/space-mono-latin-400-normal.Rg4St2Dn.woff2)format("woff2"),url(/_astro/space-mono-latin-400-normal._3DlpgIW.woff)format("woff")}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/_astro/dm-sans-latin-ext-wght-normal.BOFOeGcA.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/_astro/dm-sans-latin-wght-normal.Xz1IZZA0.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:"DM Sans Variable", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--ease-out:cubic-bezier(0, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.block{display:block}.hidden{display:none}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}}:root{color-scheme:dark;--bg:#0b0e12;--surface:#11161c;--text:#f0f3f5;--muted:#a3acb7;--line:#252c34;--blue:#70c9f0;--font-heading:"Sora Variable",sans-serif;--font-detail:"Space Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:DM Sans Variable,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--blue);outline-offset:6px}::selection{color:#0b0e12;background:#70c9f0}img{max-width:100%;height:auto;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--font-heading);letter-spacing:-.04em;font-weight:500;line-height:1.12}p{color:var(--muted)}.container{width:min(1280px,100% - 112px);margin-inline:auto}.accent{color:var(--blue)}.muted-heading{color:#8f99a5}.eyebrow{letter-spacing:.15em;color:#b6c1cc;font-size:12px;font-weight:500;line-height:1.5}.section{padding-block:112px}.section-heading{justify-content:space-between;align-items:flex-end;gap:48px;margin-bottom:48px;display:flex}.section-heading .eyebrow{margin-bottom:24px}h2{font-size:clamp(34px,4.15vw,58px)}.section-description{max-width:320px;font-size:17px}.skip-link{z-index:200;background:var(--blue);color:#0b0e12;padding:12px;position:absolute;top:-100px;left:20px}.skip-link:focus{top:10px}.site-header{z-index:30;background:#0b0e12ed;border-bottom:1px solid #ffffff0d;height:100px;position:relative}.header-inner{justify-content:space-between;align-items:center;height:100%;display:flex}.brand{flex-shrink:0;align-items:center;gap:12px;display:inline-flex}.brand-mark{width:101px;display:block}.brand-mark svg{width:100%;height:auto;display:block}.brand-studio{letter-spacing:.2em;color:#d5dde5;border-left:1px solid #46515d;padding-left:12px;font-size:10px;line-height:24px}.site-header nav{align-items:center;gap:36px;display:flex}.site-header nav>a{color:#b8c0ca;font-size:14px;transition:color .2s}.site-header nav>a:hover,.site-header nav>a[aria-current]{color:var(--blue)}.site-header nav .nav-cta{color:var(--text);border:1px solid #414b55;border-radius:7px;gap:28px;margin-left:8px;padding:10px 19px;display:flex}.nav-cta span{color:var(--blue)}.menu-toggle{display:none}.hero{grid-template-columns:1.28fr 1fr;align-items:center;gap:18px;min-height:655px;padding-top:83px;padding-bottom:78px;display:grid}.hero-copy{z-index:2;position:relative}.small-cross{color:var(--blue);margin-right:9px;font-size:18px}.hero-description{max-width:530px;font-size:17px;line-height:1.7}.hero-actions{flex-wrap:wrap;align-items:center;gap:24px;margin-top:36px;display:flex}.button{border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:30px;padding:14px 21px;font-size:14px;font-weight:600;transition:background .2s,transform .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--blue);color:#081b24}.button-primary:hover{background:#9ddffc}.button-secondary{color:var(--text);background:0 0;border-color:#4c5763}.text-link{white-space:nowrap;border-bottom:1px solid #4b535d;align-items:center;gap:20px;padding-block:8px;font-size:14px;display:inline-flex}.text-link:hover{color:var(--blue);border-color:var(--blue)}.text-link span{font-size:19px}.hero-art{perspective:850px;isolation:isolate;height:452px;position:relative}.art-grid{background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:-20px;-webkit-mask-image:radial-gradient(#000 25%,#0000 72%);mask-image:radial-gradient(#000 25%,#0000 72%)}.art-glow{filter:blur(28px);background:radial-gradient(#1a94cc22,#0000 65%);position:absolute;inset:10%}.art-top,.art-bottom{letter-spacing:.06em;color:#7c8b9a;justify-content:space-between;align-items:center;gap:14px;font-family:monospace;font-size:10px;display:flex;position:absolute;left:20px;right:10px}.art-top{top:14px}.art-bottom{bottom:6px}.art-line{background:#30404c;flex:1;height:1px}.art-orbit{z-index:-1;border:1px solid #37516050;border-radius:50%;position:absolute;inset:75px 0 50px;transform:rotate(-32deg)}.orbit-two{inset:5px 88px 0;transform:rotate(-32deg)}.x-stage{transform-style:preserve-3d;position:absolute;inset:45px 57px 47px}.hero-x{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.x-front{filter:drop-shadow(0 16px 14px #0008)}.x-shadow{fill:#173a4b;filter:drop-shadow(0 0 1px #83d4f4);transform:translate(15px,15px)}.art-coordinate{color:#a6cadd;background:#121a22e6;border:1px solid #2d3f4d;border-radius:5px;padding:7px 11px;font-family:monospace;font-size:12px;line-height:1;position:absolute;box-shadow:0 6px 20px #0003}.coordinate-left{top:115px;left:0;transform:rotate(-8deg)}.coordinate-right{bottom:102px;right:-3px;transform:rotate(6deg)}.client-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);align-items:center;gap:65px;padding-block:27px;display:flex}.client-strip>span{color:#99a4b0;font-size:13px;line-height:1.6}.client-wodex{font-family:var(--font-heading);letter-spacing:-.04em;font-size:24px;font-style:italic;font-weight:850;line-height:1}.client-wodex span{letter-spacing:.4em;text-align:center;margin-top:7px;font:8px monospace;display:block}.client-riviera{letter-spacing:.2em;font-family:Georgia,serif;font-size:23px;line-height:1}.client-riviera span{letter-spacing:.48em;text-align:center;margin-top:8px;font:8px sans-serif;display:block}.strip-link{color:#b8c3cc;align-items:center;gap:25px;margin-left:auto;font-size:13px;display:flex}.strip-link span{color:var(--blue);font-size:24px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;display:grid}.project-visual{background:#182321;border:1px solid #2c3c35;border-radius:12px;height:360px;padding:24px 27px 0;position:relative;overflow:hidden}.sand .project-visual{background:#252823;border-color:#3c4136}.project-visual-top{color:#bdcec5;justify-content:space-between;gap:12px;margin-bottom:42px;font-size:12px;display:flex}.sand .project-visual-top{color:#dbddc9}.live-label{white-space:nowrap;color:#d9e2dd;font-size:11px}.live-label span{margin-left:5px}.browser-frame{color:#5b636b;background:#f5f5f5;border:1px solid #fff3;border-radius:7px 7px 0 0;transition:transform .6s cubic-bezier(.2,.7,.2,1);overflow:hidden;transform:translateY(0);box-shadow:0 18px 42px #0005}.browser-bar{background:#f5f6f7;justify-content:space-between;align-items:center;height:28px;padding:0 10px;font-size:9px;display:flex}.browser-dots{letter-spacing:2px;color:#9cabad;font-size:16px}.browser-frame img{width:100%}.project-image-link:hover .browser-frame{transform:translateY(-10px)}.project-hover{opacity:0;white-space:nowrap;background:#101820ed;border:1px solid #b1d8e54d;border-radius:40px;padding:12px 19px;font-size:13px;transition:all .25s;position:absolute;top:55%;left:50%;transform:translate(-50%,10px)}.project-hover span{color:var(--blue);margin-left:20px}.project-image-link:hover .project-hover,.project-image-link:focus-visible .project-hover{opacity:1;transform:translate(-50%)}.project-caption{justify-content:space-between;align-items:center;gap:14px;margin-top:24px;display:flex}.project-caption>div{align-items:center;gap:15px;display:flex}.project-number{color:#8c9aa8;font-family:monospace;font-size:12px}.project-caption h3{letter-spacing:-.04em;font-size:26px}.circle-link{border:1px solid #3e4854;border-radius:50%;place-items:center;width:36px;height:36px;font-size:20px;transition:all .2s;display:grid}.circle-link:hover{background:var(--blue);color:#102332;border-color:var(--blue)}.project-card>p{max-width:470px;margin:10px 0 17px;font-size:15px}.tags{flex-wrap:wrap;gap:8px;display:flex}.tags span{color:#aeb8c4;border:1px solid #323b45;border-radius:5px;padding:4px 9px;font-size:11px}.services-section{background:#101419;border-block:1px solid #ffffff06}.service-row{border-top:1px solid #30363e;grid-template-columns:70px 1fr 150px 30px;align-items:center;gap:26px;padding-block:33px;transition:background .25s;display:grid}.service-row:last-child{border-bottom:1px solid #30363e}.service-number{color:#7f8c9a;align-self:start;padding-top:10px;font-family:monospace;font-size:13px}.service-content h3{letter-spacing:-.04em;margin-bottom:14px;font-size:30px}.service-content p{max-width:560px;margin-bottom:13px;font-size:15px}.service-tags{color:#93a6b5;font-size:11px}.service-symbol{font-family:var(--font-heading);color:#556b7a;text-align:center;font-size:64px;font-weight:300;transition:color .3s,transform .3s}.service-arrow{color:#bacad5;font-size:26px}.service-row:hover .service-symbol{color:var(--blue);transform:rotate(-7deg)}.service-row:hover h3{color:var(--blue)}.studio-section{grid-template-columns:1fr 1fr;gap:120px;display:grid}.studio-intro .eyebrow{margin-bottom:26px}.studio-intro>p:not(.eyebrow){max-width:390px;margin-top:24px;font-size:16px}.studio-intro .text-link{margin-top:20px}.process-list{padding-top:8px}.process-step{border-bottom:1px solid var(--line);grid-template-columns:42px 1fr;gap:24px;padding-block:28px;display:grid}.process-step:first-child{padding-top:0}.process-step>span{color:var(--blue);padding-top:9px;font:12px monospace}.process-step h3{letter-spacing:-.04em;margin-bottom:12px;font-size:24px}.process-step p{max-width:320px;font-size:15px}.contact-cta{background:var(--blue);color:#0b202c;border-radius:14px;margin-top:12px;margin-bottom:75px;padding:40px 48px 30px;position:relative;overflow:hidden}.cta-top{justify-content:space-between;align-items:center;display:flex}.cta-top .eyebrow{color:#173c50;font-size:11px}.little-star{font-size:35px;line-height:1}.cta-title{font-family:var(--font-heading);letter-spacing:-.065em;margin:32px 0;font-size:clamp(60px,8.5vw,124px);font-weight:550;line-height:1;display:block}.cta-arrow{font-size:clamp(100px,15vw,210px);font-weight:300;transition:transform .3s;position:absolute;top:90px;right:55px}.cta-title:hover .cta-arrow{transform:translate(9px,-9px)}.cta-bottom{border-top:1px solid #183f5440;justify-content:space-between;align-items:center;gap:20px;padding-top:24px;display:flex}.cta-bottom p,.cta-bottom a{color:#173748;font-size:14px}.cta-bottom a{border-bottom:1px solid #244b6270}.site-footer{padding-bottom:26px}.footer-top{justify-content:space-between;align-items:center;gap:24px;padding-bottom:40px;display:flex}.footer-top p,.footer-top>a{font-size:14px}.footer-top>a span{color:var(--blue);margin-left:16px}.footer-bottom{border-top:1px solid var(--line);color:#8e9aa6;justify-content:space-between;gap:20px;padding-top:22px;font-size:11px;display:flex}.page-intro{padding-top:85px;padding-bottom:65px}.page-intro h1{max-width:970px;margin:24px 0;font-size:clamp(46px,6vw,82px)}.page-intro>p:not(.eyebrow){max-width:580px;font-size:18px}.project-index{padding-bottom:100px}.back-link{color:#a9b9c8;margin-bottom:34px;font-size:13px;display:inline-block}.back-link:hover{color:var(--blue)}.case-intro{padding-bottom:35px}.case-meta{flex-wrap:wrap;align-items:center;gap:14px;margin-top:28px;display:flex}.case-shot{background:#182321;border:1px solid #304239;border-radius:12px;padding:35px}.case-shot.sand{background:#252823;border-color:#3c4136}.case-shot img{border-radius:6px;width:100%;box-shadow:0 8px 40px #0005}.case-body{grid-template-columns:280px 1fr;gap:90px;padding-block:85px;display:grid}.case-sidebar .eyebrow{margin-bottom:15px}.case-sidebar p{margin-bottom:20px;font-size:14px}.case-sidebar .text-link{white-space:normal;overflow-wrap:anywhere}.prose{max-width:720px}.prose h2{letter-spacing:-.04em;margin:0 0 20px;font-size:34px;line-height:1.2}.prose h2:not(:first-child){margin-top:45px}.prose h3{letter-spacing:-.03em;margin:30px 0 16px;font-size:22px}.prose p{margin-block:16px;font-size:17px}.prose ul{color:var(--muted);padding:0;list-style:none}.prose li{border-bottom:1px solid var(--line);padding:12px 0 12px 24px;position:relative}.prose li:before{content:"•";color:var(--blue);position:absolute;left:0}.contact-layout{grid-template-columns:1fr 1fr;gap:85px;padding-top:90px;padding-bottom:100px;display:grid}.contact-copy h1{margin:25px 0;font-size:clamp(46px,5.5vw,76px)}.contact-copy>p:not(.eyebrow){max-width:420px;margin-top:25px}.contact-email{color:var(--blue);overflow-wrap:anywhere;border-bottom:1px solid #497287;margin-top:35px;font-size:clamp(15px,1.5vw,21px);display:inline-block}.contact-note{max-width:350px!important;font-size:13px!important}.contact-form{background:#131920;border:1px solid #2c3540;border-radius:12px;padding:32px}.contact-form fieldset{border:0;margin:0 0 26px;padding:0}.contact-form legend,.contact-form label{color:#dde5ee;font-size:14px}.choice-grid{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.choice{position:relative}.choice input{opacity:0;width:1px;height:1px;position:absolute}.choice span{color:#aebbc8;cursor:pointer;border:1px solid #3b4856;border-radius:6px;padding:7px 11px;font-size:12px;display:block}.choice input:checked+span{color:var(--blue);border-color:var(--blue);background:#1a303c}.choice input:focus-visible+span{outline:2px solid var(--blue);outline-offset:4px}.field{margin-bottom:20px;display:block}.field input,.field textarea{color:#edf2f6;resize:vertical;background:#0d1217;border:1px solid #35414c;border-radius:6px;width:100%;margin-top:8px;padding:11px 13px;font-size:16px;display:block}.field input::placeholder,.field textarea::placeholder{color:#7e8d9d}.form-helper{margin:16px 0;font-size:12px}.form-actions{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.copy-button{color:#b4cadb;text-underline-offset:4px;background:0 0;border:0;padding:8px 0;font-size:12px;text-decoration:underline}.form-status{color:var(--blue);margin-top:15px;font-size:13px}.not-found{text-align:center;padding-block:110px}.not-found h1{color:var(--blue);font-size:100px}.not-found p{margin:20px auto 30px}@media (width>=1600px){.hero{min-height:720px}.hero h1{font-size:88px}.hero-art{height:485px}}@media (width<=1100px){.container{width:calc(100% - 64px)}.hero{grid-template-columns:1.2fr 1fr;min-height:600px;padding-top:65px;padding-bottom:60px}.hero h1{font-size:60px}.hero-art{height:385px}.x-stage{inset:45px 32px}.art-top,.art-bottom{font-size:8px}.hero-actions{gap:15px}.hero-actions .text-link{font-size:12px}.client-strip{gap:38px}.project-visual{height:300px;padding-inline:20px}.project-visual-top{margin-bottom:30px;font-size:11px}.studio-section{gap:60px}.contact-layout{gap:40px}.service-row{grid-template-columns:45px 1fr 100px 25px}.case-body{grid-template-columns:220px 1fr;gap:55px}}@media (width<=800px){.site-header{height:82px}.hero{grid-template-columns:1fr;gap:20px;padding-top:55px;padding-bottom:34px}.hero h1{font-size:clamp(53px,9vw,76px)}.hero-description{max-width:540px}.hero-art{width:100%;max-width:460px;height:330px;margin:0 auto}.x-stage{inset:32px 76px}.art-top{top:0}.art-bottom{bottom:0}.art-orbit{inset:55px 10px 35px}.orbit-two{inset:0 100px}.coordinate-left{left:35px}.coordinate-right{right:20px}.client-strip{flex-wrap:wrap;gap:30px}.strip-link{display:none}.client-strip>span{margin-right:auto}.section{padding-block:75px}.section-heading{flex-direction:column;align-items:flex-start;gap:24px;margin-bottom:32px}.section-description{max-width:500px}.project-grid{grid-template-columns:1fr;gap:30px}.project-visual{height:420px;padding:24px 35px 0}.project-visual-top{margin-bottom:30px}.project-caption h3{font-size:28px}.project-card>p{max-width:600px}.studio-section{grid-template-columns:1fr;gap:50px}.studio-intro>p:not(.eyebrow){max-width:540px}.process-list{grid-template-columns:1fr 1fr;gap:30px;display:grid}.process-step,.process-step:first-child{grid-template-columns:26px 1fr;gap:12px;padding-top:0;padding-bottom:20px}.process-step h3{font-size:22px}.cta-title{font-size:80px}.cta-arrow{font-size:140px;top:105px;right:34px}.contact-cta{margin-bottom:55px;padding:30px}.cta-bottom{flex-direction:column;align-items:flex-start;gap:10px}.footer-top{flex-wrap:wrap}.footer-top p{display:none}.footer-bottom{flex-wrap:wrap}.footer-bottom>span:nth-child(2){order:3;width:100%}.contact-layout{grid-template-columns:1fr;gap:40px;padding-top:60px}.contact-copy>p:not(.eyebrow){max-width:560px}.case-body{grid-template-columns:1fr;gap:45px}.case-shot{padding:18px}.case-sidebar{border-bottom:1px solid var(--line);padding-bottom:30px}}@media (width<=650px){.container{width:calc(100% - 40px)}.brand-mark{width:90px}.brand-studio{font-size:9px}.menu-toggle{color:#d1dce5;background:0 0;border:1px solid #37424d;border-radius:5px;align-items:center;gap:13px;min-height:42px;padding:8px 11px;font-size:12px;display:flex}.menu-lines{border-block:1px solid #a9c0d1;width:15px;height:9px}.site-header nav{background:#111820;border-bottom:1px solid #344451;flex-direction:column;align-items:stretch;gap:0;padding:15px 20px 22px;display:none;position:absolute;top:81px;left:0;right:0;box-shadow:0 15px 30px #0006}.site-header nav.is-open{display:flex}.site-header nav>a{padding:14px;font-size:16px}.site-header nav .nav-cta{justify-content:space-between;margin:10px 0 0}.hero{padding-top:42px}.hero h1{font-size:clamp(45px,10.8vw,65px);line-height:1.07}.hero .eyebrow{letter-spacing:.12em;font-size:10px}.hero-description{font-size:16px}.desktop-break{display:none}.hero-actions{flex-direction:column;align-items:flex-start;gap:15px;margin-top:27px}.button{min-height:48px;padding:13px 18px}.hero-actions .text-link{font-size:13px}.hero-art{height:280px;margin-top:10px}.x-stage{inset:26px 64px 25px}.art-top,.art-bottom{font-size:8px;left:10px;right:5px}.coordinate-left{font-size:10px;top:84px;left:0}.coordinate-right{font-size:10px;bottom:72px;right:0}.art-orbit{inset:48px 5px 32px}.orbit-two{inset:0 75px}.client-strip{justify-content:space-around;gap:30px 24px;padding-block:23px}.client-strip>span{text-align:center;width:100%;font-size:12px}.client-strip>span br{display:none}.client-wodex{font-size:22px}.client-riviera{font-size:20px}.section{padding-block:65px}h2{font-size:36px}.eyebrow{font-size:10px}.section-heading .eyebrow{margin-bottom:18px}.project-visual{height:270px;padding:18px 18px 0}.project-visual-top{margin-bottom:28px;font-size:10px}.live-label{font-size:10px}.project-grid{gap:40px}.project-caption{margin-top:19px}.project-caption h3{font-size:24px}.project-card>p{font-size:14px}.tags span{font-size:10px}.service-row{grid-template-columns:28px 1fr 20px;gap:12px;padding-block:27px}.service-content h3{font-size:26px}.service-content p{font-size:14px}.service-tags{font-size:10px;line-height:1.8;display:block}.service-symbol{display:none}.service-arrow{align-self:start;font-size:22px}.service-number{font-size:11px}.process-list{grid-template-columns:1fr;gap:27px}.process-step{grid-template-columns:30px 1fr;gap:18px}.process-step h3{font-size:24px}.contact-cta{border-radius:10px;margin-top:0;padding:24px 22px}.cta-top .eyebrow{max-width:215px;font-size:9px}.little-star{font-size:25px}.cta-title{margin-block:32px;font-size:clamp(51px,11vw,70px)}.cta-arrow{font-size:76px;top:117px;right:22px}.cta-bottom p,.cta-bottom a{font-size:12px}.cta-bottom a{overflow-wrap:anywhere}.footer-top{padding-bottom:30px}.footer-top>a{font-size:13px}.footer-bottom{gap:15px;font-size:10px}.page-intro{padding-top:55px;padding-bottom:40px}.page-intro h1{font-size:46px}.page-intro>p:not(.eyebrow){font-size:16px}.contact-form{padding:22px}.contact-copy h1{font-size:48px}.contact-email{font-size:16px}.case-shot{padding:10px}.case-body{padding-block:55px}.prose h2{font-size:30px}.prose p{font-size:16px}.project-index{padding-bottom:65px}}.hero-art{overflow:clip}.eyebrow,.project-number,.service-number,.process-step>span,.art-top,.art-bottom,.art-coordinate{font-family:var(--font-detail)}.eyebrow{letter-spacing:.09em;font-weight:400}.brand-studio{font-family:var(--font-detail);letter-spacing:.16em;font-size:9px}.button,.site-header nav .nav-cta,.menu-toggle,.choice span,.tags span,.project-hover,.copy-button{border-radius:999px}.button{font-family:var(--font-heading);letter-spacing:-.015em;gap:20px;min-height:54px;padding:8px 8px 8px 24px;font-weight:500;transition:background .25s,box-shadow .25s,transform .25s}.button>span[aria-hidden]{border-radius:50%;flex:0 0 36px;place-items:center;width:36px;height:36px;font-size:21px;line-height:1;transition:transform .25s,background .25s;display:grid}.button-primary>span[aria-hidden]{color:#9cdfff;background:#102634}.button-primary:hover{box-shadow:0 5px 24px #57bae722}.button:hover>span[aria-hidden]{transform:rotate(45deg)}.button-secondary>span[aria-hidden]{color:var(--blue);background:#253642}.site-header nav .nav-cta{font-family:var(--font-heading);border-color:#486071;align-items:center;gap:24px;padding:6px 6px 6px 21px;line-height:1;transition:border-color .2s,background .2s}.site-header nav .nav-cta>span{width:32px;height:32px;color:var(--blue);background:#213441;border-radius:50%;place-items:center;font-size:19px;transition:transform .25s;display:grid}.site-header nav .nav-cta:hover{border-color:var(--blue);background:#15222c}.site-header nav .nav-cta:hover>span{transform:rotate(45deg)}.hero-actions .text-link,.section-heading>.text-link,.studio-intro>.text-link{font-family:var(--font-heading);border:1px solid #394651;border-radius:999px;gap:17px;min-height:50px;padding:12px 20px;transition:background .25s,border-color .25s}.hero-actions .text-link:hover,.section-heading>.text-link:hover,.studio-intro>.text-link:hover{color:#d3f0ff;background:#14232e;border-color:#78c8ed}.hero-actions{gap:14px}.choice span{padding:9px 14px;transition:background .2s,border-color .2s}.choice:hover span{border-color:#74a9c5}.tags span{padding:5px 12px}.menu-toggle{padding-inline:16px}.copy-button{border:1px solid #3b4d5d;padding:10px 16px;text-decoration:none;transition:background .2s,border-color .2s}.copy-button:hover{background:#1b303e;border-color:#70c9f0}.cta-title{letter-spacing:-.05em;font-weight:500}@media (width<=650px){.hero h1{letter-spacing:-.045em;font-size:clamp(40px,10.6vw,62px)}.hero .eyebrow{letter-spacing:.06em;font-size:9px}.button{padding:8px 8px 8px 20px}.button>span[aria-hidden]{flex-basis:34px;width:34px;height:34px}.hero-actions .text-link{font-size:13px}.cta-title{font-size:clamp(46px,10.9vw,68px)}.cta-top .eyebrow{max-width:210px;font-size:8px}.site-header nav .nav-cta{padding:6px 6px 6px 20px}.contact-copy h1{font-size:46px}}.icon{vertical-align:-.14em;flex-shrink:0;justify-content:center;align-items:center;width:1em;height:1em;line-height:1;display:inline-flex}.icon>svg{width:100%;height:100%;display:block}.button>span[aria-hidden]>.icon,.nav-cta>span>.icon{width:20px;height:20px;font-size:20px}.text-link>.icon,.circle-link>.icon{font-size:20px}.circle-link{flex-shrink:0}.live-label .icon{margin-left:0;font-size:12px}.browser-bar .icon{font-size:11px}.project-hover .icon{margin-left:0;font-size:16px}.service-symbol{color:var(--blue);place-items:center;font-size:64px;display:grid}.service-arrow .icon{font-size:25px}.cta-arrow{line-height:1}.footer-top>a>.icon{color:var(--blue);margin-left:12px;font-size:18px}.footer-top>a span>.icon{margin-left:0}.footer-bottom>a>.icon{margin-left:6px;font-size:14px}.contact-email>.icon{font-size:18px}.copy-button{justify-content:center;align-items:center;gap:8px;display:inline-flex}.copy-button>.icon{font-size:17px}.menu-glyph{width:18px;height:18px;font-size:18px;display:inline-flex;position:relative}.menu-glyph .menu-close-icon,.menu-toggle[aria-expanded=true] .menu-open-icon{display:none}.menu-toggle[aria-expanded=true] .menu-close-icon{display:inline-flex}@media (width<=650px){.service-row{grid-template-columns:32px 1fr 20px}.service-symbol{grid-area:1/1;align-self:start;margin-top:3px;font-size:28px;display:grid}.service-number{display:none}.service-content{grid-column:2}.service-arrow{grid-area:1/3}.service-arrow .icon{font-size:21px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}.brand{flex-direction:row;align-items:center;gap:12px}.brand-studio{font-family:var(--font-heading);letter-spacing:.34em;text-indent:.34em;color:#c2d0da;border:0;padding:0;font-size:10px;font-weight:600;line-height:1}.hero{isolation:isolate;grid-template-columns:minmax(0,1fr);place-items:start center;gap:0;min-height:calc(100svh - 82px);padding-block:clamp(36px,7svh,64px) 64px;display:grid;position:relative}.hero-copy{text-align:center;width:100%;max-width:960px;container-type:inline-size}.hero h1{letter-spacing:-.045em;margin:0 0 26px;font-size:clamp(26px,8.2cqw,72px);font-weight:700;line-height:1.17}.hero h1>span{display:block}.hero h1 .accent{text-transform:uppercase;font-size:inherit;line-height:inherit;letter-spacing:inherit}.hero-title-software{display:block}.hero-description{max-width:530px;margin-inline:auto;font-size:16px;line-height:1.65}.hero-actions{flex-direction:column;align-items:stretch;gap:12px;max-width:360px;margin:28px auto 0;display:flex}.hero-actions .button{justify-content:space-between;min-height:56px;font-size:14px}.hero-contact{position:relative}.hero-label-mobile{display:none}.hero-actions .text-link .hero-label-desktop{width:auto;height:auto;color:inherit;font-size:inherit;background:0 0;border-radius:0;display:inline}.hero-actions .text-link .hero-label-mobile{display:none}.cta-border-glint{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.cta-border-glint rect{fill:none;stroke:#f1fcff;stroke-width:2.5px;stroke-linecap:round;stroke-dasharray:8 92;stroke-dashoffset:0;opacity:0;width:calc(100% - 3px);height:calc(100% - 3px)}@keyframes contact-border-glint{0%{stroke-dashoffset:0;opacity:0}12%{opacity:.95}85%{opacity:.95}to{stroke-dashoffset:-100px;opacity:0}}@media (prefers-reduced-motion:no-preference){.hero-contact:focus-visible .cta-border-glint rect,.hero-contact.is-glint-visible .cta-border-glint rect{animation:1.8s linear contact-border-glint}}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.hero-contact:hover .cta-border-glint rect{animation:1.8s linear contact-border-glint}}.hero-actions .text-link{background:#0b0e12e6;border-color:#3b5362;justify-content:space-between;min-height:56px;padding:8px 8px 8px 20px;font-size:14px;font-weight:500}.hero-actions .text-link>span{width:34px;height:34px;color:var(--blue);background:#172b37;border-radius:50%;place-items:center;display:grid}.hero-backdrop{z-index:0;pointer-events:none;width:100vw;position:absolute;top:0;bottom:0;left:50%;overflow:clip;transform:translate(-50%)}.hero-tech{background:radial-gradient(at 88% 74%,#267baa20,#0000 52%),radial-gradient(at 4% 18%,#245a711a,#0000 40%);position:absolute;inset:0;mask-image:linear-gradient(#0000,#000 9% 83%,#0000)}.hero-tech-grid{background-image:linear-gradient(#8dd7f70e 1px,#0000 1px),linear-gradient(90deg,#8dd7f70e 1px,#0000 1px),radial-gradient(circle,#93dcff35 .8px,#0000 1.2px);background-position:50%;background-size:48px 48px,48px 48px,144px 144px;position:absolute;inset:0;mask-image:radial-gradient(at 50% 35%,#0000 12%,#000 78%)}.hero-circuits{width:max(100%,960px);height:100%;position:absolute;left:50%;transform:translate(-50%)}.hero-circuits-desktop{display:none}.hero-circuits-mobile{width:100%}.circuit-traces{stroke:#70c9f0;stroke-width:1px;opacity:.18}.circuit-nodes{stroke:#9adfff;stroke-width:1px;fill:#0b0e12;opacity:var(--node-strength,.38)}.circuit-marks{stroke:#9adfff;stroke-width:1px;opacity:.24}.circuit-pulses{stroke:#a6e6ff;stroke-width:1.25px;stroke-linecap:square;stroke-linejoin:miter;opacity:0;transition:opacity .25s}.hero-tech.is-active .circuit-pulses{opacity:var(--signal-strength,.48)}.signal-path{opacity:0;animation:11s ease-in-out infinite circuit-illuminate;animation-delay:var(--pulse-delay);animation-play-state:paused}.hero-tech.is-active .signal-path{animation-play-state:running}.hero-circuits-desktop .signal-path{animation-name:none}@keyframes circuit-illuminate{0%,60%,to{opacity:0}73%,79%{opacity:.8}92%{opacity:0}}@media (prefers-reduced-motion:reduce){.circuit-pulses{display:none}}.hero-art{z-index:0;pointer-events:none;aspect-ratio:1;opacity:.14;transform-origin:50%;background:0 0;border:0;border-radius:0;width:min(76vw,320px);max-width:none;height:auto;margin:0;position:absolute;bottom:48px;right:clamp(16px,2.5vw,40px);overflow:visible;transform:translate(0,0)rotate(-12deg)}.x-stage{inset:20px 8px 20px 32px}.x-shadow{transform:translate(4px,4px)}.project-grid{align-items:stretch;gap:24px}.project-card{--project-accent:#b2e0ce;background:#10171d;border:1px solid #2d383e;border-radius:24px;flex-direction:column;min-width:0;display:flex}.project-card.sand{--project-accent:#e5dbc3}.project-image-link{border-radius:23px 23px 0 0;display:block}.project-visual{aspect-ratio:1.3;background:radial-gradient(at 45% 100%,#355747,#192a25 80%);border:0;border-bottom:1px solid #2d383e;border-radius:23px 23px 0 0;height:auto;padding:18px 16px 0}.sand .project-visual{background:radial-gradient(at 45% 100%,#655f45,#2e3127 80%)}.project-visual-top{align-items:flex-start;gap:10px;margin-bottom:24px}.project-visual-top .project-number{color:var(--project-accent);max-width:64%;font-family:inherit;font-size:11px;line-height:1.5}.live-label{align-items:center;gap:6px;font-size:11px;line-height:1.5;display:inline-flex}.live-label .live-dot{background:#b2e0ce;border-radius:50%;width:5px;height:5px;margin:0;display:inline-block}.browser-frame{border-radius:8px 8px 0 0;transform:none}.browser-bar{height:25px;font-size:9px}.project-details{flex-direction:column;flex:1;padding:22px 20px 16px;display:flex}.project-caption{margin:0 0 12px}.project-caption h3{letter-spacing:-.045em;font-size:26px;line-height:1.2}.project-details>p{margin-bottom:18px;font-size:16px;line-height:1.65}.project-details .tags{gap:6px;margin-bottom:24px}.project-details .tags span{padding:4px 10px;font-size:11px}.project-actions{border-top:1px solid #2b373f;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:14px;display:flex}.project-actions a{justify-content:center;align-items:center;gap:8px;min-height:48px;font-size:13px;display:inline-flex}.project-case-link{color:#d8f1ff;background:#22343e;border-radius:999px;padding:0 15px}.project-site-link{color:#b4c0cc;padding-inline:2px}.project-actions .icon{font-size:18px}.menu-toggle{min-height:44px}.choice span{align-items:center;min-height:44px;display:flex}@media (width<=650px){.hero{align-items:center;min-height:calc(100svh - 82px);padding-block:32px}.hero-copy{text-align:center}.hero h1{margin-bottom:24px;font-size:clamp(32px,12.4cqw,58px);line-height:1.15}.hero-description{max-width:32ch;margin-inline:auto;line-height:1.6}.hero-actions{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:10px;width:min(100%,360px);max-width:100%;margin:28px auto 0;display:grid}.hero-actions .button,.hero-actions .text-link{justify-content:center;gap:8px;width:100%;min-width:0;min-height:52px;padding:8px;font-size:13px}.hero-actions .button>span[aria-hidden]{flex-basis:28px;width:28px;height:28px}.hero-actions .text-link{background:#0b0e12e6;border:1px solid #3b5362;border-radius:999px}.hero-actions .text-link>span[aria-hidden]{background:0 0;width:20px;height:20px}.hero-label-desktop,.hero-actions .text-link .hero-label-desktop{display:none}.hero-label-mobile,.hero-actions .text-link .hero-label-mobile{width:auto;height:auto;color:inherit;font-size:inherit;background:0 0;display:inline}.hero-art{opacity:.1;width:min(70vw,280px);top:32px;bottom:auto}}@media (width>=651px) and (width<=800px){.menu-toggle{color:#d1dce5;background:0 0;border:1px solid #37424d;align-items:center;gap:13px;padding:8px 16px;font-size:12px;display:flex}.site-header nav{background:#111820;border-bottom:1px solid #344451;flex-direction:column;align-items:stretch;gap:0;padding:15px 32px 22px;display:none;position:absolute;top:81px;left:0;right:0;box-shadow:0 15px 30px #0006}.site-header nav.is-open{display:flex}.site-header nav>a{padding:14px;font-size:16px}.site-header nav .nav-cta{justify-content:space-between;margin:10px 0 0;padding:6px 6px 6px 20px}}@media (width<=800px){.menu-toggle{background:0 0;border:0;justify-content:center;width:44px;height:44px;padding:0}.menu-glyph{width:26px;height:26px;font-size:26px}}@media (width>=651px){.hero-circuits-mobile{display:none}.hero-circuits-desktop{display:block}.hero-circuits-mobile .signal-path{animation-name:none}.hero-circuits-desktop .signal-path{animation-name:circuit-illuminate}.hero-tech-grid{background-size:64px 64px,64px 64px,192px 192px}.hero{align-items:center;padding-block:72px 110px}.hero-description{font-size:18px}.hero-actions{flex-direction:row;justify-content:center;align-items:center;gap:20px;max-width:none;margin-top:32px}.hero-actions .text-link{gap:20px;padding-left:24px}.hero-actions .text-link>span{width:36px;height:36px}.hero-art{width:360px;bottom:64px}.project-visual{aspect-ratio:1.48;padding:24px 24px 0}.project-details{padding:28px 28px 22px}.project-visual-top .project-number,.live-label{font-size:12px}.project-caption h3{font-size:30px}}@media (width>=801px){.hero{min-height:clamp(650px,100svh - 100px,920px)}.hero-copy{max-width:1100px}.hero h1{margin-bottom:28px;font-size:clamp(40px,6.6cqw,76px);line-height:1.15}.hero-title-software{display:inline}.hero-description{text-wrap:balance;max-width:590px}}@media (width>=1000px){.hero-art{opacity:.12;width:clamp(400px,42vw,560px);bottom:72px}.project-grid{gap:28px}.project-visual-top{margin-bottom:34px}}@media (hover:hover) and (pointer:fine){.project-image-link:hover .browser-frame{transform:translateY(-6px)scale(1.015)}.project-case-link:hover{background:var(--blue);color:#102634}.project-site-link:hover{color:var(--blue)}}@media (hover:none){.project-image-link:hover .browser-frame,.button:hover,.button:hover>span[aria-hidden]{transform:none}}@media (prefers-reduced-motion:reduce){.project-image-link:hover .browser-frame{transform:none}}.project-details .project-promise{max-width:32ch;color:var(--text);letter-spacing:-.025em;margin-block:14px 22px;font-size:19px;line-height:1.5}.case-tour{padding-top:68px}.tour-heading{gap:22px;margin-bottom:32px;display:grid}.tour-heading .eyebrow{margin-bottom:18px}.tour-heading h2{font-size:clamp(34px,4vw,54px)}.tour-heading>p{max-width:28ch;font-size:16px}.tour-track{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#456170 transparent;grid-auto-columns:86%;grid-auto-flow:column;gap:16px;margin:0;padding:0 0 12px;list-style:none;display:grid;position:relative;overflow-x:auto}.tour-card{border:1px solid var(--line);scroll-snap-align:start;background:#111a20;border-radius:22px;flex-direction:column;min-width:0;padding:18px 14px 12px;display:flex}.tour-step-title{align-items:baseline;gap:12px;margin-bottom:22px;display:flex}.tour-step-title>span{color:var(--blue);font:11px var(--font-detail)}.tour-step-title h3{letter-spacing:-.04em;font-size:clamp(17px,2vw,20px);font-weight:500;line-height:1.35}.tour-screen{background:#0b1014;border:1px solid #36424b;border-radius:16px;width:100%;max-width:300px;margin:0 auto 22px;overflow:hidden}.tour-screen-bar{font:9px var(--font-detail);color:#afbdc8;justify-content:space-between;align-items:center;gap:8px;padding:10px;display:flex}.tour-screen-bar>span:first-child{background:#74bfd5;border-radius:50%;width:5px;height:5px}.tour-screen img{aspect-ratio:430/640;width:100%;height:auto;display:block}.tour-card>p{margin:0 0 14px;font-size:15px;line-height:1.65}.tour-source{border-top:1px solid var(--line);min-height:44px;color:var(--blue);justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:10px;font-size:12px;display:inline-flex}.tour-navigation{justify-content:space-between;align-items:center;gap:16px;margin-top:16px;display:flex}.tour-navigation[hidden]{display:none}.tour-position{color:var(--muted);font:12px var(--font-detail)}.tour-navigation>div{gap:10px;display:flex}.tour-navigation button{width:44px;height:44px;color:var(--blue);cursor:pointer;background:0 0;border:1px solid #456170;border-radius:50%;place-items:center;font-size:20px;display:grid}.tour-navigation button:disabled{opacity:.35;cursor:default}.tour-next-icon{transform:rotate(180deg)}.tour-capture-note{margin-top:16px;font-size:11px;line-height:1.7}@media (width>=651px){.tour-track{grid-auto-columns:70%;gap:20px}.tour-card{padding:24px 20px 14px}.project-details .project-promise{font-size:21px}}@media (width>=1000px){.tour-heading{grid-template-columns:1fr auto;align-items:end;margin-bottom:40px}.tour-track{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:row;overflow:visible}.tour-swipe-hint{display:none}}