:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#101411;--bg-elevated:#171d19;--bg-soft:#202721;--text:#f0f4ee;--muted:#adbaae;--line:#edf4ee24;--line-strong:#edf4ee47;--panel:#131916b8;--panel-solid:#171d19;--teal:#66d9c8;--accent-text:var(--teal);--amber:#e9b45a;--coral:#ec7566;--green:#7fd37b;--blue:#73a7ff;--shadow:0 24px 70px #00000057;--nav-shadow:0 18px 50px #00000042;--floating-shadow:0 14px 42px #00000047;--radius:8px;--nav-height:72px;--content-width:1240px;--primary-ink:#07110f;--body-background:linear-gradient(180deg, #ffffff09, transparent 18rem), linear-gradient(135deg, #101411 0%, #121913 48%, #181511 100%);--body-overlay:linear-gradient(90deg, #66d9c812, transparent 44%), linear-gradient(180deg, transparent 64%, #e9b45a0e);--scroll-track:#111613e0;--scroll-border:#111613e0;--scroll-thumb:linear-gradient(180deg, #3dd6c6b8, #f5b84b85);--scroll-thumb-hover:linear-gradient(180deg, var(--teal), #f5b84bd1);--nav-bg:#101411d1;--menu-bg:#111613e6;--floating-bg:#101411db;--soft-control-bg:#edf4ee12;--soft-control-hover:#edf4ee1a;--active-bg:#edf4ee17;--field-bg:#edf4ee0f;--link-panel-bg:#edf4ee0d;--card-hover-bg:#202a25e0;--image-panel-bg:#edf4ee0a;--modal-overlay:#050807bd;--fact-bg:#1116136b;--media-bg:#0000002e;--code-bg:#0b1110;--code-text:#edf4ee;--code-inline-bg:#3dd6c617;--code-inline-border:#3dd6c62e;--code-inline-text:#b9fff5;--option-bg:#17201c;--date-bg:#111613d6;--zoom-bg:#111613db;--focus-ring:#3dd6c61f;--home-rail-overlay:linear-gradient(180deg, #edf4ee09, transparent 18%), linear-gradient(180deg, transparent 78%, #e9b45a0b);--project-link-bg:#edf4ee12;--case-window-bg:linear-gradient(135deg, color-mix(in srgb, var(--accent), transparent 86%), transparent 42%), linear-gradient(315deg, #edf4ee0f, transparent 48%), #121916eb;--case-grid-bg:linear-gradient(90deg, #edf4ee0b 1px, transparent 1px), linear-gradient(180deg, #edf4ee0a 1px, transparent 1px);--case-bar-bg:#111613d1;--preview-shell-bg:#edf4ee09;--preview-canvas-bg:#080c0b94;--preview-shadow:drop-shadow(0 22px 34px #00000052);--tag-html:#e25735;--tag-css:#4b7cff;--tag-javascript:#d6aa22;--tag-typescript:#3478c8;--tag-java:#b56f2a;--tag-csharp:#9b5dc0;--tag-python:#3f8fbf;--tag-react:#28c6df;--tag-node:#5fa66a;--tag-php:#777bb3;--tag-mysql:#178da1;--tag-components:#32b7a8;--tag-default:#edf4ee24}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff5e4;--bg-elevated:#fffdf7;--bg-soft:#f8e8d2;--text:#222632;--muted:#716a61;--line:#8467482e;--line-strong:#84674857;--panel:#fffdf7d1;--panel-solid:#fffdf7;--teal:#a1dfaf;--accent-text:#4f9b5f;--amber:#e99648;--coral:#df7062;--green:#438551;--blue:#9a84e6;--shadow:0 24px 64px #8f643a29;--nav-shadow:0 18px 44px #8f643a21;--floating-shadow:0 16px 38px #8f643a29;--primary-ink:#06110f;--body-background:linear-gradient(180deg, #ffffffad, transparent 18rem), linear-gradient(135deg, #fff7dc 0%, #fff0e2 46%, #ffe3c8 100%);--body-overlay:linear-gradient(90deg, #a1dfaf29, transparent 44%), linear-gradient(180deg, transparent 58%, #e996481f);--scroll-track:#fff5e4eb;--scroll-border:#fff5e4eb;--scroll-thumb:linear-gradient(180deg, #a1dfafc7, #e9964875);--scroll-thumb-hover:linear-gradient(180deg, var(--teal), #e99648b8);--nav-bg:#fffdf7e0;--menu-bg:#fffdf7f5;--floating-bg:#fffdf7eb;--soft-control-bg:#84674812;--soft-control-hover:#8467481c;--active-bg:#a1dfaf33;--field-bg:#ffffffb8;--link-panel-bg:#8467480d;--card-hover-bg:#fffdf7f5;--image-panel-bg:#8467480d;--modal-overlay:#2a221857;--fact-bg:#ffffff94;--media-bg:#84674814;--code-bg:#24211d;--code-text:#fff7ed;--code-inline-bg:#a1dfaf2e;--code-inline-border:#a1dfaf57;--code-inline-text:#438551;--option-bg:#fffdf7;--date-bg:#fffdf7e0;--zoom-bg:#fffdf7eb;--focus-ring:#a1dfaf42;--home-rail-overlay:linear-gradient(180deg, #ffffff6b, transparent 18%), linear-gradient(180deg, transparent 74%, #e9964818);--project-link-bg:#84674812;--case-window-bg:linear-gradient(135deg, color-mix(in srgb, var(--accent), transparent 86%), transparent 42%), linear-gradient(315deg, #ffffff9e, transparent 48%), #fffdf7e0;--case-grid-bg:linear-gradient(90deg, #8467480e 1px, transparent 1px), linear-gradient(180deg, #8467480b 1px, transparent 1px);--case-bar-bg:#fffdf7e6;--preview-shell-bg:#8467480b;--preview-canvas-bg:#fff9efad;--preview-shadow:drop-shadow(0 18px 30px #8f643a2e);--tag-default:#8467481f}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--teal) var(--scroll-track)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:linear-gradient(180deg, #edf4ee0a, #edf4ee04), var(--scroll-track)}::-webkit-scrollbar-thumb{border:3px solid var(--scroll-border);background:var(--scroll-thumb);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--scroll-thumb-hover)}::-webkit-scrollbar-corner{background:var(--scroll-track)}html{scroll-behavior:smooth;min-height:100%}body{min-height:100%;color:var(--text);background:var(--body-background);background-size:cover;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;line-height:1.6;overflow-x:hidden}html.modal-open,body.modal-open{overscroll-behavior:none;overflow:hidden}body:before{content:"";z-index:-1;pointer-events:none;background:var(--body-overlay);position:fixed;inset:0}html.theme-ready body,html.theme-ready body:before,html.theme-ready .navbar,html.theme-ready .menu-toggle,html.theme-ready .scroll-top-button,html.theme-ready .btn,html.theme-ready .nav-btn,html.theme-ready .project-card,html.theme-ready .project-case-window,html.theme-ready .project-browser,html.theme-ready .contact-form,html.theme-ready .modal-content,html.theme-ready input,html.theme-ready select,html.theme-ready textarea{transition:background-color .24s,background .24s,border-color .24s,color .24s,box-shadow .24s,opacity .24s,transform .24s}img{max-width:100%;display:block}a{color:inherit}button,input,select,textarea{font:inherit}button{color:inherit}button:disabled{cursor:wait;opacity:.72}p,ul,ol,dl,h1,h2,h3{margin-top:0}h1,h2,h3{line-height:1.08}h1{font-size:3.45rem}h2{font-size:2.7rem}h3{font-size:1.35rem}p{color:var(--muted);font-size:1.05rem}strong{color:var(--text)}.page-shell{width:min(var(--content-width), calc(100% - 64px));margin:0 auto;padding:9.5rem 0 5rem}.page-hero{border-bottom:1px solid var(--line);width:min(860px,100%);padding-bottom:3rem}.page-hero h1{margin-bottom:1.25rem}.page-hero p:last-child{max-width:720px;font-size:1.15rem}.error-page{min-height:100dvh}.error-shell{width:min(var(--content-width), calc(100% - 64px));grid-template-columns:minmax(0,.9fr) minmax(320px,.55fr);align-items:center;gap:clamp(3rem,8vw,9rem);min-height:100dvh;margin:0 auto;padding:9.5rem 0 4rem;display:grid}.error-content{max-width:760px}.error-code{color:#0000;letter-spacing:-.09em;-webkit-text-stroke:1px var(--line-strong);-webkit-user-select:none;user-select:none;margin:0 0 -.2em;font-size:clamp(7rem,18vw,14rem);font-weight:950;line-height:.8}.error-content h1{max-width:10ch;margin-bottom:1.2rem;font-size:clamp(2.8rem,6vw,5.8rem)}.error-lead{max-width:600px;margin-bottom:1.8rem;font-size:1.15rem}.error-actions{flex-wrap:wrap;gap:.75rem;display:flex}.error-visual{aspect-ratio:1;justify-self:end;width:min(32vw,430px);position:relative}.error-visual:before{content:"";filter:blur(10px);background:radial-gradient(circle,#66d9c81f,#0000 68%);border-radius:50%;position:absolute;inset:18%}.error-orbit{border:1px solid var(--line);border-radius:50%;position:absolute}.error-orbit--outer{inset:0}.error-orbit--inner{border-color:var(--line-strong);inset:20%}.error-orbit--outer:before,.error-orbit--inner:before{content:"";background:var(--line);width:140%;height:1px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-38deg)}.error-node{width:14px;height:14px;box-shadow:0 0 0 8px color-mix(in srgb, currentColor, transparent 86%);border-radius:50%;position:absolute}.error-node--teal{color:var(--teal);background:var(--teal);top:8%;right:24%}.error-node--amber{color:var(--amber);background:var(--amber);bottom:31%;right:3%}.error-node--coral{color:var(--coral);background:var(--coral);bottom:7%;left:22%}.error-slash{color:var(--teal);text-shadow:0 0 50px #66d9c83d;place-items:center;font-size:clamp(6rem,13vw,11rem);font-weight:200;line-height:1;display:grid;position:absolute;inset:0;transform:rotate(12deg)}.eyebrow{color:var(--amber);letter-spacing:0;text-transform:uppercase;margin-bottom:.9rem;font-size:.78rem;font-weight:800}.section-heading{text-align:left;width:min(760px,100%);margin:0 0 3rem}.section-heading h2{margin-bottom:1rem}.section-heading p:last-child{max-width:680px;margin-inline:auto}.btn,.nav-btn,.project-link,.preview-btn,.source-btn,.open-log{border:1px solid var(--line);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:.55rem;min-height:44px;padding:.72rem 1rem;text-decoration:none;transition:transform .18s,border-color .18s,background .18s,color .18s,box-shadow .18s;display:inline-flex}.btn:hover,.nav-btn:hover,.project-link:hover,.preview-btn:hover,.source-btn:hover,.open-log:hover{border-color:var(--line-strong);transform:translateY(-2px)}.btn-primary,.preview-btn,.open-log{background:var(--teal);color:var(--primary-ink);border-color:#0000;font-weight:800}.btn-primary.is-loading{transform:none}.btn-secondary,.source-btn{background:var(--soft-control-bg);color:var(--text)}.icon-button{border:1px solid var(--line);background:var(--soft-control-bg);cursor:pointer;border-radius:6px;width:44px;height:44px;padding:0}.navbar{z-index:5001;width:min(var(--content-width), calc(100% - 48px));min-height:var(--nav-height);border:1px solid var(--line);border-radius:var(--radius);background:var(--nav-bg);box-shadow:var(--nav-shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);justify-content:space-between;align-items:center;gap:1rem;padding:.7rem .8rem;transition:opacity .26s,transform .26s,visibility .26s;display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%)}.navbar.navbar--hidden{opacity:0;pointer-events:none;visibility:hidden;transform:translate(-50%)translateY(-18px)}.brand{min-width:0;color:var(--text);align-items:center;gap:.7rem;text-decoration:none;display:inline-flex}.logo{border:1px solid var(--line-strong);background:url(/assets/logo-CRYSwDN9.png) 50%/cover no-repeat;border-radius:50%;flex:none;width:42px;height:42px}.brand-copy{flex-direction:column;line-height:1.1;display:flex}.brand-copy strong{font-size:.95rem}.brand-copy span{color:var(--muted);font-size:.76rem}.nav-links{align-items:center;gap:.45rem;display:flex}.nav-btn{min-height:40px;color:var(--muted);background:0 0;padding:.58rem .78rem;font-size:.88rem;font-weight:750}.nav-btn.is-active{color:var(--text);background:var(--active-bg);border-color:var(--line-strong)}.theme-toggle{width:42px;min-width:42px;padding-inline:0}.theme-toggle i{text-align:center;width:1rem}.language-btn{min-width:46px;padding-inline:.65rem}.flag-icon{object-fit:cover;width:24px;height:16px}.menu-toggle{z-index:5002;border:1px solid var(--line);background:var(--menu-bg);width:46px;height:46px;color:var(--text);border-radius:6px;transition:opacity .24s,transform .24s,visibility .24s;display:none;position:fixed;top:20px;right:16px}.nav-control--hidden{opacity:0;pointer-events:none;visibility:hidden;transform:translateY(-12px)}body.portfolio-case-open .navbar,body.portfolio-case-open .menu-toggle{opacity:0!important;pointer-events:none!important;visibility:hidden!important}body.portfolio-case-open .menu-toggle{transform:translateY(-12px)}.scroll-top-button{right:max(18px, env(safe-area-inset-right));bottom:max(18px, env(safe-area-inset-bottom));z-index:5001;border:1px solid var(--line);background:var(--floating-bg);width:46px;height:46px;color:var(--text);box-shadow:var(--floating-shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:pointer;opacity:0;pointer-events:none;visibility:hidden;border-radius:6px;justify-content:center;align-items:center;transition:opacity .22s,transform .22s,border-color .22s,background .22s,visibility .22s;display:inline-flex;position:fixed;transform:translateY(.75rem)}.scroll-top-button.is-visible{opacity:1;pointer-events:auto;visibility:visible;transform:translateY(0)}.scroll-top-button:hover{border-color:var(--line-strong);background:var(--soft-control-hover);transform:translateY(-2px)}.hero-actions,.links,.project-actions,.contact-links{flex-wrap:wrap;gap:.75rem;display:flex}.hero-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;width:min(660px,100%);margin:2.2rem 0 0;display:grid}.portfolio-toolbar,.contact-panel,.contact-form,.project-card,.log-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow)}.hero-stats div{border-top:1px solid var(--line);box-shadow:none;padding:1rem 0 0}.hero-stats dt{color:var(--text);font-size:1.3rem;font-weight:900}.hero-stats dd{color:var(--muted);margin:.25rem 0 0;font-size:.9rem}.portfolio-toolbar{box-shadow:none;background:0 0;border-left:0;border-right:0;border-radius:0;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.2rem;padding:1rem 0;display:flex}.portfolio-toolbar span{color:var(--muted);font-size:.84rem;display:block}.portfolio-toolbar strong{font-size:1.6rem}.portfolio-mode-panel{gap:.45rem;width:min(100%,360px);display:grid}.portfolio-mode{border:1px solid var(--line);background:var(--field-bg);border-radius:6px;grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem;width:100%;padding:.25rem;display:inline-grid}.portfolio-mode__button{min-height:40px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:5px;justify-content:center;align-items:center;gap:.45rem;font-weight:800;display:inline-flex}.portfolio-mode__button.is-active{background:var(--teal);color:var(--primary-ink)}.portfolio-mode-help{color:var(--muted);margin:0;font-size:.86rem;line-height:1.35}.case-mode-switch{width:min(100%,390px)}.portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1rem;display:grid}.project-card{cursor:pointer;border-color:color-mix(in srgb, var(--line), transparent 10%);background:linear-gradient(180deg, color-mix(in srgb, var(--field-bg), transparent 8%), transparent 72%), var(--card-bg);min-width:0;transition:transform .22s,border-color .22s,background .22s,box-shadow .22s;overflow:hidden}.project-card:hover,.project-card:focus-within{border-color:var(--line-strong);background:var(--card-hover-bg);transform:translateY(-6px);box-shadow:0 22px 54px #0000003d}.project-card__preview{border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--bg), #000 18%);overflow:hidden}.project-card__preview-bar{border-bottom:1px solid var(--line);background:#080a09c2;align-items:center;gap:.55rem;min-height:38px;padding:0 .85rem;display:flex}.project-card__dots{flex:none;gap:.34rem;display:inline-flex}.project-card__dots span{background:color-mix(in srgb, var(--muted), transparent 28%);border-radius:50%;width:.48rem;height:.48rem}.project-card__dots span:first-child{background:var(--amber)}.project-card__dots span:nth-child(2){background:color-mix(in srgb, #ff6b5f, var(--text) 8%)}.project-card__dots span:nth-child(3){background:color-mix(in srgb, #65d575, var(--text) 8%)}.project-card__url{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;font-weight:850;overflow:hidden}.project-card__image{aspect-ratio:16/10;background:var(--image-panel-bg);isolation:isolate;overscroll-behavior:contain;touch-action:manipulation;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.project-card__image:after{content:"";z-index:3;pointer-events:auto;position:absolute;inset:0}.project-card__image img{z-index:1;object-fit:cover;object-position:top center;width:100%;height:100%;transition:transform .32s,filter .32s;position:relative;transform:scale(1.01)}.project-card__viewport{z-index:1;pointer-events:none;touch-action:none;-webkit-user-select:none;user-select:none;background:var(--image-panel-bg);width:1280px;height:820px;transform:translateX(-50%) scale(var(--portfolio-preview-scale,.32));transform-origin:top;border:0;transition:transform .32s,filter .32s;position:absolute;top:0;left:50%}.project-card:hover .project-card__image img,.project-card:focus-within .project-card__image img{filter:saturate(1.06)contrast(1.04);transform:scale(1.045)}.project-card:hover .project-card__viewport,.project-card:focus-within .project-card__viewport{transform:translateX(-50%) scale(calc(var(--portfolio-preview-scale,.32) * 1.045))}.project-card__body{flex-direction:column;gap:.9rem;min-height:290px;padding:1rem 1.05rem 1.05rem;display:flex}.project-card__mode{border:1px solid color-mix(in srgb, var(--teal), transparent 48%);width:fit-content;min-height:28px;color:var(--code-inline-text);background:#3dd6c61a;border-radius:999px;align-items:center;padding:.2rem .55rem;font-size:.76rem;font-weight:900;display:inline-flex}.project-card h3{margin-bottom:0}.project-card p{margin-bottom:0;font-size:.96rem}.project-card__bullets,.case-intro__bullets,.case-bullet-list{gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.project-card__bullets li,.case-intro__bullets li{color:var(--muted);grid-template-columns:1.25rem minmax(0,1fr);align-items:start;gap:.45rem;font-size:.92rem;display:grid}.project-card__bullets i,.case-intro__bullets i{color:var(--teal);margin-top:.25rem}.case-bullet-list{padding-left:1.2rem;list-style:outside}.project-card__footer{justify-content:space-between;align-items:center;gap:.8rem;margin-top:auto;display:flex}.card-open{color:var(--teal);cursor:pointer;background:0 0;border:0;padding:0;font-weight:800}.tag-container,.tags,.tag-list{flex-wrap:wrap;gap:.35rem;display:flex}.tag{color:#fff;white-space:nowrap;border-radius:999px;align-items:center;min-height:24px;padding:.18rem .48rem;font-size:.72rem;font-weight:800;line-height:1;display:inline-flex}.tag-html,.tag-improvements{background:var(--tag-html)}.tag-css,.tag-backend,.tag-bugs,.tag-structure{background:var(--tag-css)}.tag-javascript{background:var(--tag-javascript);color:#111613}.tag-typescript{background:var(--tag-typescript)}.tag-java,.tag-jpa,.tag-enteties,.tag-dao,.tag-dto,.tag-controller,.tag-setup{background:var(--tag-java)}.tag-csharp,.tag-enum,.tag-javalin{background:var(--tag-csharp)}.tag-python,.tag-restapi,.tag-api{background:var(--tag-python)}.tag-react,.tag-integration,.tag-optimize{background:var(--tag-react);color:var(--primary-ink)}.tag-components{background:var(--tag-components);color:var(--primary-ink)}.tag-node,.tag-mapper,.tag-service,.tag-generics{background:var(--tag-node)}.tag-php,.tag-unittest,.tag-security,.tag-testing,.tag-debugging{background:var(--tag-php)}.tag-mysql,.tag-jwt,.tag-hashing{background:var(--tag-mysql)}.tag-default{background:var(--tag-default);color:var(--text)}.about-layout,.contact-layout{grid-template-columns:minmax(0,1.05fr) minmax(320px,.75fr);align-items:start;gap:1.2rem;display:grid}.about-copy,.about-side{border-top:1px solid var(--line);padding-top:1.6rem}.about-portrait{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(135deg, color-mix(in srgb, var(--teal), transparent 82%), transparent 58%), var(--image-panel-bg);box-shadow:var(--shadow);margin:0 0 1.4rem;position:relative;overflow:hidden}.about-portrait:after{content:"";pointer-events:none;background:linear-gradient(#0000 58%,#0003),linear-gradient(90deg,#66d9c824,#0000 44%);position:absolute;inset:0}.about-portrait img{aspect-ratio:4/5;object-fit:cover;object-position:50% 34%;filter:saturate(.96)contrast(1.03);width:100%;height:auto}.about-copy h2,.about-side h2{margin-bottom:.9rem;font-size:2rem}.about-copy p,.about-copy li,.about-side p,.about-side li{color:var(--muted);font-size:1.04rem}.about-copy ul,.about-side ul{padding-left:1.15rem}.about-highlights{gap:.75rem;margin-top:1.2rem;display:grid}.about-highlight{border-left:3px solid var(--teal);padding:.7rem 0 .7rem 1rem}.about-highlight:nth-child(2){border-color:var(--amber)}.about-highlight:nth-child(3){border-color:var(--coral)}.contact-panel,.contact-form{padding:1.35rem}.contact-panel{min-height:100%;box-shadow:none;background:0 0;border-bottom:0;border-left:0;border-right:0;border-radius:0}.contact-link{border:1px solid var(--line);background:var(--link-panel-bg);width:100%;min-height:52px;color:var(--text);border-radius:6px;align-items:center;gap:.75rem;padding:.85rem;text-decoration:none;display:flex}.contact-link i{color:var(--amber)}.contact-form{gap:1rem;display:grid}.form-row{gap:.42rem;display:grid}.form-row label{color:var(--text);font-size:.9rem;font-weight:800}.form-row input,.form-row select,.form-row textarea{border:1px solid var(--line);background:var(--field-bg);width:100%;color:var(--text);border-radius:6px;outline:none;padding:.82rem .9rem}.form-row select option{background:var(--option-bg);color:var(--text)}.form-row textarea{resize:vertical;min-height:150px}.form-row input:focus,.form-row select:focus,.form-row textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px var(--focus-ring)}.form-status{min-height:1.5rem;color:var(--green);margin:-.2rem 0 0;font-size:.94rem}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.process-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.process-item{border-top:1px solid var(--line);box-shadow:none;background:0 0;padding:1.25rem 0 0}.process-item span{color:var(--amber);margin-bottom:1.3rem;font-weight:900;display:inline-flex}.process-item p{margin-bottom:0}.home-cta{text-align:center;border-top:1px solid var(--line);width:min(920px,100% - 32px);margin:0 auto 5rem;padding:4.5rem 0 0}.home-cta h2{margin-bottom:1.2rem}.site-footer{border-top:1px solid var(--line);background:var(--panel-solid);width:100%;margin:3rem 0 0}.site-footer__inner{width:min(var(--content-width), calc(100% - 64px));grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;margin:0 auto;padding:1.7rem 0 1.1rem;display:grid}.site-footer__column{text-align:center;align-content:start;justify-items:center;gap:.45rem;display:grid}.site-footer__column h2{color:var(--text);letter-spacing:0;text-transform:uppercase;margin:0 0 .55rem;font-size:.9rem;font-weight:900}.site-footer__column a,.site-footer__column p{width:fit-content;color:var(--muted);margin:0;font-size:.9rem;line-height:1.45;text-decoration:none;transition:color .18s,transform .18s}.site-footer__column a:hover{color:var(--text);transform:translateY(-1px)}.site-footer__bottom{border-top:1px solid var(--line);text-align:center;flex-wrap:wrap;grid-column:1/-1;justify-content:center;align-items:center;gap:.55rem;margin-top:.8rem;padding-top:1rem;display:flex}.site-footer__bottom span,.site-footer__bottom a{color:var(--muted);font-size:.88rem}.site-footer__bottom a{text-decoration:none;transition:color .18s}.site-footer__bottom a:hover{color:var(--text)}.site-footer__bottom a span{color:inherit}.site-footer__separator{opacity:.55}.cookie-banner{left:50%;right:auto;bottom:max(18px, env(safe-area-inset-bottom));z-index:6000;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(135deg, color-mix(in srgb, var(--teal), transparent 88%), transparent 58%), var(--floating-bg);width:min(920px,100vw - 32px);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;padding:1.2rem;animation:.36s cubic-bezier(.16,1,.3,1) both cookie-banner-in;display:grid;position:fixed;transform:translate(-50%)}.cookie-banner.is-hiding{animation:.22s both cookie-banner-out}.cookie-banner h2{margin-bottom:.4rem;font-size:1.16rem;line-height:1.15}.cookie-banner p{color:var(--muted);margin-bottom:0;font-size:.96rem;line-height:1.45}.cookie-banner__actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:center;gap:.55rem;min-width:0;display:grid}.cookie-banner__actions .btn{white-space:nowrap;min-height:46px;padding-inline:.95rem}.cookie-banner__actions .btn-primary{min-width:132px}@keyframes cookie-banner-in{0%{opacity:0;transform:translate(-50%)translateY(1rem)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes cookie-banner-out{to{opacity:0;transform:translate(-50%)translateY(.8rem)}}@media (width<=760px){.cookie-banner{right:max(12px, env(safe-area-inset-right));bottom:max(12px, env(safe-area-inset-bottom));grid-template-columns:1fr;align-items:stretch;gap:.95rem;width:min(420px,100vw - 24px);padding:1rem}.cookie-banner__actions{grid-template-columns:1fr;justify-content:stretch;gap:.5rem;min-width:0}.cookie-banner__actions .btn{justify-content:center;width:100%;min-height:44px;padding-inline:.85rem}.cookie-banner__actions .btn-primary{min-width:0}}.privacy-page{gap:3rem;width:min(1040px,100% - 48px)}.privacy-hero{text-align:left;width:min(860px,100%);margin-inline:auto}.privacy-layout{gap:2rem;width:min(860px,100%);margin-inline:auto;display:grid}.privacy-card{gap:.62rem;display:grid}.privacy-card h2{color:var(--text);letter-spacing:0;margin:0;font-size:1.28rem;line-height:1.2}.privacy-card p{max-width:74ch;color:color-mix(in srgb, var(--muted), var(--text) 12%);margin-bottom:.9rem;font-size:1.04rem}.privacy-card p:last-child{margin-bottom:0}.privacy-card a{color:var(--text);-webkit-text-decoration-color:color-mix(in srgb, var(--teal), transparent 30%);text-decoration-color:color-mix(in srgb, var(--teal), transparent 30%);text-underline-offset:.18em;font-weight:800}.privacy-card ul{max-width:74ch;color:var(--muted);gap:.45rem;margin:.85rem 0 0;padding-left:1.1rem;list-style:outside;display:grid}.privacy-card li::marker{color:var(--teal)}.privacy-updated{color:var(--muted);margin-top:.4rem;font-size:.92rem}.stats-page{gap:3rem}.stats-hero{width:min(900px,100%);margin-inline:auto}.stats-dashboard{width:min(1120px,100%);margin-inline:auto}.stats-status{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);min-height:10rem;color:var(--muted);place-items:center;display:grid}.stats-status.is-error{color:var(--coral)}.stats-status[hidden],.stats-grid[hidden]{display:none!important}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.stats-card,.stats-chart-card{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(135deg, color-mix(in srgb, var(--teal), transparent 92%), transparent 58%), var(--panel);box-shadow:var(--floating-shadow);padding:1.25rem}.stats-card--large,.stats-card--wide{grid-column:span 3}.stats-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.stats-metrics div,.stats-card:not(.stats-card--large){align-content:start;gap:.35rem;display:grid}.stats-metrics div{border:1px solid var(--line);border-radius:var(--radius);background:var(--link-panel-bg);min-height:8rem;padding:1rem}.stats-metrics span,.stats-card>strong{color:var(--text);font-size:clamp(2.2rem,7vw,4.4rem);line-height:.95}.stats-metrics small,.stats-card>span,.stats-card__head>span,.stats-pages p{color:var(--muted)}.stats-card__head{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1rem;display:flex}.stats-card__head h2{margin:0;font-size:clamp(1.45rem,3vw,2.4rem)}.stats-chart{grid-auto-columns:minmax(28px,1fr);grid-auto-flow:column;align-items:end;gap:.45rem;min-height:240px;padding:.35rem 0 .1rem;display:grid;overflow-x:auto}.stats-chart__bar{grid-template-rows:1fr auto;gap:.45rem;min-width:28px;height:240px;display:grid}.stats-chart__bar span{background:linear-gradient(180deg, var(--teal), color-mix(in srgb, var(--amber), var(--teal) 22%));min-height:6px;box-shadow:0 0 22px color-mix(in srgb, var(--teal), transparent 76%);border-radius:999px 999px 4px 4px;justify-content:center;align-self:end;align-items:flex-start;display:flex;position:relative}.stats-chart__bar strong{z-index:1;border:1px solid color-mix(in srgb, var(--teal), transparent 48%);background:color-mix(in srgb, var(--bg), transparent 18%);min-width:min-content;max-width:100%;box-shadow:0 8px 18px color-mix(in srgb, var(--bg), transparent 68%);color:var(--text);text-align:center;white-space:nowrap;border-radius:999px;place-items:center;padding:.18rem .32rem;font-size:clamp(.58rem,.9vw,.72rem);font-weight:900;line-height:1;display:inline-grid;position:absolute;top:0;left:50%;transform:translate(-50%,-50%)}.stats-chart__bar small{color:var(--muted);text-align:center;white-space:nowrap;font-size:.72rem}.stats-pages{gap:.55rem;display:grid}.stats-page-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 0;display:flex}.stats-page-row span{color:var(--muted)}.stats-page-row strong{color:var(--amber)}@media (width<=760px){.stats-grid,.stats-metrics{grid-template-columns:1fr}.stats-card--large,.stats-card--wide{grid-column:span 1}.stats-card,.stats-chart-card{padding:1rem}.stats-card__head{flex-direction:column;align-items:start}.stats-chart{grid-auto-columns:minmax(34px,1fr);min-height:210px}.stats-chart__bar{height:210px}}.project-modal{z-index:2000;background:var(--modal-overlay);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:center;align-items:flex-start;padding:1rem;display:none;position:fixed;inset:0;overflow-y:auto}.project-modal.is-open{display:flex}.modal-content{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-solid);width:min(1080px,100%);max-height:calc(100dvh - 2rem);box-shadow:var(--shadow);padding:1rem;overflow-y:auto}.close-modal{z-index:5;justify-content:center;align-items:center;margin-left:auto;display:flex;position:sticky;top:0}.modal-body{padding:.5rem}.case-intro{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(135deg, #3dd6c61c, transparent 42%), var(--image-panel-bg);grid-template-columns:minmax(0,1fr) minmax(260px,.36fr);gap:1rem;margin-bottom:1.4rem;padding:1rem;display:grid}.case-intro__copy{gap:.85rem;display:grid}.case-intro__copy h1{margin-bottom:0;font-size:2.6rem}.case-intro__copy p{max-width:72ch;margin-bottom:0}.case-intro__facts{align-content:start;gap:.75rem;display:grid}.case-fact{border:1px solid var(--line);background:var(--fact-bg);border-radius:6px;gap:.25rem;padding:.85rem;display:grid}.case-fact span{color:var(--muted);text-transform:uppercase;font-size:.78rem;font-weight:800}.case-fact strong{line-height:1.35}.case-overview{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(135deg, #ffbe5d14, transparent 42%), var(--card-bg);gap:1rem;margin-bottom:1.5rem;padding:1rem;display:grid}.case-overview__header{gap:.45rem;max-width:78ch;display:grid}.case-overview__header h2{margin-top:0;font-size:clamp(1.5rem,3vw,2.05rem)}.case-overview__header p{margin-bottom:0}.case-overview__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.case-overview-card{border:1px solid var(--line);background:var(--fact-bg);border-radius:8px;align-content:start;gap:.65rem;padding:.85rem;display:grid}.case-overview-card__title{align-items:flex-start;gap:.55rem;display:flex}.case-overview-card__title i{width:1.55rem;height:1.55rem;color:var(--dark);background:var(--teal);border-radius:999px;flex:none;justify-content:center;align-items:center;font-size:.75rem;display:inline-flex}.case-overview-card h3{margin-top:0;margin-bottom:0;font-size:1rem;line-height:1.22}.case-overview-card p,.case-overview-card li{color:var(--muted);font-size:.96rem;line-height:1.55}.case-overview-card p{margin-bottom:0}.case-overview-card ul{gap:.38rem;padding-left:1.05rem;display:grid}.modal-body h1{font-size:2.4rem}.modal-body h2{margin-top:1.6rem;font-size:1.8rem}.modal-body h3{margin-top:1.1rem}.modal-body p,.modal-body li{color:var(--muted);font-size:1rem}.modal-body hr{background:var(--line);border:0;height:1px;margin:1.5rem 0}.popup-grid{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;display:grid}.grid-left{gap:.7rem;display:grid}.grid-right{justify-content:flex-end;display:flex}.project-logo{object-fit:contain;border-radius:var(--radius);border:1px solid var(--line);background:var(--link-panel-bg);width:84px;height:84px;padding:.5rem}.showcase{border:1px solid var(--line);border-radius:var(--radius);background:var(--image-panel-bg);gap:.9rem;margin:1rem 0;padding:1rem;display:grid}.case-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1rem 0;display:grid}.case-detail-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--image-panel-bg);padding:1rem}.case-detail-card h2{margin-top:0}.case-detail-card ul{margin-bottom:0;padding-left:1.2rem}.case-detail-card li+li{margin-top:.45rem}.showcase img{object-fit:contain;border:1px solid var(--line);background:var(--media-bg);border-radius:6px;width:100%;max-height:520px}.showcase p{margin-bottom:0}.links{justify-content:flex-start;margin-top:1rem}.code-highlight,.modal-body code{border:1px solid var(--code-inline-border);background:var(--code-inline-bg);color:var(--code-inline-text);border-radius:5px;padding:.08rem .32rem;font-family:Cascadia Code,Consolas,Courier New,monospace;font-size:.92em}.code-block{border:1px solid var(--code-inline-border);border-radius:var(--radius);background:var(--code-bg);width:100%;overflow:hidden}.code-block:before{content:attr(data-code-label);border-bottom:1px solid var(--line);color:var(--muted);padding:.65rem .9rem;font-size:.82rem;display:block}.code-block pre{margin:0;padding:1rem;overflow-x:auto}.code-block code{color:var(--code-text);white-space:pre;background:0 0;border:0;padding:0;font-size:.9rem;line-height:1.7}.hl-comment{color:#8b9b8d;font-style:italic}.hl-keyword{color:#ff8f7f}.hl-string,.hl-template{color:#91c8ff}.hl-function{color:#d7a8ff}.hl-variable,.hl-annotation{color:#f5c46b}.hl-number,.hl-property{color:#73d6ff}.hl-tag{color:#8be28a}.hl-operator,.hl-punctuation{color:#ffd166}.log-page,.frontend-log,.frontend-log-index{width:100%}.log-header,.log-entry-header{border-bottom:1px solid var(--line);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;margin-bottom:1.4rem;padding-bottom:1rem;display:grid}.back{border:1px solid var(--line);background:var(--soft-control-bg);width:44px;height:44px;color:var(--text);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.log-sort{color:var(--muted);align-items:center;gap:.55rem;display:flex}.log-sort select{border:1px solid var(--line);background:var(--field-bg);color:var(--text);border-radius:6px;padding:.5rem .7rem}.log-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;max-height:min(70vh,720px);padding-right:.25rem;display:grid;overflow-y:auto}.log-card{cursor:pointer;min-height:360px;box-shadow:none;position:relative;overflow:hidden}.log-grid .log-card img{object-fit:cover;border-bottom:1px solid var(--line);background:var(--link-panel-bg);width:100%;height:150px}.log-card h3,.log-card p,.log-card .tag-container{margin-inline:1rem}.log-card h3{margin-top:1rem;font-size:1.2rem}.log-card p{font-size:.95rem}.log-card .tag-container{margin-bottom:1rem}.date,.project-date{border:1px solid var(--line);background:var(--date-bg);min-height:30px;color:var(--muted);border-radius:999px;align-items:center;padding:.2rem .62rem;font-size:.8rem;display:inline-flex}.date{position:absolute;top:.8rem;right:.8rem}.log-content{gap:1rem;display:grid}.log-content>.log-card{cursor:auto;min-height:0;padding:0}.log-card-header{border-bottom:1px solid var(--line);background:var(--link-panel-bg);padding:1rem}.log-card-header h2{margin:0;font-size:1.4rem}.log-card-body{gap:1rem;padding:1rem;display:grid}.log-card-body>*{max-width:82ch}.log-card-body ul{padding-left:1.2rem}.reference{color:var(--muted);font-style:italic;font-size:.92rem!important}.section-separator{display:none}.log-image-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;max-width:none;display:grid}.log-wide-figure,.zoomable-figure,.log-image-grid figure{margin:0}.log-image-grid img,.log-wide-figure img,.workflow-step img{border:1px solid var(--line);background:var(--media-bg);border-radius:6px;width:100%}.log-table{border-collapse:collapse;width:100%;font-size:.95rem}.log-table th,.log-table td{border:1px solid var(--line);text-align:left;vertical-align:top;padding:.75rem}.log-table th{background:var(--soft-control-bg)}.workflow-controls{grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;width:min(100%,760px);max-width:none;display:grid}.workflow-control-copy{text-align:center;min-width:0}.workflow-counter{color:var(--muted);font-size:.82rem;display:block}.workflow-transition{color:var(--text)}.workflow-button{border:1px solid var(--line);background:var(--soft-control-bg);width:44px;height:44px;color:var(--text);cursor:pointer;border-radius:6px}.workflow{scroll-behavior:smooth;border:1px solid var(--line);border-radius:var(--radius);width:min(100%,760px);display:flex;overflow:hidden}.workflow-step{flex:0 0 100%;padding:1rem}.workflow-arrow{display:none}.image-zoom-viewport{border:1px solid var(--line);border-radius:var(--radius);background:var(--media-bg);cursor:zoom-in;touch-action:none;width:100%;height:min(64vh,560px);min-height:320px;position:relative;overflow:hidden}.image-zoom-viewport.is-zoomed{cursor:grab}.image-zoom-viewport.is-dragging{cursor:grabbing}.image-zoom-viewport img{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;transform:translate(var(--pan-x,0), var(--pan-y,0)) scale(var(--zoom-scale,1));transform-origin:50%}.image-zoom-controls{border:1px solid var(--line);background:var(--zoom-bg);border-radius:6px;gap:.3rem;padding:.28rem;display:flex;position:absolute;top:.7rem;right:.7rem}.image-zoom-button{border:1px solid var(--line);background:var(--soft-control-bg);width:34px;height:34px;color:var(--text);border-radius:5px}.pricing-page{gap:2rem;display:grid}.pricing-hero{width:min(920px,100%)}.calculator-layout{width:min(1080px,100%)}.calculator-panel,.estimate-summary,.pricing-services article{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow)}.calculator-panel{gap:1.1rem;padding:1rem;display:grid}.calculator-step{border:1px solid var(--line);border-radius:var(--radius);background:var(--image-panel-bg);gap:1rem;padding:1rem;display:none}.calculator-step.is-active{animation:.34s cubic-bezier(.16,1,.3,1) calculator-step-in;display:grid}.calculator-step[hidden]{display:none!important}.calculator-progress{grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.calculator-progress li{border:1px solid var(--line);background:var(--field-bg);min-height:54px;color:var(--muted);cursor:pointer;border-radius:6px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.55rem;padding:.65rem;transition:transform .18s,border-color .18s,background .18s,color .18s;display:grid;position:relative;overflow:hidden}.calculator-progress li:hover{border-color:var(--line-strong);transform:translateY(-1px)}.calculator-progress span{border:1px solid var(--line);width:30px;height:30px;color:inherit;border-radius:50%;place-items:center;font-weight:900;display:inline-grid}.calculator-progress strong{color:inherit;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;overflow:hidden}.calculator-progress li.is-active{border-color:color-mix(in srgb, var(--teal), var(--line) 36%);background:linear-gradient(135deg, color-mix(in srgb, var(--teal), transparent 80%), transparent 74%), var(--field-bg);color:var(--text)}.calculator-progress li.is-active span,.calculator-progress li.is-complete span{background:var(--teal);color:var(--primary-ink);border-color:#0000}.calculator-progress li.is-complete{color:var(--text)}@keyframes calculator-step-in{0%{opacity:0;transform:translateY(.85rem)}to{opacity:1;transform:translateY(0)}}.calculator-step__heading{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.85rem;display:grid}.calculator-step__heading>span{border:1px solid var(--line);width:38px;height:38px;color:var(--teal);border-radius:6px;place-items:center;font-weight:900;display:inline-grid}.calculator-step h2,.pricing-services h2,.estimate-summary h2{margin-bottom:.45rem;font-size:1.45rem}.calculator-step p,.estimate-summary p,.pricing-services p{margin-bottom:0}.option-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.option-grid--large{grid-template-columns:repeat(2,minmax(240px,1fr))}.estimate-option{border:1px solid var(--line);background:var(--field-bg);cursor:pointer;border-radius:6px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.7rem;min-height:100%;padding:.9rem;transition:border-color .18s,background .18s,transform .18s;display:grid;position:relative}:is(.estimate-option:has(.help-tip:hover),.estimate-option:has(.help-tip:focus-within),.estimate-option:has(.help-tip.is-open)){z-index:80}.estimate-option:hover{border-color:var(--line-strong);transform:translateY(-1px)}.estimate-option input{width:18px;height:18px;accent-color:var(--teal);margin-top:.2rem}.estimate-option:has(input:checked){border-color:color-mix(in srgb, var(--teal), var(--line) 40%);background:linear-gradient(135deg, color-mix(in srgb, var(--teal), transparent 82%), transparent 70%), var(--field-bg)}.estimate-option strong,.estimate-option small,.estimate-option--compact [data-option-label]{display:block}.estimate-option strong{color:var(--text);line-height:1.25}.estimate-option small{color:var(--muted);margin-top:.3rem;line-height:1.4}.estimate-option--compact{align-items:center;padding:.75rem}.estimate-option__copy,.estimate-option__title{min-width:0}.estimate-option__title{flex-wrap:wrap;align-items:center;gap:.42rem;display:flex}.estimate-option__title--compact{justify-content:space-between;gap:.5rem;width:100%}.help-tip{z-index:4;justify-content:center;align-items:center;display:inline-flex;position:relative}.help-tip:hover,.help-tip:focus-within,.help-tip.is-open{z-index:120}.help-tip__button{border:1px solid color-mix(in srgb, var(--teal), var(--line) 42%);width:1.35rem;height:1.35rem;color:var(--teal);background:color-mix(in srgb, var(--teal), transparent 90%);box-shadow:none;cursor:help;border-radius:999px;justify-content:center;align-items:center;transition:border-color .18s,background .18s,color .18s;display:inline-flex}.help-tip__button i{font-size:.7rem;line-height:1}.help-tip__button:hover,.help-tip__button:focus-visible{border-color:var(--teal);color:var(--dark);background:var(--teal);outline:none}.help-tip__content{z-index:140;border:1px solid color-mix(in srgb, var(--teal), var(--line-strong) 24%);width:min(18rem,100vw - 2rem);color:var(--text);background:var(--panel-solid);box-shadow:0 20px 52px #0000006b, 0 0 0 1px color-mix(in srgb, var(--bg), #000 18%);text-transform:none;opacity:0;visibility:hidden;pointer-events:none;border-radius:8px;padding:.75rem .8rem;font-size:.86rem;font-weight:650;line-height:1.42;transition:opacity .16s,transform .16s,visibility .16s;position:absolute;bottom:calc(100% + .6rem);left:50%;transform:translate(-50%,.35rem)}.help-tip__content:after{content:"";border-right:1px solid color-mix(in srgb, var(--teal), var(--line-strong) 24%);border-bottom:1px solid color-mix(in srgb, var(--teal), var(--line-strong) 24%);background:var(--panel-solid);width:.75rem;height:.75rem;position:absolute;bottom:-.42rem;left:50%;transform:translate(-50%)rotate(45deg)}.help-tip:hover .help-tip__content,.help-tip:focus-within .help-tip__content,.help-tip.is-open .help-tip__content{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%)}.calculator-controls{grid-template-columns:minmax(0,1fr) minmax(220px,.45fr);gap:.75rem;display:grid}.wish-control{gap:.6rem;display:grid}.wish-control>span{color:var(--text);font-weight:850}.wish-control textarea{resize:vertical;border:1px solid var(--line);background:linear-gradient(135deg, color-mix(in srgb, var(--teal), transparent 94%), transparent 64%), var(--field-bg);width:100%;min-height:180px;color:var(--text);border-radius:6px;outline:none;padding:.9rem 1rem;transition:border-color .18s,box-shadow .18s,background .18s}.wish-control textarea:focus{border-color:color-mix(in srgb, var(--teal), var(--line) 24%);box-shadow:0 0 0 4px var(--focus-ring)}.wish-control small{color:var(--muted)}.calculator-actions{justify-content:space-between;gap:.75rem;display:flex}.calculator-actions .btn{min-width:150px}.calculator-actions .btn[hidden]{display:none}.range-control,.select-control{border:1px solid var(--line);background:var(--field-bg);border-radius:6px;gap:.55rem;padding:.9rem;display:grid}.range-control>span,.select-control>span{color:var(--text);font-weight:850}.range-control input{width:100%;accent-color:var(--teal)}.range-control small{color:var(--muted)}.select-control select{border:1px solid var(--line);background:var(--option-bg);min-height:44px;color:var(--text);border-radius:6px;padding:.55rem .7rem}.estimate-summary{background:linear-gradient(135deg, color-mix(in srgb, var(--teal), transparent 86%), transparent 54%), var(--panel);box-shadow:none;gap:1rem;padding:1.2rem;display:grid}.estimate-summary h2{color:var(--teal);font-size:2rem}.estimate-facts{gap:.65rem;margin:0;display:grid}.estimate-facts div{border:1px solid var(--line);background:var(--fact-bg);border-radius:6px;gap:.2rem;padding:.75rem;display:grid}.estimate-facts dt{color:var(--muted);text-transform:uppercase;font-size:.78rem;font-weight:850}.estimate-facts dd{color:var(--text);margin:0}.estimate-contact{width:100%}.estimate-note{font-size:.92rem}.pricing-services{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.pricing-services article{gap:.7rem;padding:1rem;display:grid}.pricing-services i{color:var(--amber);font-size:1.35rem}.decor{display:none!important}@media (width<=1180px){h1{font-size:2.9rem}h2{font-size:2.25rem}.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=860px){body.menu-open{overflow:hidden}body.menu-open #navbar-container:before{content:"";z-index:999;background:var(--modal-overlay);opacity:1;position:fixed;inset:0}h1{font-size:2.35rem}h2{font-size:2rem}.page-shell{width:min(100% - 24px,720px);padding-top:7.5rem}.privacy-page{width:min(100% - 28px,760px)}.error-shell{grid-template-columns:1fr;gap:3.5rem;width:min(100% - 24px,720px);min-height:auto;padding:8.5rem 0 4rem}.error-visual{grid-row:1;justify-self:center;width:min(76vw,360px)}.menu-toggle{border-color:var(--line);background:var(--floating-bg);width:48px;height:48px;box-shadow:var(--floating-shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);justify-content:center;align-items:center;display:inline-flex}.navbar{border-radius:var(--radius);background:var(--menu-bg);width:min(420px,100vw - 20px);height:calc(100dvh - 20px);box-shadow:var(--shadow);flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:.95rem;padding:1rem;transition:opacity .24s,right .24s,visibility .24s;top:10px;left:calc(100vw + 18px);right:auto;overflow-y:auto;transform:none!important}html.theme-ready .navbar,.navbar{transform:none!important}html.theme-ready .navbar.navbar--hidden,.navbar.navbar--hidden{opacity:0;visibility:hidden;left:calc(100vw + 18px);transform:none!important}html.theme-ready .navbar.active,.navbar.active,html.theme-ready body.menu-open .navbar,body.menu-open .navbar{opacity:1;visibility:visible;left:calc(100vw + -1*min(420px,100vw - 20px) - 10px);transform:none!important}.nav-links{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:.45rem;width:100%;display:grid}.nav-btn{width:100%;min-height:48px;color:var(--muted);background:0 0;border-color:#0000;justify-content:flex-start;padding:.75rem .85rem;font-size:.98rem;font-weight:800}.nav-btn[href]{grid-column:1/-1}.nav-btn:hover{background:var(--soft-control-bg);border-color:var(--line);transform:none}.nav-btn.is-active{background:linear-gradient(90deg, color-mix(in srgb, var(--teal), transparent 74%), transparent 86%), var(--active-bg);border-color:color-mix(in srgb, var(--teal), var(--line) 54%);box-shadow:inset 3px 0 0 var(--teal)}.theme-toggle{border-color:var(--line);background:var(--soft-control-bg);justify-content:center;align-self:stretch;width:100%;min-width:0}.language-btn{border-color:var(--line);background:var(--soft-control-bg);justify-content:center;min-width:0}.brand{border-bottom:1px solid var(--line);gap:.85rem;width:100%;padding:.15rem .15rem .95rem}.brand .logo{width:52px;height:52px}.brand-copy strong{font-size:1.05rem}.brand-copy span{font-size:.86rem;line-height:1.25}.hero-stats,.process-grid,.about-layout,.contact-layout,.privacy-layout,.calculator-layout,.calculator-controls,.pricing-services,.log-grid,.log-image-grid{grid-template-columns:1fr}.estimate-summary{position:static}.portfolio-toolbar{flex-direction:column;align-items:stretch}.portfolio-mode{width:100%}.portfolio-grid,.option-grid,.option-grid--large{grid-template-columns:1fr}.calculator-progress{grid-template-columns:repeat(2,minmax(0,1fr))}.calculator-actions{flex-direction:column-reverse}.calculator-actions .btn{width:100%}.case-intro,.case-detail-grid,.case-overview__grid{grid-template-columns:1fr}.case-intro__copy h1{font-size:2.1rem}.case-overview{padding:.85rem}.popup-grid,.log-header,.log-entry-header{grid-template-columns:1fr}.grid-right{justify-content:flex-start}.log-sort{flex-direction:column;align-items:stretch}.site-footer__inner{grid-template-columns:1fr;gap:1.4rem}}@media (width<=560px){h1{font-size:2rem}h2{font-size:1.75rem}p{font-size:1rem}.page-shell{width:min(100% - 20px,520px);padding-bottom:3rem}.error-shell{width:min(100% - 20px,520px);padding-top:7.5rem}.error-code{font-size:clamp(6rem,34vw,9rem)}.error-content h1{font-size:2.7rem}.error-actions{flex-direction:column}.site-footer__separator{display:none}.cookie-banner{right:max(10px, env(safe-area-inset-right));bottom:max(10px, env(safe-area-inset-bottom));border-radius:16px;grid-template-columns:1fr;gap:.85rem;width:calc(100vw - 20px);padding:.95rem}.cookie-banner h2{margin-bottom:.28rem;font-size:1.02rem}.cookie-banner p{font-size:.88rem;line-height:1.42}.cookie-banner__actions{grid-template-columns:1fr;gap:.45rem;display:grid}.cookie-banner__actions .btn{width:100%;min-height:42px;padding-inline:.75rem;font-size:.92rem}.cookie-banner__actions .btn-primary{min-width:0}.site-footer__bottom{flex-direction:column;gap:.2rem}.privacy-card h2{font-size:1.16rem}.hero-actions,.links,.project-actions{flex-direction:column}.btn,.preview-btn,.source-btn,.open-log{width:100%}.site-footer{margin-top:2rem}.site-footer__inner{width:min(100% - 20px,520px);padding:1.45rem 0 1rem}.portfolio-mode,.calculator-progress{grid-template-columns:1fr}.portfolio-mode__button{justify-content:center;min-height:46px}.project-card__image{min-height:0}.project-card__image img{width:100%;height:100%}.project-card__body{min-height:0}.modal-content{max-height:calc(100dvh - 1rem);padding:.75rem}.modal-body{padding:.25rem}.case-intro{padding:.85rem}.case-intro__copy h1{font-size:1.8rem}.modal-body h1{font-size:2rem}.case-detail-card,.showcase{padding:.85rem}.showcase img{max-height:360px}}@media (width<=760px){.cookie-banner{left:12px;right:12px;bottom:max(12px, env(safe-area-inset-bottom));box-sizing:border-box;grid-template-columns:1fr;gap:.95rem;width:auto;max-width:none;max-height:calc(100dvh - 24px);padding:1rem;overflow-y:auto;opacity:1!important;animation:none!important;transform:none!important}.cookie-banner__content{max-width:none}.cookie-banner h2{font-size:1.06rem;line-height:1.18}.cookie-banner p{font-size:.92rem;line-height:1.44}.cookie-banner__actions{grid-template-columns:1fr;gap:.5rem;width:100%;display:grid}.cookie-banner__actions .btn{white-space:normal;box-sizing:border-box;justify-content:center;width:100%;max-width:none;min-height:44px;padding-inline:.85rem;display:inline-flex;overflow:visible}.cookie-banner__actions [data-cookie-accept]{color:var(--primary-ink);gap:.5rem;display:inline-flex;overflow:visible}.cookie-banner__actions [data-cookie-accept] span{min-width:max-content;color:inherit;font:inherit;white-space:nowrap;opacity:1;visibility:visible;font-weight:900;line-height:1.1;display:inline-block!important}.cookie-banner__actions .btn-primary{order:-1;min-width:0}}@media (width<=420px){.cookie-banner{left:10px;right:10px;bottom:max(10px, env(safe-area-inset-bottom));border-radius:14px;gap:.8rem;max-height:calc(100dvh - 20px);padding:.9rem}.cookie-banner .eyebrow{margin-bottom:.25rem}.cookie-banner h2{margin-bottom:.25rem;font-size:1rem}.cookie-banner p{font-size:.86rem}.cookie-banner__actions .btn{min-height:42px;font-size:.9rem}.cookie-banner__actions [data-cookie-accept] span{white-space:normal;min-width:0}}@media (width<=900px){.cookie-banner{opacity:1;visibility:visible;gap:.9rem;max-height:calc(100dvh - 24px);padding:1rem;overflow-y:auto;left:12px!important;right:12px!important;bottom:max(12px, env(safe-area-inset-bottom))!important;grid-template-columns:1fr!important;width:auto!important;display:grid!important;transform:none!important}.cookie-banner__content{max-width:none}.cookie-banner__actions{gap:.5rem;width:100%;grid-template-columns:1fr!important;display:grid!important}.cookie-banner__actions .btn{white-space:normal;justify-content:center;min-height:44px;padding-inline:.85rem;overflow:visible;width:100%!important;min-width:0!important;max-width:none!important;display:inline-flex!important}.cookie-banner__actions .btn-primary{order:-1}.cookie-banner__actions [data-cookie-accept]{color:var(--primary-ink)}.cookie-banner__actions [data-cookie-accept] span{color:inherit;font:inherit;font-weight:900;line-height:1.1;opacity:1!important;visibility:visible!important;white-space:normal!important;min-width:0!important;display:inline!important}}@media (width<=430px){.cookie-banner{border-radius:12px;gap:.72rem;padding:.85rem;width:auto!important;left:10px!important;right:10px!important;bottom:max(10px, env(safe-area-inset-bottom))!important}.cookie-banner h2{font-size:.98rem}.cookie-banner p{font-size:.84rem;line-height:1.38}.cookie-banner__actions .btn{min-height:42px;font-size:.9rem}}@media (width<=620px),(hover:none),(pointer:coarse){.help-tip__button{cursor:pointer}.help-tip__content{left:14px;right:14px;bottom:calc(env(safe-area-inset-bottom,0px) + 1rem);width:auto;max-width:none;position:fixed;transform:translateY(.35rem)}.help-tip__content:after{display:none}.help-tip:hover .help-tip__content,.help-tip:focus-within .help-tip__content,.help-tip.is-open .help-tip__content{transform:translateY(0)}.btn:hover,.nav-btn:hover,.project-link:hover,.preview-btn:hover,.source-btn:hover,.open-log:hover,.scroll-top-button:hover,.project-card:hover,.project-card:focus-within,.estimate-option:hover,.calculator-progress li:hover,.site-footer__column a:hover{transform:none}.project-card:hover,.project-card:focus-within{border-color:color-mix(in srgb, var(--line), transparent 10%);background:linear-gradient(180deg, color-mix(in srgb, var(--field-bg), transparent 8%), transparent 72%), var(--card-bg);box-shadow:none}.project-card:hover .project-card__image img,.project-card:focus-within .project-card__image img,.project-card:hover .project-card__viewport,.project-card:focus-within .project-card__viewport{transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--bg:#101211;--bg-elevated:#1b1d1b;--bg-soft:#191b19;--text:#f4f3ee;--muted:#b0b2ac;--teal:#ff9d26;--accent-text:#ff9d26;--amber:#ff9d26;--line:#eeeae124;--line-strong:#eeeae147;--panel:#191b19d9;--panel-solid:#191b19;--primary-ink:#17130e;--nav-bg:#101211e6;--body-background:#101211;--body-overlay:none;--content-width:1320px;--radius:6px;--scroll-thumb:#ff9d26;--scroll-thumb-hover:#ff9d26}:root[data-theme=light]{--bg:#f6f1e9;--bg-elevated:#fffef5;--bg-soft:#eae2d7;--text:#1b2116;--muted:#5c6354;--teal:#ff9d26;--accent-text:#ff9d26;--amber:#ff9d26;--line:#1b211626;--line-strong:#1b21164d;--panel:#fffef5e6;--panel-solid:#fffef5;--nav-bg:#f2f2e9f0;--body-background:#f6f1e9;--body-overlay:none;--primary-ink:#fff;--field-bg:#fffef5;--option-bg:#fffef5}html{scroll-behavior:smooth;scroll-padding-top:110px}body{-webkit-font-smoothing:antialiased;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif}body:before{display:none}::selection{color:#101211;background:#ff9d26}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--teal);outline-offset:6px}button,a{touch-action:manipulation}.skip-link{z-index:9999;background:var(--teal);color:var(--primary-ink);padding:14px;position:fixed;top:-100px;left:20px}.skip-link:focus{top:16px}.navbar{border:0;border-bottom:1px solid var(--line);width:calc(100% - 100px);max-width:1320px;box-shadow:none;background:var(--nav-bg);border-radius:0;min-height:95px;padding:15px 0;top:0}.brand-copy strong{letter-spacing:-1.5px;font-size:24px;font-weight:800}.brand-copy span{letter-spacing:.09em;text-transform:uppercase;margin-top:5px;font-size:9px}.brand .logo{display:none}.nav-btn{border:0;border-radius:4px;padding:10px 14px;font-size:12px;font-weight:500}.nav-btn.is-active{color:var(--text);text-underline-offset:8px;background:0 0;text-decoration:underline}.theme-toggle,.language-btn{width:36px;min-width:36px;padding-inline:5px}.flag-icon{width:20px}.btn{border-radius:4px;padding:15px 22px;font-size:14px}.btn-primary{background:var(--teal);color:var(--primary-ink);box-shadow:none}.page-hero h1{letter-spacing:-.055em;font-weight:500;line-height:1.07}.page-shell{padding-top:160px}.page-hero{margin-bottom:45px}.eyebrow{color:var(--accent-text);letter-spacing:.12em;font-size:11px}.contact-panel,.contact-form{background:var(--bg-soft);border-radius:6px;padding:36px}.contact-form input,.contact-form select,.contact-form textarea{border-color:var(--line-strong);border-radius:4px;padding:15px}.contact-form textarea{min-height:150px}.form-status:empty{display:none}.site-footer{background:var(--bg);border-top:1px solid var(--line);padding-block:50px}.site-footer__inner{max-width:1320px}.site-footer h2{letter-spacing:.12em;font-size:11px}.site-footer a{font-size:13px}.cookie-banner{border-radius:6px;max-width:620px;box-shadow:0 15px 80px #0006}.cookie-banner h2{font-size:18px}.cookie-banner .btn{padding:12px 15px;font-size:12px}@media (width<=1100px){.navbar{width:calc(100% - 64px)}.nav-btn{padding:10px}.brand-copy span{max-width:180px}}@media (width<=860px){.navbar{border:1px solid var(--line);background:var(--bg);border-radius:6px;width:min(330px,100vw - 64px);max-width:none;min-height:auto;padding:24px;top:12px}.navbar .brand{margin-bottom:18px}.nav-links{gap:7px}.nav-btn{min-height:44px;font-size:15px}.menu-toggle{background:var(--bg);border-color:var(--line-strong);width:48px;height:48px}.page-shell{padding-top:110px}.contact-panel,.contact-form{padding:24px}}@media (width<=480px){.contact-layout{gap:24px}.page-hero h1{font-size:38px}.cookie-banner{max-height:65svh;overflow:auto}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.mobile-wordmark{display:none}.brand-copy strong span{font-size:inherit;color:var(--teal);letter-spacing:inherit}.studio-home .site-footer h2{letter-spacing:.12em;font-size:11px}@media (width<=860px){.mobile-wordmark{letter-spacing:-1.5px;color:var(--text);z-index:20;font-size:25px;font-weight:800;text-decoration:none;display:block;position:absolute;top:30px;left:20px}.mobile-wordmark span{color:var(--teal)}}@media (width<=359px){.studio-hero h1{font-size:45px}.studio-kicker{letter-spacing:.1em}.studio-button{padding:16px;font-size:13px}.studio-hero{min-height:760px}}@media (width<=860px){.navbar:not(.active){visibility:hidden;pointer-events:none}.navbar.active{visibility:visible;pointer-events:auto}.page-shell{width:calc(100% - 40px)}.mobile-wordmark,.studio-home .mobile-wordmark{z-index:5000;color:var(--text);position:fixed}.menu-toggle{opacity:1;visibility:visible;pointer-events:auto;position:fixed}}.studio-home{overflow-x:clip}.studio-wrap{width:min(1320px,100% - 100px);margin-inline:auto}.studio-hero{isolation:isolate;flex-direction:column;justify-content:center;min-height:min(950px,100svh);padding-top:175px;display:flex;position:relative}.studio-hero:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(90deg,var(--bg) 0%,transparent 75%),linear-gradient(0deg,var(--bg),transparent 22%);position:absolute;inset:0}.studio-kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);align-items:center;gap:12px;font-size:11px;font-weight:600;display:flex}.studio-kicker:before{content:"";background:var(--teal);border-radius:100%;width:7px;height:7px}.studio-hero h1{letter-spacing:-.075em;max-width:850px;margin:32px 0;font-size:clamp(58px,7.3vw,110px);font-weight:500;line-height:1.02}.studio-hero h1 em{color:var(--teal);font-style:normal}.studio-hero .hero-intro{max-width:420px;color:var(--muted);font-size:16px;line-height:1.8}.studio-actions{flex-wrap:wrap;align-items:center;gap:25px;margin-top:30px;display:flex}.studio-button{color:#161a10;background:var(--teal);border-radius:4px;justify-content:center;align-items:center;gap:34px;padding:18px 24px;font-size:14px;font-weight:650;text-decoration:none;transition:transform .25s,background .25s;display:inline-flex}.studio-button:hover{color:#161a10;background:#e0ffa3;transform:translateY(-3px)}.studio-link{color:var(--text);border-bottom:1px solid var(--line-strong);align-items:center;gap:16px;padding-block:10px;font-size:14px;text-decoration:none;display:inline-flex}.hero-bottom{color:var(--muted);letter-spacing:.06em;justify-content:space-between;align-items:center;margin-top:auto;padding:40px 0 26px;font-size:11px;display:flex}.hero-bottom a{color:var(--text);text-decoration:none}.expertise-strip{border-block:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:20px;padding:26px 0;font-size:12px;display:flex}.expertise-strip span:not(:first-child):before{content:"/";color:var(--teal);margin-right:25px}.studio-section{padding-block:120px}.section-top{justify-content:space-between;align-items:end;gap:30px;margin-bottom:48px;display:flex}.section-number{letter-spacing:.15em;color:var(--muted);text-transform:uppercase;margin:0 0 22px;font-size:11px}.studio-home h2{letter-spacing:-.055em;margin:0;font-size:clamp(36px,4.5vw,64px);font-weight:500;line-height:1.08}.muted-word{color:var(--muted)}.work-grid{grid-template-columns:1.2fr 1fr;gap:32px;display:grid}.work-card{min-width:0}.work-card:nth-child(2){margin-top:110px}.work-image{aspect-ratio:1.2;background:#d7d8cd;border-radius:6px;padding:40px 28px 0;display:block;overflow:hidden}.work-image img{object-fit:cover;object-position:top;border-radius:4px 4px 0 0;width:100%;height:100%;transition:transform .7s cubic-bezier(.2,.7,.2,1);box-shadow:0 15px 50px #0003}.work-image:hover img{transform:scale(1.035)translateY(-5px)}.work-caption{justify-content:space-between;align-items:center;gap:16px;padding-top:24px;display:flex}.work-caption h3{letter-spacing:-.04em;margin:0 0 7px;font-size:21px;font-weight:500}.work-caption p{color:var(--muted);margin:0;font-size:12px}.round-link{border:1px solid var(--line);width:44px;height:44px;color:var(--text);border-radius:50%;flex-shrink:0;place-items:center;text-decoration:none;display:grid}.studio-services{border-top:1px solid var(--line);grid-template-columns:.85fr 1.15fr;gap:10%;display:grid}.studio-services .section-intro{max-width:340px;color:var(--muted);margin-top:25px;line-height:1.8}.service-row{border-bottom:1px solid var(--line);color:var(--text);grid-template-columns:30px 1fr 25px;gap:16px;padding:30px 0;text-decoration:none;transition:padding .25s;display:grid}.service-row:first-child{padding-top:0}.service-row:hover{padding-left:8px}.service-row small{color:var(--muted);padding-top:6px}.service-row h3{letter-spacing:-.04em;margin:0 0 12px;font-size:26px;font-weight:500}.service-row p{color:var(--muted);max-width:420px;margin:0;font-size:14px;line-height:1.75}.personal-section{background:var(--bg-soft);border-block:1px solid var(--line)}.personal-inner{grid-template-columns:.8fr 1.2fr;align-items:center;gap:10%;display:grid}.portrait-wrap{position:relative}.portrait-wrap img{object-fit:cover;filter:grayscale();border-radius:5px;width:100%;max-height:490px}.portrait-label{color:#f2f2eb;background:#151711e6;border:1px solid #ffffff24;border-radius:4px;padding:14px 20px;font-size:12px;position:absolute;bottom:20px;left:20px}.personal-copy>p:not(.section-number){color:var(--muted);max-width:480px;margin:25px 0;line-height:1.9}.process-cards{grid-template-columns:repeat(3,1fr);gap:40px;margin-top:55px;display:grid}.process-card{border-top:1px solid var(--line);padding-top:24px}.process-card>span{color:var(--teal);font-size:12px}.process-card h3{letter-spacing:-.04em;margin:28px 0 15px;font-size:23px;font-weight:500}.process-card p{color:var(--muted);font-size:14px;line-height:1.8}.studio-faq{grid-template-columns:1fr 1.1fr;gap:10%;padding-top:0;display:grid}.studio-faq details{border-bottom:1px solid var(--line);padding:23px 0}.studio-faq summary{cursor:pointer;font-size:16px;line-height:1.5}.studio-faq details p{color:var(--muted);font-size:14px;line-height:1.8}.studio-faq details a{color:var(--text)}.closing{border:1px solid var(--line);background:radial-gradient(ellipse at var(--mx,80%) var(--my,100%),#bfdc7620,transparent 65%),var(--bg-soft);border-radius:8px;margin-bottom:100px;padding:90px 65px}.closing h2{max-width:850px;font-size:clamp(40px,6vw,86px)}.closing-bottom{justify-content:space-between;align-items:center;gap:30px;margin-top:38px;display:flex}.closing-bottom p{color:var(--muted);font-size:14px}[data-enter]{transition:opacity .7s,translate .7s}.motion-ready [data-enter]:not(.entered){opacity:0;translate:0 22px}@media (width>=1700px){.studio-hero h1{font-size:118px}}@media (width<=1100px){.studio-wrap{width:calc(100% - 64px)}.studio-hero h1{font-size:80px}.studio-hero{min-height:820px}.expertise-strip{flex-wrap:wrap}.studio-services{gap:7%}}@media (width<=760px){.studio-wrap{width:calc(100% - 40px)}.studio-hero{min-height:800px;padding-top:125px}.studio-hero h1{max-width:600px;font-size:clamp(52px,10.5vw,78px)}.studio-hero:after{background:linear-gradient(90deg,var(--bg),transparent),linear-gradient(0deg,var(--bg),transparent 30%)}.hero-bottom{gap:20px}.hero-bottom>span{max-width:180px}.expertise-strip{gap:20px;font-size:11px}.expertise-strip span:not(:first-child):before{display:none}.studio-section{padding-block:75px}.section-top{flex-direction:column;align-items:start;gap:20px}.work-grid,.studio-services,.personal-inner,.studio-faq{grid-template-columns:1fr;gap:40px}.work-card:nth-child(2){margin-top:15px}.work-image{aspect-ratio:1.35}.portrait-wrap{max-width:430px}.process-cards{gap:20px}.studio-faq{padding-top:0}.closing{margin-bottom:60px;padding:45px 25px}.closing-bottom{flex-direction:column;align-items:start}}@media (width<=480px){.studio-hero{min-height:760px}.studio-hero h1{font-size:54px}.studio-hero .hero-intro{max-width:310px;font-size:15px}.studio-actions{gap:15px}.studio-button{gap:20px;padding:17px 20px}.hero-bottom{font-size:10px}.process-cards{grid-template-columns:1fr;gap:20px;margin-top:35px}.process-card h3{margin-top:15px}.work-image{padding:25px 20px 0}.studio-kicker{font-size:10px}}@media (prefers-reduced-motion:reduce){[data-enter],.work-image img,.studio-button{transition:none}.motion-ready [data-enter]:not(.entered){opacity:1;translate:none}}@media (width<=359px){.studio-hero h1{font-size:45px}.studio-hero{padding-top:120px}}.studio-hero{color:#f4f3ee;background:#101211;width:100%;height:100svh;min-height:720px;max-height:1100px;padding:0;display:block;overflow:clip}.studio-hero:after{display:none}.hero-copy{width:38%;max-width:570px;margin-left:56%;padding-top:34svh;padding-bottom:120px;position:relative}.hero-overline{letter-spacing:.16em;color:#c3c3bb;margin:0 0 24px;font-size:10px}.studio-hero h1{letter-spacing:-.045em;white-space:nowrap;margin:0 0 32px;font-size:clamp(32px,3.45vw,64px);font-weight:300;line-height:1.1}.studio-hero h1 em{color:#ff9d26;font-style:italic;font-weight:750}.hero-promise{margin:0 0 16px;font-size:17px;font-weight:500;line-height:1.5}.studio-hero .hero-intro{color:#c3c3bb;max-width:440px;margin:0;font-size:14px;line-height:1.8}.studio-actions{gap:24px;margin-top:36px}.studio-button{color:#17130e;background:#ff9d26;border-radius:999px;gap:24px;padding:16px 24px;font-size:12px;font-weight:650}.studio-button:hover{color:#17130e;background:#ff9d26}.studio-link{font-size:12px}.studio-hero .studio-link{color:#f4f3ee;border-color:#ffffff45}.hero-bottom{color:#c6c7bf;letter-spacing:.1em;margin-inline:auto;padding:28px 0;font-size:9px;position:absolute;bottom:0;left:0;right:0}.hero-bottom a{color:#f4f3ee;align-items:center;gap:14px;display:flex}.work-image{background:#d9c7b3}.work-card:nth-child(2) .work-image{background:#bdbbb3}.closing{color:#f4f3ee;background:radial-gradient(at 0 0,#a8541b55,#0000 65%),#191b19}.closing .studio-kicker,.closing .muted-word,.closing-bottom p{color:#e1d9c8}.closing .studio-link{color:#f4f3ee}:root[data-theme=light] .studio-button{color:#17130e}:root[data-theme=light] .studio-button:hover{background:#ff9d26}@media (width>=1700px){.hero-copy{padding-top:33svh}.studio-hero h1{font-size:64px}}@media (width<=1100px){.hero-copy{width:42%;margin-left:53%}.studio-hero h1{font-size:38px}.studio-hero{min-height:740px}.studio-actions{gap:18px}}@media (width<=860px){.studio-home .mobile-wordmark{color:#f4f3ee}}@media (width<=760px){.studio-hero{height:100svh;min-height:800px;max-height:1000px}.hero-copy{width:62%;max-width:none;margin-left:32%;padding-top:34svh}.studio-hero h1{white-space:normal;margin-bottom:25px;font-size:clamp(30px,5.4vw,42px)}.hero-overline{font-size:9px}.hero-promise{font-size:16px}.studio-hero .hero-intro{font-size:13px}.hero-bottom{font-size:8px}.hero-bottom>span{max-width:210px}}@media (width<=480px){.studio-hero{min-height:800px}.hero-copy{width:calc(100% - 48px);margin-left:24px;padding-top:280px;padding-bottom:100px}.studio-hero h1{letter-spacing:-.045em;white-space:nowrap;font-size:37px}.hero-overline{margin-bottom:18px}.studio-hero .hero-intro{max-width:340px}.hero-promise{max-width:290px}.studio-actions{gap:20px;margin-top:28px}.hero-bottom{gap:16px}}@media (width<=359px){.studio-hero h1{font-size:30px}.hero-copy{width:calc(100% - 40px);margin-left:20px;padding-top:230px}.hero-promise{font-size:15px}.studio-hero{min-height:790px}}.studio-hero{background:linear-gradient(to bottom, #101211 60%, var(--bg) 100%)}.hero-atmosphere{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(#000 0% 48%,#000b 70%,#0000 100%);mask-image:linear-gradient(#000 0% 48%,#000b 70%,#0000 100%)}.light-field{filter:blur(clamp(25px,3.5vw,65px));transform:translate3d(var(--light-x,0px), var(--light-y,0px), 0);will-change:transform;border-radius:50%;position:absolute}.light-field--ember{background:radial-gradient(#ed600b 8%,#d96409 31%,#b34c066b 57%,#0000 72%);width:91%;height:94%;top:-39%;left:-22%}.light-field--gold{background:radial-gradient(#ffce36 6%,#ffb813 26%,#e29c06a6 43%,#0000 69%);width:80%;height:101%;top:-9%;left:-27%}.light-field--ivory{background:radial-gradient(#fffef0 0%,#fff2ce 14%,#ffefc496 33%,#0000 64%);width:54%;height:65%;top:31%;left:-14%}.light-field--edge{background:radial-gradient(#b9871c80 0%,#b9771540 33%,#0000 65%);width:34%;height:105%;top:12%;left:85%}.expertise-strip{border-top:0}@media (width<=760px){.hero-atmosphere{-webkit-mask-image:linear-gradient(#000,#0009 35%,#0000 72%);mask-image:linear-gradient(#000,#0009 35%,#0000 72%)}.light-field--ember{width:130%;height:65%;top:-24%;left:-55%}.light-field--gold{width:120%;height:65%;top:-10%;left:-65%}.light-field--ivory{width:80%;height:45%;top:5%;left:-45%}.light-field--edge{opacity:.3}}@media (prefers-reduced-motion:reduce){.light-field{will-change:auto;transform:none}}@media (width>=861px){.navbar{background:var(--nav-bg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);visibility:visible;opacity:1;pointer-events:auto;border:0;border-radius:0;width:100%;max-width:none;min-height:88px;padding:16px max(32px,50vw - 660px);position:fixed;top:0;left:50%;transform:translate(-50%)}}.hero-atmosphere:after{content:"";background:linear-gradient(90deg,#0000 27%,#101211b8 48%,#101211f5 58%,#101211d9 86%,#10121180);position:absolute;inset:0}.hero-copy{z-index:1}.hero-overline{color:#d3d4ce;letter-spacing:.12em;font-size:12px}.hero-promise{color:#f3f3ed;font-size:20px;line-height:1.55}.studio-hero .hero-intro{color:#d0d2cb;max-width:470px;font-size:16px;line-height:1.85}.hero-bottom{color:#c9cbc4;font-size:11px}.section-number{color:var(--muted);font-size:12px}.work-caption p{font-size:14px;line-height:1.65}.studio-button,.studio-link{font-size:14px}@media (width<=760px){.hero-atmosphere:after{background:linear-gradient(#0000,#101211dd 31%,#101211 64%)}.hero-overline{font-size:11px}.hero-promise{font-size:18px}.studio-hero .hero-intro{font-size:16px;line-height:1.75}.hero-bottom{font-size:10px}.studio-hero{height:auto;min-height:900px}.hero-copy{padding-bottom:150px}}@media (width<=359px){.studio-hero{min-height:860px}}.motion-ready [data-enter]:not(.entered){opacity:1}.service-row p,.process-card p,.studio-faq details p,.closing-bottom p{font-size:16px;line-height:1.8}.expertise-strip{font-size:14px;line-height:1.6}.studio-home .site-footer a{font-size:14px}#content{outline:none}.promise-note{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;gap:60px;padding:65px 0;display:grid}.promise-note h2{letter-spacing:-.04em;font-size:clamp(28px,3vw,42px);line-height:1.15}.promise-note p:not(.section-number){color:var(--text);margin:0 0 16px;font-size:17px;line-height:1.8}.promise-inline{color:var(--text);align-items:baseline;gap:10px;max-width:470px;margin:22px 0 0;font-size:14px;line-height:1.7;display:flex}.promise-inline i{color:#ff9d26;flex-shrink:0}.studio-hero .promise-inline{color:#e5e6df}.studio-hero{height:auto;min-height:780px;max-height:none}.hero-copy{padding-bottom:100px}.hero-copy+.promise-inline{position:absolute;bottom:110px;left:56%}.calculator-progress button{text-align:left;width:100%;color:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:10px;display:flex}.calculator-actions{justify-content:space-between;gap:16px;margin-top:28px;display:flex}.react-option{display:block;position:relative}.react-option>label{cursor:pointer;align-items:start;gap:14px;padding:8px;display:flex}.react-option input{flex:none;margin-top:5px}.react-option strong,.react-option small{display:block}.react-help{margin-top:8px;margin-left:34px}.react-help summary{border:1px solid var(--line-strong);cursor:pointer;border-radius:50%;place-items:center;width:28px;height:28px;font-size:14px;display:grid}.react-help p{color:var(--muted);padding:12px 0;font-size:14px;line-height:1.75}.calculator-panel{scroll-margin-top:110px}.project-card__open{text-align:left;width:100%;color:var(--text);cursor:pointer;background:0 0;border:0;padding:0;display:block}.project-card__open:focus-visible{outline:2px solid var(--teal);outline-offset:5px}.project-card__body{padding:24px}.project-card__body h2{letter-spacing:-.03em;font-size:24px}.project-card__body p{color:var(--muted);margin-block:15px;line-height:1.75}.project-card__image img{object-fit:cover;object-position:top;width:100%;height:100%}.react-project-modal{z-index:7000}.react-log-links{flex-wrap:wrap;gap:12px;margin:24px 0;display:flex}.react-project-modal .case-intro{display:block}.react-project-modal .links{flex-wrap:wrap;gap:12px;margin-block:20px;display:flex}@media (width<=860px){.navbar,.studio-home .navbar,.studio-home.past-hero .navbar{width:min(360px,100vw - 20px);top:10px;left:auto!important;right:10px!important;transform:none!important}.promise-note{grid-template-columns:1fr;gap:24px;padding-block:45px}.hero-copy+.promise-inline{width:62%;margin-left:32%;position:static}}@media (width<=480px){.hero-copy+.promise-inline{width:calc(100% - 48px);margin-left:24px}.hero-copy{padding-bottom:30px}.studio-hero{min-height:950px;padding-bottom:140px}.promise-inline{font-size:14px}.calculator-progress{gap:5px}.calculator-progress button{flex-direction:column;padding:5px;font-size:11px}.estimate-range{font-size:clamp(30px,8vw,50px)}}.device-case{border:1px solid var(--line);background:var(--surface,#171a18);border-radius:20px;overflow:hidden}.device-case-top{justify-content:space-between;align-items:center;gap:20px;padding:26px 32px;display:flex}.device-case-top .section-number{margin:0}.device-switch{flex-wrap:wrap;gap:4px;display:flex}.device-switch button{color:var(--text);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:30px;padding:10px 16px;font-size:13px}.device-switch button[aria-pressed=true]{background:var(--text);color:var(--bg)}.device-switch button:focus-visible{outline-offset:3px;outline:2px solid #ff9d26}.device-stage{isolation:isolate;aspect-ratio:1.85;background:radial-gradient(at 50% 40%,#485451 0%,#29332f 45%,#19211e 85%);position:relative;overflow:hidden}.showcase-device{filter:drop-shadow(0 28px 24px #0007);margin:0;position:absolute}.device-screen{background:#111414;border:8px solid #252a29;border-radius:13px;padding:3px;overflow:hidden;box-shadow:inset 0 0 0 1px #7b8580,0 0 0 1px #070908}.device-screen img{border-radius:5px;width:100%;height:auto;display:block}.showcase-device figcaption{text-align:center;color:#d5dfd8;letter-spacing:.12em;text-transform:uppercase;width:100%;font-size:11px;position:absolute;bottom:-45px}.showcase-device--desktop{width:67%;top:10%;left:12%}.showcase-device--desktop:after{content:"";background:linear-gradient(#9da8a3,#505b55);border-radius:2px 2px 55% 55%;height:15px;position:absolute;bottom:-13px;left:-7%;right:-7%;box-shadow:0 8px 14px #0005}.showcase-device--tablet{z-index:2;width:25%;top:20%;right:4%;transform:rotate(7deg)}.showcase-device--phone{z-index:3;width:13%;top:42%;left:4%;transform:rotate(-9deg)}.showcase-device--phone .device-screen{border-width:5px;border-radius:19px;padding:2px}.showcase-device--phone img{border-radius:11px}.device-stage:not(.device-stage--all){aspect-ratio:auto;justify-content:center;min-height:0;padding:40px;display:flex}.device-stage:not(.device-stage--all) .showcase-device{width:min(100%,1000px);margin-bottom:40px;position:relative;inset:auto;transform:none}#navbar-container .brand-dot{color:#ff9d26}.device-stage--tablet .showcase-device{max-width:421px}.device-stage--phone .showcase-device{max-width:289px}.showcase-device[hidden]{display:none}.device-case-caption{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:45px;padding:35px 40px;display:flex}.device-case-caption h3{letter-spacing:-.04em;margin:0 0 12px;font-size:clamp(24px,3vw,36px)}.device-case-caption p{max-width:620px;color:var(--text);margin:0 0 12px;line-height:1.8}.device-case-caption small{color:var(--muted);font-size:13px;line-height:1.6;display:block}.device-case-caption .studio-actions{flex-flow:row;flex-shrink:0;align-items:center;gap:20px;margin:0}@media (width<=760px){.device-case-top{flex-direction:column;align-items:flex-start;padding:22px}.device-case-caption{flex-direction:column;align-items:flex-start;gap:24px;padding:28px 22px}.device-case-caption .studio-actions{flex-flow:row;align-items:center;gap:14px}.device-stage{aspect-ratio:1.45}.showcase-device--desktop{width:75%;top:18%;left:9%}.showcase-device--tablet{width:27%;top:31%}.showcase-device--phone{width:15%;top:45%}.device-stage--all figcaption{display:none}.device-screen{border-width:4px;border-radius:7px;padding:1px}.showcase-device--phone .device-screen{border-width:3px;border-radius:10px}.showcase-device--phone img{border-radius:6px}.device-stage:not(.device-stage--all){padding:22px}.device-switch button{padding:9px 11px;font-size:12px}}@media (width<=420px){.device-case-caption .studio-actions{gap:12px}.device-case-caption .studio-button,.device-case-caption .studio-link{white-space:nowrap;gap:8px;font-size:12px}.device-case-caption .studio-button{padding:16px 12px}}.device-stage--all .showcase-device--desktop{max-width:1000px}.device-stage--all .showcase-device--tablet{max-width:410px}.device-stage--all .showcase-device--phone{max-width:200px}.showcase-device figcaption a{color:#eef3ef;text-underline-offset:4px;text-decoration:underline}.cookie-banner{border:1px solid var(--line-strong);background:var(--panel-solid);width:auto;max-width:1080px;color:var(--text);z-index:8000;border-radius:16px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;max-height:calc(100dvh - 32px);margin-inline:auto;padding:24px;animation:none;display:grid;position:fixed;inset:auto 24px 24px;overflow:auto;transform:none;box-shadow:0 12px 55px #0005}.cookie-banner__content{min-width:0;max-width:none}.cookie-banner h2{margin:0 0 8px;font-size:20px;line-height:1.3}.cookie-banner p{color:var(--muted);margin:0;font-size:14px;line-height:1.6}.cookie-banner .eyebrow{margin-bottom:6px}.cookie-banner__actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;width:auto;display:flex}.cookie-banner__actions .btn{white-space:normal;flex:0 auto;width:auto;min-width:0;max-width:none;min-height:44px;padding:12px 16px;font-size:13px;line-height:1.4}.studio-hero{height:auto;min-height:0;max-height:none;padding-bottom:26px}.hero-copy{padding-top:140px;padding-bottom:35px}.studio-hero h1{margin-bottom:26px}.hero-bottom{margin-top:0;padding-block:20px;position:relative;inset:auto}.promise-note{padding-block:35px}.expertise-strip{padding-block:20px}.closing{color:#f4f3ee;background:radial-gradient(at 0 0,#a8541b55,#0000 65%),#191b190d;border:0;border-radius:8px;margin-bottom:100px;padding:90px 65px}#about-content .page-hero,.about-copy,.about-side{border:0}.about-copy,.about-side{padding-top:0}.about-layout{align-items:stretch;gap:48px}.about-copy,.about-side{flex-direction:column;display:flex}.about-copy .about-highlights{flex:1;align-content:space-between}.about-highlight{border:0;padding:14px 0}.about-highlight:last-child{padding-bottom:0}.about-copy p:last-child,.about-side>p:last-child{margin-bottom:0}.about-portrait{min-height:260px;max-height:440px;box-shadow:none;border:0;flex:1}.about-portrait img{aspect-ratio:auto;object-fit:cover;object-position:center 32%;width:100%;height:100%;position:absolute;inset:0}.about-side>p:last-child{margin-top:auto}.about-side h2{font-size:26px}.pricing-page .pricing-hero,.pricing-page .calculator-layout{width:min(1080px,100%);margin-inline:auto}.pricing-hero{text-align:center;border-bottom:0}.pricing-hero>p,.pricing-hero .promise-inline{margin-inline:auto}.pricing-hero .promise-inline{justify-content:center;max-width:none}.calculator-layout{justify-self:center}.react-help{z-index:1;width:fit-content;position:relative}.react-help[open]{z-index:10}.react-help p{border:1px solid var(--line-strong);background:var(--panel-solid);width:min(320px,65vw);color:var(--text);border-radius:10px;margin:0;padding:16px;font-size:14px;line-height:1.65;position:absolute;top:100%;left:-34px;box-shadow:0 12px 30px #0004}.react-option{align-items:flex-start;gap:12px;display:flex;overflow:visible}.react-option>label{flex:1;min-width:0}.react-option>.react-help{flex:none;align-self:center;margin:0}.react-option:has(.react-help[data-open=true]){z-index:100}.react-option .react-help p{z-index:101;width:min(320px,100vw - 80px);top:100%;left:auto;right:0}.react-help summary:focus-visible{outline:2px solid var(--teal);outline-offset:3px}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f4ef;--body-background:#f6f4ef;--bg-soft:#eeebe4;--bg-elevated:#fff;--text:#242824;--muted:#585e58;--teal:#ff9d26;--amber:#ff9d26;--accent-text:#ff9d26;--panel:#fff;--panel-solid:#fff;--nav-bg:#f6f4eff5;--line:#24282426;--line-strong:#2428244d;--field-bg:#fff;--option-bg:#fff;--image-panel-bg:#eeebe4;--surface:#fff;--primary-ink:#fff;--shadow:0 12px 40px #2428240a}:root[data-theme=light] .studio-hero{background:var(--bg);color:var(--text)}:root[data-theme=light] .studio-hero .hero-overline,:root[data-theme=light] .studio-hero .hero-promise,:root[data-theme=light] .studio-hero .hero-intro,:root[data-theme=light] .studio-hero .promise-inline,:root[data-theme=light] .studio-hero .studio-link,:root[data-theme=light] .hero-bottom{color:var(--text)}:root[data-theme=light] .studio-hero h1 em{color:#ff9d26}:root[data-theme=light] .closing{color:var(--text);background:radial-gradient(at 0 0,#ebbb8740,#0000 65%),#eeebe4}:root[data-theme=light] .closing .muted-word,:root[data-theme=light] .closing .studio-kicker,:root[data-theme=light] .closing-bottom p,:root[data-theme=light] .closing .studio-link{color:var(--muted)}@media (width<=1000px){.cookie-banner{grid-template-columns:1fr;gap:16px}.cookie-banner__actions{justify-content:flex-start}.about-layout{gap:28px}}@media (width<=860px){.hero-copy{width:62%;margin-left:32%;padding-top:125px;padding-bottom:30px}.studio-hero{min-height:0}.about-layout{grid-template-columns:1fr}.about-portrait{flex:none;height:420px}.about-side>p:last-child{margin-top:16px}}@media (width<=600px){.cookie-banner{gap:14px;max-height:calc(100dvh - 24px);padding:18px;inset:auto 12px 12px}.cookie-banner__actions{grid-template-columns:1fr 1fr;width:100%;display:grid}.cookie-banner__actions>a{grid-column:1/-1}.cookie-banner__actions .btn{width:100%;padding:11px 8px}.hero-copy{width:calc(100% - 48px);margin-left:24px;padding-top:115px;padding-bottom:24px}.studio-hero h1{white-space:normal;font-size:clamp(28px,7.7vw,43px)}.hero-bottom{display:none}.hero-atmosphere{opacity:.5}.hero-atmosphere:after{background:linear-gradient(#10121199,#101211f5 40%)}.closing{margin-bottom:60px;padding:42px 24px}.about-portrait{height:380px}.calculator-panel,.calculator-step{padding:12px}.calculator-progress button{gap:6px;font-size:11px}.react-help p{width:min(270px,65vw)}}@media (height<=650px) and (width>=861px){.hero-copy{padding-top:112px}.studio-hero h1{margin-bottom:20px}.hero-promise{margin-bottom:15px}.hero-copy .studio-actions{margin-top:22px}.cookie-banner{padding:18px}}.cookie-settings{font:inherit;color:var(--muted);cursor:pointer;text-underline-offset:4px;background:0 0;border:0;padding:0;text-decoration:underline}.react-help[data-open=true]{z-index:10}.help-trigger{border:1px solid var(--line-strong);width:28px;height:28px;color:var(--text);font:inherit;cursor:help;background:0 0;border-radius:50%;place-items:center;font-size:14px;display:grid}.help-trigger:focus-visible{outline:2px solid var(--teal);outline-offset:3px}.light-field--ember{top:-27%}.light-field--gold{top:3%}.light-field--ivory{top:39%}:root[data-theme=light]{--bg:#f1e5d2;--body-background:#f1e5d2;--bg-soft:#e9d9c0;--bg-elevated:#fbf1e2;--panel:#fbf1e2;--panel-solid:#fbf1e2;--nav-bg:#f1e5d2f2;--field-bg:#fcf3e6;--option-bg:#fcf3e6;--image-panel-bg:#e9dcc7;--surface:#f8eddd;--text:#30281f;--muted:#665745;--line:#60482f29;--line-strong:#60482f50}:root[data-theme=light] .hero-atmosphere{opacity:.88}:root[data-theme=light] .light-field--ember{background:radial-gradient(#d86a20 8%,#df8734 31%,#ce76286b 57%,#0000 72%)}:root[data-theme=light] .light-field--gold{background:radial-gradient(#eaae43 6%,#e5a038 26%,#dc912da6 43%,#0000 69%)}:root[data-theme=light] .light-field--ivory{background:radial-gradient(#cd773b 0%,#df9a52 16%,#e0a96696 35%,#0000 66%)}@media (width<=760px){.light-field--ember{top:-12%}.light-field--gold{top:2%}.light-field--ivory{top:17%}}@media (width<=600px){:root[data-theme=light] .hero-atmosphere:after{background:linear-gradient(#f1e5d240,#f1e5d2eb 48%)}:root[data-theme=light] .hero-atmosphere{opacity:.7}}:root[data-theme=light] .hero-bottom a{color:var(--text)}:root[data-theme=light] .promise-inline i{color:#ff9d26}@media (width<=760px){.hero-atmosphere{-webkit-mask-image:linear-gradient(#0000 0 84px,#0005 150px,#000b 235px,#0006 55%,#0000 90%);mask-image:linear-gradient(#0000 0 84px,#0005 150px,#000b 235px,#0006 55%,#0000 90%)}}.light-field--ember{height:116%}.light-field--gold{height:132%;top:0%}.light-field--ivory{height:92%;top:30%}.hero-atmosphere{-webkit-mask-image:linear-gradient(#0000 0 88px,#0003 135px,#000a 205px,#000 290px,#000b 65%,#0005 82%,#0001 94%,#0000 100%);mask-image:linear-gradient(#0000 0 88px,#0003 135px,#000a 205px,#000 290px,#000b 65%,#0005 82%,#0001 94%,#0000 100%)}.light-field--corner{z-index:1;background:radial-gradient(#f5a62d99 0%,#cf741d75 24%,#a9531233 46%,#0000 72%);width:38%;height:72%;top:58%;left:81%}:root[data-theme=light] .light-field--corner{background:radial-gradient(#cc782f99 0%,#dda04480 26%,#cd8b3e33 48%,#0000 72%)}@media (width<=760px){.light-field--ember{height:85%}.light-field--gold{height:100%}.light-field--ivory{height:65%;top:25%}.light-field--corner{opacity:.65;width:60%;height:44%;top:67%;left:78%}.hero-atmosphere{-webkit-mask-image:linear-gradient(#0000 0 84px,#0005 150px,#000b 235px,#0008 76%,#0000 100%);mask-image:linear-gradient(#0000 0 84px,#0005 150px,#000b 235px,#0008 76%,#0000 100%)}}.studio-hero{overflow:visible}.hero-atmosphere .light-field--ember{height:90%}.hero-atmosphere .light-field--gold{height:105%}.hero-atmosphere .light-field--ivory{height:76%;top:25%}.hero-atmosphere .light-field--corner{height:64%;top:43%}.studio-hero+.promise-note{z-index:1;position:relative}@media (width<=760px){.hero-atmosphere{bottom:-160px;-webkit-mask-image:linear-gradient(#0000 0 84px,#0005 150px,#000b 235px,#0006 64%,#0001 88%,#0000 100%);mask-image:linear-gradient(#0000 0 84px,#0005 150px,#000b 235px,#0006 64%,#0001 88%,#0000 100%)}.hero-atmosphere .light-field--ember{height:72%}.hero-atmosphere .light-field--gold{height:84%}.hero-atmosphere .light-field--ivory{height:58%;top:22%}.hero-atmosphere .light-field--corner{height:40%;top:57%}}.hero-atmosphere{bottom:-290px;-webkit-mask-image:linear-gradient(#000 0% 70%,#000b 84%,#0000 100%);mask-image:linear-gradient(#000 0% 70%,#000b 84%,#0000 100%)}.hero-atmosphere .light-field--ember{background:radial-gradient(#ae6f24 10%,#a467207d 43%,#0000 70%);width:64%;height:112%;top:-24%;left:-34%}.hero-atmosphere .light-field--gold{background:radial-gradient(#c58a36b3 7%,#a86c2580 37%,#0000 69%);width:48%;height:75%;top:5%;left:-21%}.hero-atmosphere .light-field--ivory{background:radial-gradient(#e8d4bdbb 3%,#d7b99085 29%,#0000 69%);width:42%;height:94%;top:10%;left:-25%}.hero-atmosphere .light-field--edge{background:radial-gradient(#d79b4a88 4%,#b37b354a 36%,#0000 71%);width:38%;height:56%;top:-32%;left:64%}.hero-atmosphere .light-field--corner{background:radial-gradient(at 65% 60%,#e8cba2e0 4%,#d29a55cc 25%,#b8792799 44%,#0000 70%);width:47%;height:99%;top:30%;left:79%}.hero-atmosphere:after{background:linear-gradient(90deg,#0000 15%,#10121155 29%,#101211a3 42%,#101211e6 57%,#101211db 76%,#0000 94%)}:root[data-theme=light] .hero-atmosphere .light-field--corner{background:radial-gradient(at 65% 60%,#c48a45c9 4%,#d29a55aa 25%,#b8792770 44%,#0000 70%)}:root[data-theme=light] .hero-atmosphere:after{background:linear-gradient(90deg,#0000 15%,#f1e5d270 32%,#f1e5d2eb 57%,#f1e5d2e0 76%,#0000 94%)}@media (width<=860px){.hero-atmosphere{bottom:-200px}.hero-atmosphere .light-field--ember{width:100%;left:-64%}.hero-atmosphere .light-field--gold{width:85%;left:-52%}.hero-atmosphere .light-field--ivory{width:80%;left:-55%}.hero-atmosphere .light-field--corner{width:75%;height:65%;top:48%;left:84%}.hero-atmosphere .light-field--edge{width:70%;height:42%;top:-22%;left:65%}}@media (width<=600px){.hero-atmosphere:after{background:linear-gradient(90deg,#10121170,#101211b8 28%,#101211db 72%,#10121170)}:root[data-theme=light] .hero-atmosphere:after{background:linear-gradient(90deg,#f1e5d270,#f1e5d2c9 28%,#f1e5d2db 72%,#f1e5d270)}}:root,:root[data-theme=light]{--brand-orange:#ff9d26;--teal:var(--brand-orange);--amber:var(--brand-orange);--accent-text:var(--brand-orange);--scroll-thumb:var(--brand-orange);--scroll-thumb-hover:var(--brand-orange);--primary-ink:#17130e}:root .btn-primary,:root .btn-primary:hover,:root .studio-button,:root .studio-button:hover{background:var(--brand-orange);color:#17130e}:root[data-theme=light] .btn-primary,:root[data-theme=light] .btn-primary:hover{color:#17130e;background:var(--brand-orange)}.closing{background:radial-gradient(at 0 0,#ff9d2633,#0000 65%),#191b190d}:root[data-theme=light] .closing{background:radial-gradient(at 0 0,#ff9d2633,transparent 65%),var(--bg-soft)}.hero-atmosphere .light-field{filter:none}:root .hero-atmosphere .light-field--ember{background:radial-gradient(#ff9d26eb 0%,#ff9d26ea 4%,#ff9d26e9 8%,#ff9d26e4 12%,#ff9d26dd 16%,#ff9d26d2 20%,#ff9d26c4 24%,#ff9d26b3 28%,#ff9d26a0 32%,#ff9d268b 36%,#ff9d2675 40%,#ff9d265f 44%,#ff9d264a 48%,#ff9d2637 52%,#ff9d2626 56%,#ff9d2618 60%,#ff9d260e 64%,#ff9d2606 68%,#ff9d2602 72%,#ff9d2600 76% 80%)}:root .hero-atmosphere .light-field--gold{background:radial-gradient(#ff9d26b8 0%,#ff9d26b7 4%,#ff9d26b6 8%,#ff9d26b3 12%,#ff9d26ad 16%,#ff9d26a5 20%,#ff9d269a 24%,#ff9d268c 28%,#ff9d267d 32%,#ff9d266d 36%,#ff9d265c 40%,#ff9d264b 44%,#ff9d263a 48%,#ff9d262b 52%,#ff9d261e 56%,#ff9d2613 60%,#ff9d260b 64%,#ff9d2605 68%,#ff9d2602 72%,#ff9d2600 76% 80%)}:root .hero-atmosphere .light-field--ivory{background:radial-gradient(#e8d4bda8 0% 4%,#e8d4bda7 8%,#e8d4bda4 12%,#e8d4bd9f 16%,#e8d4bd97 20%,#e8d4bd8d 24%,#e8d4bd81 28%,#e8d4bd73 32%,#e8d4bd64 36%,#e8d4bd54 40%,#e8d4bd44 44%,#e8d4bd35 48%,#e8d4bd28 52%,#e8d4bd1b 56%,#e8d4bd11 60%,#e8d4bd0a 64%,#e8d4bd04 68%,#e8d4bd01 72%,#e8d4bd00 76% 80%)}:root .hero-atmosphere .light-field--edge{background:radial-gradient(#ff9d2685 0%,#ff9d2684 4%,#ff9d2683 8%,#ff9d2681 12%,#ff9d267d 16%,#ff9d2677 20%,#ff9d266f 24%,#ff9d2665 28%,#ff9d265a 32%,#ff9d264f 36%,#ff9d2642 40%,#ff9d2636 44%,#ff9d262a 48%,#ff9d261f 52%,#ff9d2616 56%,#ff9d260e 60%,#ff9d2608 64%,#ff9d2604 68%,#ff9d2601 72%,#ff9d2600 76% 80%)}:root .hero-atmosphere .light-field--corner{background:radial-gradient(at 65% 60%,#ff9d26d9 0%,#ff9d26d8 4%,#ff9d26d7 8%,#ff9d26d3 12%,#ff9d26cc 16%,#ff9d26c2 20%,#ff9d26b5 24%,#ff9d26a6 28%,#ff9d2694 32%,#ff9d2681 36%,#ff9d266c 40%,#ff9d2658 44%,#ff9d2645 48%,#ff9d2633 52%,#ff9d2623 56%,#ff9d2616 60%,#ff9d260d 64%,#ff9d2606 68%,#ff9d2602 72%,#ff9d2600 76% 80%)}:root[data-theme=light] .hero-atmosphere .light-field--ivory{background:radial-gradient(#ff9d2680 0%,#ff9d2670 16%,#ff9d264a 32%,#ff9d2622 48%,#ff9d2607 64%,#ff9d2600 80%)}.hero-atmosphere .light-field{border-radius:0}
