#hero .sb-no#hero-scene-no{text-align:right;pointer-events:none;color:var(--accent);display:none}@supports (color:color-mix(in lab, red, red)){#hero .sb-no#hero-scene-no{color:color-mix(in srgb, var(--accent) 14%, transparent)}}@media (min-width:900px){#hero .sb-no#hero-scene-no{top:calc(var(--header-h) + clamp(2.25rem, 3.6vw, 3.75rem));display:block;right:clamp(1rem,3vw,3rem)}}#hero .hero-pin{min-height:100svh;align-items:center;padding-block-start:var(--header-h);display:flex;position:relative;overflow:hidden}#hero .hero-pin:before{content:"";z-index:0;pointer-events:none;background-image:radial-gradient(60% 60% at 82% 8%, var(--glow-a), transparent 68%), radial-gradient(50% 50% at 6% 92%, var(--glow-b), transparent 68%);position:absolute;inset:0;-webkit-mask-image:linear-gradient(0deg,#0000,#000 24vh);mask-image:linear-gradient(0deg,#0000,#000 24vh)}#hero .hero-inner{z-index:2;flex-direction:column;gap:clamp(.5rem,1vw,.75rem);padding-block:clamp(.5rem,1.4vw,1rem);display:flex;position:relative}#hero .hero-h1{z-index:1;font-family:var(--font-play);font-weight:560;font-size:var(--fs-scene);letter-spacing:-.015em;margin-bottom:.22em;line-height:.86;position:relative}#hero .hero-h1 .line{max-width:100%;display:block}#hero .line-2{margin-block:.04em}@media (min-width:900px){#hero .line-3{white-space:nowrap}}#hero .hero-rotor{vertical-align:top;width:100%;height:1em;display:inline-block;position:relative;overflow:clip visible}#hero .hero-rotor-track{perspective:8em;justify-items:start;display:grid}#hero .rotor-word{transform-origin:50%;backface-visibility:hidden;white-space:nowrap;height:1em;color:var(--accent);grid-area:1/1;align-items:center;line-height:1;display:flex}#hero .rotor-word:not(:first-child){visibility:hidden}#hero .hero-bottom{gap:var(--space-4);margin-top:clamp(.25rem,1vw,.75rem);display:grid}@media (min-width:900px){#hero .hero-bottom{align-items:end;gap:var(--space-6);grid-template-columns:minmax(0,7fr) minmax(0,5fr)}}#hero .hero-offer{gap:var(--space-3);display:grid}#hero .hero-lead{font-size:var(--fs-lead);color:var(--text-secondary);max-width:34ch}#hero .hero-ctas{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}#hero .hero-stats{border-top:1px solid var(--border);display:grid}#hero .hero-stats>div{align-items:baseline;gap:var(--space-2);border-bottom:1px solid var(--border);grid-template-columns:minmax(8.5rem,auto) 1fr;min-width:0;padding-block:.7rem;display:grid}#hero .hero-stats dt{font-size:var(--fs-h3);white-space:nowrap;font-weight:500;line-height:1}#hero .hero-stats dd{font-size:var(--fs-small);color:var(--text-muted)}#services{padding-block:var(--space-8)}@media (min-width:900px) and (prefers-reduced-motion:no-preference){:where(html.sb-curtain) #services{z-index:2;background:linear-gradient(180deg, transparent 0, var(--bg) 5vh, var(--bg) 10vh, var(--bg) 100svh, var(--bg) calc(100svh + 30vh), transparent calc(100svh + 70vh))}@supports (color:color-mix(in lab, red, red)){:where(html.sb-curtain) #services{background:linear-gradient(180deg, transparent 0, color-mix(in srgb, var(--bg) 55%, transparent) 5vh, var(--bg) 10vh, var(--bg) 100svh, color-mix(in srgb, var(--bg) 60%, transparent) calc(100svh + 30vh), transparent calc(100svh + 70vh))}}}@media (min-width:900px){#services .section-head{padding-right:calc(var(--fs-giant) * 1.4)}#services .sb-no{top:0;right:-.04em}}#services .section-head h2,#services .section-head p{z-index:1;position:relative}#services .section-head p{max-width:38em;margin-top:var(--space-2);font-size:var(--fs-lead);color:var(--text-secondary)}#services .bento{grid-template-columns:repeat(12,minmax(0,1fr));align-items:stretch;gap:clamp(14px,1.6vw,22px);display:grid}@media (max-width:900px){#services .bento>*{grid-area:auto/1/auto/-1!important}}#services .tile{padding:var(--space-4);gap:var(--space-2);isolation:isolate;flex-direction:column;display:flex;overflow:hidden}#services .tile>*{z-index:1;position:relative}#services .tile-title{font-size:var(--fs-h3)}#services .tile-promise{color:var(--text-secondary)}#services .sb-minus,#services .sb-plus{font-size:var(--fs-small)}#services .tile-foot{padding-top:var(--space-2);justify-content:space-between;align-items:baseline;gap:var(--space-2);flex-wrap:wrap;margin-top:auto;display:flex}#services .tile-price{font-family:var(--font-tektur)}#services .tile-price.num{font-size:var(--fs-price)}#services .tile-term{font-size:var(--fs-small);color:var(--text-muted)}#services .tile-price-group{gap:.3em;display:grid}#services .tile-link{font-size:var(--fs-small);color:var(--accent-hover);transition:color var(--dur-base) var(--ease-sheet);align-items:center;gap:.35em;margin-top:auto;display:inline-flex}#services .tile-link:hover{color:var(--accent)}#services .tile-obj{top:var(--space-3);right:var(--space-3);opacity:.92;filter:drop-shadow(0 14px 22px #0000004d);pointer-events:none;width:clamp(72px,6.5vw,104px);height:auto;transition:transform var(--dur-acc) var(--ease-sheet);position:absolute}#services .tile:hover .tile-obj{transform:translateY(-4%)scale(1.04)}#services .tile:has(.tile-obj) :is(.tile-title,.tile-promise){padding-right:clamp(80px,7.5vw,120px)}@media (max-width:600px){#services .tile-obj{width:56px;top:var(--space-2);right:var(--space-2)}#services .tile:has(.tile-obj) .tile-title{padding-right:64px}#services .tile:has(.tile-obj) .tile-promise{padding-right:0}}#services :is(.s-websites,.s-telegram){grid-column:span 7}#services :is(.s-stores,.s-integrations),#services :is(.s-support,.s-ai){grid-column:span 5}#services :is(.s-apps,.s-seo){grid-column:span 7}#services .tile-ai{background-image:radial-gradient(circle at 78% 18%, var(--accent-2), transparent 55%)}@supports (color:color-mix(in lab, red, red)){#services .tile-ai{background-image:radial-gradient(circle at 78% 18%, color-mix(in srgb, var(--accent-2) 30%, transparent), transparent 55%)}}#services .sb-ribbon{margin-top:var(--space-6)}#inside{padding-block:var(--space-8) var(--space-7)}#inside .inside__title{max-width:18ch}#inside .inside__lead{font-size:var(--fs-lead);color:var(--text-secondary);max-width:42ch;margin-top:var(--space-2)}#inside .inside__head-art{width:200px;height:auto;margin:var(--space-3) 0 calc(-1 * var(--space-2)) auto;pointer-events:none;display:block}#inside .inside__rail{display:none}@media (min-width:900px){#inside .inside__no-mobile,#inside .inside__head-art{display:none}#inside .inside__grid{grid-template-columns:minmax(0,1fr) clamp(15rem,26vw,22rem);gap:clamp(2rem,5vw,6rem);display:grid}#inside .inside__rail{display:block}#inside .inside__rail-sticky{top:calc(var(--header-h) + var(--space-3));justify-items:start;display:grid;position:sticky}#inside .inside__rail .sb-no{font-size:min(var(--fs-giant), 22svh);justify-self:end;margin-right:-.04em;position:static}#inside .inside__rail-art{justify-self:center;width:100%;max-width:min(20rem,30svh);height:auto}#inside .inside__index{width:100%;margin-top:var(--space-3);padding-left:var(--space-3);font-family:var(--font-play);font-size:var(--fs-lead);color:var(--text-muted);gap:clamp(.5rem,1.6svh,1rem);display:grid;position:relative}#inside .inside__index:before,#inside .inside__index:after{content:"";background:var(--border-strong);width:2px;position:absolute;top:.2em;bottom:.2em;left:0}#inside .inside__index:after{background:var(--grad-accent);transform-origin:top;transform:scaleY(var(--inside-progress,.25));transition:transform var(--dur-acc) var(--ease-sheet)}#inside .inside__index li{align-items:baseline;gap:var(--space-2);transition:color var(--dur-slow) var(--ease-sheet);display:flex}#inside .inside__index .num{font-size:var(--fs-small);transition:color var(--dur-slow) var(--ease-sheet)}#inside .inside__index li[data-active]{color:var(--text)}#inside .inside__index li[data-active] .num{color:var(--accent)}}#inside .inside__stack{position:relative}#inside .inside__card{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-tile);box-shadow:var(--shadow-raised-value);padding:var(--space-4);margin-bottom:var(--space-3);align-items:flex-start;gap:var(--space-3) var(--space-4);--dim:0;flex-wrap:wrap;display:flex;position:relative}#inside .inside__card:after{content:"";border-radius:inherit;background:var(--bg);opacity:var(--dim);pointer-events:none;z-index:0;position:absolute;inset:0}#inside .inside__no{z-index:1;color:var(--accent);flex:none;font-size:clamp(2.25rem,1.6rem + 3vw,3.5rem);line-height:1;position:relative}#inside .inside__body{z-index:1;flex:280px;min-width:0;position:relative}#inside .inside__hook{font-size:var(--fs-h3);margin-bottom:.4em}#inside .inside__text{font-size:var(--fs-body);color:var(--text-secondary)}#inside .inside__art{z-index:1;aspect-ratio:1;object-fit:contain;opacity:.92;flex:none;align-self:center;width:clamp(6rem,4rem + 5vw,9rem);height:auto;margin-left:auto;position:relative}@media (min-width:900px) and (prefers-reduced-motion:no-preference){#inside .inside__card{top:calc(var(--header-h) + 24px + (var(--i) - 1) * 22px);z-index:var(--i);margin-bottom:var(--space-4);position:sticky}}#inside .inside__keep{margin-top:var(--space-6)}#inside .inside__keep-title{font-family:var(--font-play);font-weight:560;font-size:var(--fs-lead);margin-bottom:var(--space-3)}#inside .inside__keep-list{font-size:var(--fs-small);color:var(--text-secondary)}@media (min-width:900px){#inside .inside__keep-list{column-gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}#process{padding-block:var(--space-8);position:relative;overflow-x:clip}#process .process-static-no{top:-.1em;left:-.02em}@media (min-width:900px) and (prefers-reduced-motion:no-preference){:where(html.sb-motion) #process{padding-top:0}:where(html.sb-motion) #process .section-head{display:none}}#process .process-art{pointer-events:none;height:auto}#process .process-static-art{z-index:1;width:100%;max-width:560px;margin-top:var(--space-4);position:relative}#process .process-pin{margin-top:var(--space-7);position:relative}#process .process-pin-head{align-items:baseline;gap:var(--space-3);padding-inline:var(--gutter);margin-bottom:var(--space-6);display:none}#process .sb-no.process-pin-no{font-size:clamp(3.5rem,1.5rem + 7vw,8rem);line-height:.85;position:static}#process .process-pin-label{font-family:var(--font-martian);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:clamp(1rem,.85rem + .6vw,1.375rem)}#process .process-axis{background:var(--border);height:1px;margin-inline:var(--gutter);display:none;position:absolute;bottom:12%;left:0;right:0}#process .process-axis:after{content:"";width:calc(var(--process-progress,0) * 100%);background:var(--grad-accent);position:absolute;top:0;bottom:0;left:0}#process .process-axis__glow{top:50%;left:calc(var(--process-progress,0) * 100%);background:var(--accent);width:12px;height:12px;box-shadow:0 0 22px 6px var(--accent);border-radius:50%;margin-top:-6px;margin-left:-6px;position:absolute}@supports (color:color-mix(in lab, red, red)){#process .process-axis__glow{box-shadow:0 0 22px 6px color-mix(in srgb, var(--accent) 65%, transparent)}}#process .process-track{gap:var(--space-4);padding-inline:var(--gutter);flex-direction:column;display:flex}@media (min-width:600px) and (max-width:899px){#process .process-track{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}}#process .process-stage{padding-top:var(--space-3);border-top:2px solid var(--border-strong);flex-direction:column;gap:.6rem;display:flex}#process .process-stage__no{font-family:var(--font-tektur);color:var(--text-muted);font-size:clamp(1.75rem,1.3rem + 1.6vw,2.5rem);line-height:1}#process .process-stage__title{font-family:var(--font-play);font-size:var(--fs-h3);font-weight:560}#process .process-stage__term{font-family:var(--font-onest);font-size:var(--fs-small);color:var(--accent);font-weight:600}#process .process-stage__result{font-family:var(--font-onest);font-size:var(--fs-body);color:var(--text-secondary)}#process .process-stage__payment{font-family:var(--font-tektur);font-size:var(--fs-small);color:var(--accent-2);margin-top:auto;padding-top:.4rem}@media (min-width:900px) and (prefers-reduced-motion:no-preference){:where(html.sb-motion) #process .process-pin{height:100svh;padding-top:calc(var(--header-h) + clamp(.5rem, 2svh, 1.5rem));flex-direction:column;margin-top:0;padding-bottom:clamp(1.5rem,6svh,4rem);display:flex}:where(html.sb-motion) #process .process-pin-head{margin-bottom:clamp(1.5rem,5svh,4rem);display:flex}:where(html.sb-motion) #process .process-pin-art{width:min(38vw,60svh,560px);margin-left:auto}:where(html.sb-motion) #process .process-axis{order:3;margin-top:clamp(1.5rem,5svh,3.5rem);display:block;position:relative;bottom:auto}:where(html.sb-motion) #process .process-track{gap:var(--space-5);flex-flow:row;width:max-content}:where(html.sb-motion) #process .process-stage{flex:0 0 clamp(15rem,34vw,22rem)}}#process .process-foot{margin-top:var(--space-6);align-items:flex-start;gap:var(--space-3) var(--space-5);flex-wrap:wrap;display:flex}#process .process-plus{font-size:var(--fs-body);max-width:36ch}#process .process-note{font-size:var(--fs-small);color:var(--text-muted)}@media (min-width:1680px) and (prefers-reduced-motion:no-preference){:where(html.sb-motion) #process{--process-inset:max(var(--gutter), (100% - 1400px) / 2)}:where(html.sb-motion) #process .process-pin{height:auto;padding-top:var(--space-7)}:where(html.sb-motion) #process .process-pin-head,:where(html.sb-motion) #process .process-track{padding-inline:var(--process-inset)}:where(html.sb-motion) #process .process-axis{margin-inline:var(--process-inset)}:where(html.sb-motion) #process .process-track{gap:var(--space-4);grid-template-columns:repeat(6,minmax(0,1fr));width:auto;display:grid}:where(html.sb-motion) #process .process-stage{flex:none}}#pricing{padding-block:var(--space-8)}@media (min-width:900px){#pricing .section-head{padding-right:calc(var(--fs-giant) * 1.4)}#pricing .section-head>:not(.sb-no){max-width:46rem}#pricing .sb-no{bottom:-.06em;right:-.04em}}#pricing .lead{margin-top:var(--space-2);max-width:38em;font-size:var(--fs-lead);color:var(--text-secondary)}#pricing .price-stage{position:relative}#pricing .bento{gap:var(--space-3);grid-template-columns:1fr;display:grid}@media (min-width:900px){#pricing .bento{gap:var(--space-4);grid-template-columns:repeat(12,1fr)}#pricing .price-plate--card{grid-column:span 5}#pricing .price-plate--start,#pricing .price-plate--base{grid-column:span 7}#pricing .price-plate--turnover{grid-column:span 5}#pricing .price-plate--custom{grid-column:span 12}}#pricing .price-plate{z-index:1;gap:var(--space-3);padding:var(--space-4);grid-template-columns:1fr;display:grid;position:relative;overflow:hidden}@media (min-width:640px){#pricing .price-plate--split{column-gap:var(--space-5);grid-template-columns:1.05fr 1.3fr}}#pricing .price-plate--glow{box-shadow:var(--inner-hi), var(--shadow-raised-value), 0 0 0 1px var(--accent), 0 0 70px -16px var(--accent)}@supports (color:color-mix(in lab, red, red)){#pricing .price-plate--glow{box-shadow:var(--inner-hi), var(--shadow-raised-value), 0 0 0 1px color-mix(in srgb, var(--accent) 55%, transparent), 0 0 70px -16px color-mix(in srgb, var(--accent) 50%, transparent)}}#pricing .price-kind{margin-bottom:.4em;display:block}#pricing .price-name{font-size:var(--fs-h3)}#pricing .price-nums{flex-wrap:wrap;align-items:baseline;gap:.6em;margin-top:.5em;display:flex}#pricing .price-from{font-size:var(--fs-price)}#pricing .price-avg{font-size:var(--fs-small);color:var(--text-muted)}#pricing .price-term{font-size:var(--fs-small);color:var(--text-secondary);margin-top:.35em;display:block}#pricing .price-forwhom{margin-top:var(--space-2);font-size:var(--fs-small);color:var(--text-secondary)}#pricing .price-plate__lists{gap:var(--space-3);flex-direction:column;display:flex}#pricing .price-plate__lists .sb-plus li,#pricing .price-excl .sb-minus li{font-size:var(--fs-small)}#pricing .price-excl{flex-direction:column;gap:.6em;display:flex}#pricing .price-excl>.tech{display:block}#why{padding-block:var(--space-8)}#why .why-grid{gap:var(--space-6);display:grid}@media (min-width:900px){#why .why-grid{grid-template-columns:1fr 1fr;align-items:start}}#why .why-left{position:relative}@media (min-width:900px){#why .why-left{top:calc(var(--header-h) + 2rem);position:sticky}}#why .section-head{margin-bottom:var(--space-4)}@media (max-width:899px){#why .why-right{display:contents}#why .why-right .sb-no{margin-bottom:calc(-1 * var(--space-5));order:-1}}@media (min-width:900px){#why .why-right .sb-no{text-align:right;margin-bottom:var(--space-4);display:block;position:static}}#why .why-fill{z-index:1;font-size:var(--fs-h3);max-width:22ch;color:var(--text);line-height:1.16;position:relative}:where(html.sb-motion) #why .why-fill{color:var(--text-muted)}#why .why-fill__word{white-space:nowrap}#why .why-fill__char{color:var(--text)}@supports (color:color-mix(in lab, red, red)){#why .why-fill__char{color:color-mix(in oklch, var(--text) calc(var(--p,1) * 100%), var(--text-muted))}}#why .why-art{z-index:1;width:240px;height:auto;margin:var(--space-3) 0 calc(-1 * var(--space-3)) auto;pointer-events:none;position:relative}@media (min-width:900px){#why .why-art{width:min(100%,400px,40svh);margin:var(--space-4) 0 0 clamp(0px, 4vw, 64px)}}#why .why-cards{gap:var(--space-5);display:grid}#why .why-card{width:100%;padding:var(--space-4);gap:var(--space-3);display:grid}@media (min-width:900px){#why .why-card{width:90%}#why .why-card:nth-child(2n){margin-inline-start:10%}}#why .why-card__no{margin-bottom:.5em;display:block}#why .why-card h3{font-size:var(--fs-h3)}#why .why-card__row{gap:.5em;display:grid}#why .why-card__row>.tech{margin-bottom:.1em;display:block}#why .why-card .sb-plus,#why .why-card .sb-minus{font-size:var(--fs-small)}#portfolio .works-head{width:min(80rem, 100% - 2 * var(--gutter));padding-top:var(--space-8);padding-bottom:var(--space-4);gap:var(--space-3);grid-template-columns:minmax(0,1fr) auto;align-items:end;margin-inline:auto;display:grid}#portfolio .section-head{margin-bottom:0}@media (min-width:900px){#portfolio .works-head>.sb-no{margin-bottom:-.06em;position:static}}@media (max-width:899px){#portfolio .works-head{grid-template-columns:minmax(0,1fr);gap:0}#portfolio .works-head>.sb-no{order:-1}}#portfolio .sb-ribbon{margin-bottom:0}#portfolio .section-head h2,#portfolio .works-lede{position:relative}#portfolio .works-lede{margin-top:var(--space-3);max-width:34ch;font-size:var(--fs-lead);color:var(--text-secondary);line-height:1.35}#portfolio .works-lede>span{margin-top:var(--space-2);font-family:var(--font-martian);font-size:var(--fs-tech);color:var(--text-muted)}#portfolio .works-lede--fine{display:block}#portfolio .works-lede--touch{display:none}@media (hover:none){#portfolio .works-lede--fine{display:none}#portfolio .works-lede--touch{display:block}}#portfolio .works-run{height:153vh;position:relative}#portfolio .works-stage{grid-template-rows:minmax(0,1fr);height:100svh;padding-top:clamp(14px,2.6vh,28px);padding-bottom:clamp(12px,2.6vh,28px);display:grid;position:sticky;top:0}#portfolio .works-frame{isolation:isolate;perspective:1400px;-webkit-mask-composite:source-in;-webkit-mask-composite:source-in;-webkit-mask-composite:source-in;width:100vw;min-height:0;margin-inline:calc(50% - 50vw);position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 16% 84%,#0000),linear-gradient(90deg,#0000,#000 9% 91%,#0000);mask-image:linear-gradient(#0000,#000 16% 84%,#0000),linear-gradient(90deg,#0000,#000 9% 91%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}#portfolio .works-frame:after{content:"";z-index:2;pointer-events:none;background:radial-gradient(60% 55% at 50% 50%, var(--glow-a), transparent 70%);mix-blend-mode:screen;opacity:.5;position:absolute;inset:0}#portfolio .works-plane{gap:var(--gap);transform-style:preserve-3d;cursor:default;display:flex;position:absolute;top:50%;left:50%}#portfolio .works-frame.is-hovering .works-plane,#portfolio .works-shot{cursor:pointer}#portfolio .works-col{gap:var(--gap);will-change:transform;flex-direction:column;display:flex}#portfolio .works-shot{width:var(--cw);aspect-ratio:16/10;border-radius:var(--radius-plate);border:1px solid var(--border-strong);flex:none;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){#portfolio .works-shot{border:1px solid color-mix(in srgb, var(--border-strong) 55%, transparent)}}#portfolio .works-shot{background:var(--surface);transition:transform .6s var(--ease-sheet), border-color var(--dur-acc) var(--ease-sheet);box-shadow:0 30px 50px -24px #000000e6}#portfolio .works-shot img{object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%}#portfolio .works-shot:before{content:"";z-index:1;pointer-events:none;background:var(--bg-sunken);opacity:.2;transition:opacity .6s var(--ease-sheet);position:absolute;inset:0}#portfolio .works-frame.is-hovering .works-shot:before{opacity:.5}#portfolio .works-frame.is-hovering .works-shot.is-on:before,#portfolio .works-shot:focus-visible:before{opacity:0}#portfolio .works-frame.is-hovering .works-shot.is-on{border-color:var(--tint);transform:scale(1.035)}@supports (color:color-mix(in lab, red, red)){#portfolio .works-frame.is-hovering .works-shot.is-on{border-color:color-mix(in oklch, var(--tint) 70%, white 10%)}}#portfolio .works-tag{z-index:2;align-items:end;column-gap:var(--space-2);text-align:start;background:linear-gradient(transparent, var(--bg-sunken) 45%, var(--bg-sunken));grid-template-columns:minmax(0,1fr) auto;padding:44px 16px 14px;display:grid;position:absolute;inset:auto 0 0}@supports (color:color-mix(in lab, red, red)){#portfolio .works-tag{background:linear-gradient(transparent, color-mix(in srgb, var(--bg-sunken) 72%, transparent) 45%, var(--bg-sunken))}}#portfolio .works-tag{color:var(--text);opacity:0;transition:opacity var(--dur-acc) var(--ease-sheet), translate var(--dur-acc) var(--ease-sheet);translate:0 10px}#portfolio .works-tag b{font-family:var(--font-play);font-size:1.125rem;font-weight:700;line-height:1.1;display:block}#portfolio .works-tag small{font-family:var(--font-martian);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:8px;margin-top:6px;font-size:.625rem;line-height:1;display:flex}#portfolio .works-tag small:before{content:"";background:var(--tint);width:14px;height:2px}#portfolio .works-tag svg{fill:none;width:20px;height:20px;stroke:var(--tint);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}#portfolio .works-shot.is-on .works-tag,#portfolio .works-shot:focus-visible .works-tag{opacity:1;translate:0}#portfolio .works-shot:focus-visible{border-color:var(--ring);outline:none}#portfolio .works-shot.is-gone{opacity:0;transition:none}html.works-locked{scrollbar-gutter:stable;overflow:hidden}html.works-locked body{overflow:visible}.works-modal{z-index:150;visibility:hidden;overscroll-behavior:contain;position:fixed;inset:0;overflow:hidden auto}.works-modal.is-open{visibility:visible}.works-veil{opacity:0;background:var(--bg);position:fixed;inset:0}@supports (color:color-mix(in lab, red, red)){.works-veil{background:color-mix(in srgb, var(--bg) 78%, transparent)}}.works-veil{-webkit-backdrop-filter:blur(16px)saturate(.8);backdrop-filter:blur(16px)saturate(.8)}.works-veil:before{content:"";opacity:.2;background:radial-gradient(42% 52% at 32% 52%, var(--tint), transparent 70%);position:absolute;inset:0}.works-topfade{display:none}.works-pager,.works-close{z-index:4;opacity:0;position:fixed;top:clamp(14px,3vh,28px)}.works-pager{left:var(--gutter);align-items:center;gap:var(--space-2);display:flex}.works-close{right:var(--gutter)}.works-round{border-radius:var(--radius-pill);border:1px solid var(--border-strong);background:var(--surface);place-items:center;width:48px;height:48px;display:grid}@supports (color:color-mix(in lab, red, red)){.works-round{background:color-mix(in srgb, var(--surface) 70%, transparent)}}.works-round{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--text);transition:border-color var(--dur-base) var(--ease-sheet), color var(--dur-base) var(--ease-sheet)}.works-round:hover{border-color:var(--accent);color:var(--accent-hover)}.works-round svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.works-pos{font-family:var(--font-martian);font-size:var(--fs-tech);color:var(--text-muted);white-space:nowrap}.works-pos b{color:var(--text);margin-right:.3em;font-size:1.25rem;font-weight:400}.works-kbd{font-size:.6875rem}@media (hover:none){.works-kbd{display:none}}.works-mwrap{z-index:2;min-height:100%;width:min(1400px, 100% - 2 * var(--gutter));grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:center;gap:clamp(32px,5vw,88px);margin-inline:auto;padding-block:clamp(88px,11vh,120px) clamp(40px,7vh,88px);display:grid;position:relative}.works-info{align-content:center;gap:clamp(18px,2.6vh,28px);display:grid}.works-info>*{opacity:0}.works-kind{align-items:center;gap:10px;display:flex}.works-kind i{background:var(--signal);border-radius:50%;width:8px;height:8px}.works-kind i[data-live]{background:var(--accent-2);box-shadow:0 0 10px var(--accent-2)}.works-info h3{margin-top:var(--space-2);font-size:clamp(2.25rem,1.5rem + 2.4vw,3.75rem);font-weight:700;line-height:1}.works-pain,.works-hook{padding-left:var(--space-2);border-left:2px solid var(--border-strong)}.works-pain .tech,.works-hook .tech{margin-bottom:var(--space-1);font-size:.6875rem;display:block}.works-pain{max-width:46ch;font-size:var(--fs-small);color:var(--text-muted)}.works-hook{border-left-color:var(--tint);max-width:30ch;font-size:var(--fs-lead);color:var(--text);font-weight:500;line-height:1.35}.works-hook .tech{color:var(--tint)}.works-wins{border-top:1px solid var(--border-strong);display:grid}.works-wins li{column-gap:var(--space-1);border-bottom:1px solid var(--border);grid-template-columns:2.5rem 1fr;row-gap:2px;padding-block:14px;display:grid}.works-wins .num{color:var(--tint);grid-row:span 2;font-size:.875rem;line-height:1.6}.works-wins b{font-family:var(--font-play);font-size:1.125rem;font-weight:700;line-height:1.3}.works-wins li>span:last-child{color:var(--text-muted);font-size:.9375rem;line-height:1.45}.works-foot{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.works-tech{gap:var(--space-3);display:flex}.works-tech svg{fill:currentColor;width:26px;height:26px;color:var(--text-secondary);transition:color var(--dur-base) var(--ease-sheet);display:block}.works-tech li:hover svg{color:var(--text)}.works-flyer{z-index:3;pointer-events:none;position:fixed;inset:0}.works-fly{transform-origin:0 0;will-change:transform;background:#000;display:none;position:fixed;top:0;left:0;overflow:hidden}.works-fly img{object-fit:cover;object-position:top;width:100%;height:100%}.dv{position:relative}.dv-stage{transform-origin:0 0;perspective:2600px;perspective-origin:40% 45%;position:absolute;top:0;left:0}.dv-rig{transform-style:preserve-3d;position:absolute;inset:0}.dv-mac,.dv-phone{opacity:0;position:absolute}.dv-lock{fill:currentColor;opacity:.6;flex:none;width:.7em;height:.8em}.dv-glare{z-index:3;pointer-events:none;opacity:0;background:linear-gradient(105deg,#0000 28%,#ffffff06 40%,#ffffff12 50%,#ffffff06 60%,#0000 72%);position:absolute;inset:0}.dv-mac{width:1032px;height:664px;top:34px;left:60px;rotate:y 11deg}.mb-lid{background:#0b0b0d;border-radius:30px 30px 14px 14px;height:641px;position:absolute;inset:0 0 auto;box-shadow:0 0 0 2px #2e2f35,0 0 0 3px #18191c,inset 0 0 0 1px #ffffff0d}.mb-display{background:#000;border-radius:12px 12px 3px 3px;flex-direction:column;width:1000px;height:607px;display:flex;position:absolute;top:16px;left:16px;overflow:hidden}.mb-notch{z-index:2;background:#000;border-radius:0 0 9px 9px;width:168px;height:21px;position:absolute;top:0;left:50%;translate:-50%}.mb-notch:after{content:"";background:radial-gradient(circle at 35% 35%,#2b3548,#07080b 70%);border-radius:50%;width:7px;height:7px;position:absolute;top:7px;left:50%;translate:-50%}.mb-base{background:linear-gradient(#55565c,#2f3035 30%,#1b1c20 70%,#0e0e10);border-radius:3px 3px 26px 26px/3px 3px 18px 18px;height:22px;position:absolute;top:639px;left:-64px;right:-64px;box-shadow:inset 0 1px #ffffff2e}.mb-base:before{content:"";background:linear-gradient(#141417,#26272b);border-radius:0 0 10px 10px;width:15%;height:7px;position:absolute;top:0;left:50%;translate:-50%}.dv-floor{pointer-events:none;filter:blur(6px);background:radial-gradient(50% 50% at 50% 40%,#0000008c,#0000 72%);height:70px;position:absolute;top:640px;left:-110px;right:-110px}.dv-phone{transform-origin:50% 100%;width:259px;height:543px;top:214px;left:958px;translate:0 0 70px;rotate:y 16deg}.ip-frame{transform-origin:0 0;background:#050506;border-radius:68px;width:418px;height:874px;padding:14px;position:absolute;top:0;left:0;transform:scale(.62);box-shadow:0 0 0 3px #4b4d56,0 0 0 4.5px #1c1d21,inset 0 0 0 1.5px #2a2b30,0 60px 90px -30px #000000a6}.ip-btn{background:linear-gradient(90deg,#5a5c66,#2c2d33);border-radius:2px;width:3px;position:absolute}.ip-btn--action,.ip-btn--up,.ip-btn--down{left:-3.5px}.ip-btn--action{height:5%;top:18%}.ip-btn--up{height:8.5%;top:26.5%}.ip-btn--down{height:8.5%;top:37%}.ip-btn--power{height:13%;top:29%;right:-3.5px}.mb-display{background:#000;flex-direction:column;display:flex}.mb-menubar{height:21px;font-family:var(--font-onest);color:#e4e5e8;white-space:nowrap;background:#111215;flex:none;justify-content:space-between;align-items:center;padding-inline:14px 16px;font-size:10.5px;line-height:1;display:flex}.mb-menubar>span:first-child{gap:14px;display:flex}.mb-menubar b{font-weight:700}.mb-safari{background:#232428;border-bottom:1px solid #111215;flex:none;justify-content:center;align-items:center;height:36px;display:flex;position:relative}.mb-lights{gap:7px;display:flex;position:absolute;left:14px}.mb-lights i{background:#ff5f57;border-radius:50%;width:11px;height:11px}.mb-lights i:nth-child(2){background:#febc2e}.mb-lights i:nth-child(3){background:#28c840}.mb-url{width:34%;height:23px;font-family:var(--font-onest);color:#d6d7db;white-space:nowrap;background:#34353a;border-radius:6px;justify-content:center;align-items:center;gap:6px;font-size:12px;line-height:1;display:flex}.mb-view{background:#000;flex:1;position:relative;overflow:hidden}.mb-view img{object-fit:cover;object-position:top;visibility:hidden;width:100%;height:100%}.ip-screen{background:#000;border-radius:54px;width:390px;height:846px;position:relative;overflow:hidden}.ip-page{position:absolute;inset:54px 0 0;overflow:hidden}.ip-img{object-fit:cover;object-position:top}.ip-img--crop{object-position:12% top}.ip-status{z-index:2;background:var(--sb-bg,#000);height:54px;font-family:var(--font-onest);color:var(--sb-fg,#fff);transition:background-color var(--dur-acc) var(--ease-sheet), color var(--dur-acc) var(--ease-sheet);justify-content:space-between;align-items:center;padding:8px 30px 0 46px;font-size:16px;font-weight:600;display:flex;position:absolute;inset:0 0 auto}.ip-icons{align-items:center;gap:6px;display:flex}.ip-icons svg{fill:currentColor;width:auto;height:12px}.ip-cam,.ip-island{z-index:3;border-radius:var(--radius-pill);background:#000;width:34%;height:37px;position:absolute;top:12.5px;left:50%;translate:-50%}.ip-island{z-index:4;border-radius:var(--radius-pill);width:34%;height:37px;font-family:var(--font-onest);color:#fff;white-space:nowrap;opacity:0;background:#000;justify-content:space-between;align-items:center;gap:8px;padding-inline:18px 14px;font-size:14px;font-weight:500;display:flex;overflow:hidden;translate:-50%}.ip-island span{opacity:0}.ip-island i{background:var(--tint);width:10px;height:10px;box-shadow:0 0 9px var(--tint);border-radius:50%;flex:none}.ip-safari{z-index:2;border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(10px)saturate(1.6);backdrop-filter:blur(10px)saturate(1.6);background:#f6f6f8c7;place-items:center;height:48px;display:grid;position:absolute;bottom:28px;left:16px;right:16px;box-shadow:0 2px 10px #0000002e}.ip-pill{font-family:var(--font-onest);color:#1d1d1f;white-space:nowrap;align-items:center;gap:6px;font-size:16px;display:flex}.ip-home{z-index:2;border-radius:var(--radius-pill);mix-blend-mode:difference;background:#fff;width:36%;height:5px;position:absolute;bottom:9px;left:50%;translate:-50%}@media (max-width:899px){#portfolio .works-head{grid-template-columns:1fr}.works-mwrap{align-items:start;gap:var(--space-4);grid-template-columns:1fr;padding-top:88px}.works-topfade{z-index:2;pointer-events:none;opacity:0;background:linear-gradient(var(--bg) 62%, transparent);height:clamp(92px,12vh,116px);display:block;position:fixed;inset:0 0 auto}}@media (prefers-reduced-motion:reduce){#portfolio .works-shot,#portfolio .works-shot:before,#portfolio .works-tag{transition:none}}#contacts{padding-block:var(--space-8)}#contacts .contacts-grid{gap:var(--space-7);align-items:center;display:grid}@media (min-width:1024px){#contacts .contacts-grid{gap:var(--space-6);grid-template-columns:6fr 5fr}}#contacts .contacts-text{position:relative}#contacts .sb-no{margin-bottom:var(--space-2);display:block;position:static}#contacts .section-head{margin-bottom:0}#contacts .contacts-lead{margin-top:var(--space-2);max-width:34em;font-size:var(--fs-lead);color:var(--text-secondary)}#contacts .contacts-text .sb-plus{margin-top:var(--space-4);font-size:var(--fs-body)}#contacts .contacts-card{padding:var(--space-5) var(--space-4) var(--space-4);box-shadow:var(--inner-hi), var(--shadow-raised-value), 0 0 80px -20px var(--accent);position:relative;transform:rotate(-1.5deg)}@supports (color:color-mix(in lab, red, red)){#contacts .contacts-card{box-shadow:var(--inner-hi), var(--shadow-raised-value), 0 0 80px -20px color-mix(in srgb, var(--accent) 45%, transparent)}}#contacts .contacts-envelope{top:calc(-1 * var(--space-6));right:calc(-1 * var(--space-3));pointer-events:none;width:clamp(120px,12vw,170px);height:auto;position:absolute;transform:rotate(8deg)}@media (max-width:600px){#contacts .contacts-card{transform:none}#contacts .contacts-envelope{width:104px;right:0}}#contacts .contacts-card .tech{margin-bottom:var(--space-2)}#contacts .contact-row{align-items:center;gap:var(--space-1);border-top:1px solid var(--border-strong);display:flex}#contacts .contact-row__link{justify-content:space-between;align-items:baseline;gap:.25em var(--space-2);min-width:0;padding-block:var(--space-2);transition:color var(--dur-base) var(--ease-sheet);flex-wrap:wrap;flex:1;display:flex}#contacts .contact-row__label{font-size:var(--fs-lead);font-weight:600}#contacts .contact-row__value{font-family:var(--font-martian);font-size:var(--fs-small);overflow-wrap:anywhere}#contacts .contact-row--primary .contact-row__link,#contacts .contact-row__link:hover{color:var(--accent-hover)}#contacts .copy{display:inline-flex;position:relative}#contacts .copy__button{border:1px solid var(--border-strong);border-radius:var(--radius-card);width:2.5rem;height:2.5rem;color:var(--text-secondary);transition:color var(--dur-base) var(--ease-sheet), border-color var(--dur-base) var(--ease-sheet);place-items:center;display:grid}#contacts .copy__button:hover{color:var(--text);border-color:var(--accent)}#contacts .copy__button[data-state=copied]{color:var(--success);border-color:var(--success)}#contacts .copy__button svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:1.1rem;height:1.1rem}#contacts .copy__status{font-size:var(--fs-tech);white-space:nowrap;color:var(--success);pointer-events:none;position:absolute;bottom:calc(100% + 4px);right:0}#contacts .contacts-note{margin-top:var(--space-3);font-size:var(--fs-small);color:var(--text-muted)}#contacts .contacts-note+.contacts-note{margin-top:.5em}