[data-portfolio-site]{--cream:var(--color-primary,#e1e0cc);--ink:var(--color-text,#dedbc8);--muted:#8b8a80;--accent:#c4a278;--black:var(--color-background,#000);--panel:#101010;--card:#212121;--line:#ffffff1a;--sans:var(--font-body,"Qoro Portfolio Almarai"), ui-sans-serif, system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--serif:"Qoro Portfolio Instrument Serif", "Times New Roman", serif;--ease-expo:cubic-bezier(.16, 1, .3, 1);--ease-card:cubic-bezier(.22, 1, .36, 1);--frame:16px;--radius-frame:16px;--radius-card:16px;--container:1480px;--gutter:var(--frame);--font-display:var(--font-heading,"Qoro Portfolio Almarai");--font-accent:var(--serif);--text-label:14px;--text-small:14px;--text-body:16px;--text-body-lg:18px;--text-h4:clamp(20px, 2vw, 30px);--text-h3-sm:clamp(26px, 2.8vw, 44px);--text-h3:clamp(32px, 4vw, 56px);--text-statement:clamp(30px, 4.6vw, 80px);--text-h2-sm:clamp(36px, 4.6vw, 72px);--text-h2:clamp(40px, 6.2vw, 104px);--text-display:clamp(52px, 9vw, 176px);--text-h1:clamp(60px, 13vw, 120px);--text-project:clamp(64px, 21vw, 150px);--lh-display:.86;--lh-heading:.92;--lh-snug:1.05;--lh-body:1.5;--tracking-display:-.06em;--tracking-h2:-.035em;--tracking-h3:-.04em;--tracking-label:.2em;--tracking-meta:.12em;--space-2xs:4px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--space-4xl:96px;--head-gap:20px;--head-space:clamp(40px, 4.4vw, 64px);--section-pad:clamp(48px, 6vw, 96px);--noise-overlay:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--noise-bg:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}@media (width>=768px){[data-portfolio-site]{--frame:24px;--radius-frame:32px;--text-project:clamp(96px, 15vw, 180px)}}@media (width>=1024px){[data-portfolio-site]{--text-label:12px;--text-h1:clamp(104px, 10.5vw, 230px);--text-project:clamp(110px, 10.5vw, 240px)}}@media (width>=1920px){[data-portfolio-site]{--container:1680px}}:where([data-portfolio-site]) *,:where([data-portfolio-site]) :before,:where([data-portfolio-site]) :after{box-sizing:border-box}:where([data-portfolio-site]) *{margin:0;padding:0}html[data-portfolio-site]{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body[data-portfolio-site]{background:var(--black);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px;line-height:1.5;overflow-x:hidden}:where([data-portfolio-site]) img,:where([data-portfolio-site]) svg,:where([data-portfolio-site]) video,:where([data-portfolio-site]) picture{max-width:100%;display:block}:where([data-portfolio-site]) a{color:inherit;text-decoration:none}:where([data-portfolio-site]) button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}:where([data-portfolio-site]) ul,:where([data-portfolio-site]) ol{list-style:none}:where([data-portfolio-site]) em{font-style:italic}:where([data-portfolio-site]) h1,:where([data-portfolio-site]) h2,:where([data-portfolio-site]) h3,:where([data-portfolio-site]) h4,:where([data-portfolio-site]) h5,:where([data-portfolio-site]) h6,:where([data-portfolio-site]) th{font-weight:400}:where([data-portfolio-site]) sup{font-size:inherit;vertical-align:baseline;line-height:0}:where([data-portfolio-site]) ::selection{background:var(--cream);color:var(--black)}:where([data-portfolio-site]) .sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:where([data-portfolio-site]) .skip-link{z-index:100;background:var(--cream);color:var(--black);opacity:0;pointer-events:none;clip-path:inset(50%);border-radius:999px;padding:10px 16px;font-size:16px;position:fixed;top:12px;left:12px}:where([data-portfolio-site]) .skip-link:focus-visible{opacity:1;pointer-events:auto;clip-path:none}@media (hover:none),(pointer:coarse){:where([data-portfolio-site]) .skip-link{display:none}}:where([data-portfolio-site]) :focus-visible{outline:2px solid var(--cream);outline-offset:3px;border-radius:6px}:where([data-portfolio-site]) :focus:not(:focus-visible){outline:none}:where([data-portfolio-site]) .container{width:100%;max-width:var(--container);padding-inline:var(--gutter);margin-inline:auto;position:relative}:where([data-portfolio-site]) .eyebrow{font-size:var(--text-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--ink);font-weight:400;display:inline-block}:where([data-portfolio-site]) .eyebrow__count{color:var(--muted);letter-spacing:var(--tracking-meta);font-variant-numeric:tabular-nums}:where([data-portfolio-site]) h1 em,:where([data-portfolio-site]) h2 em,:where([data-portfolio-site]) h3 em,:where([data-portfolio-site]) p em,:where([data-portfolio-site]) .w--em,:where([data-portfolio-site]) .svc__cta-text em,:where([data-portfolio-site]) .menu__list em{font-family:var(--serif);letter-spacing:-.01em;font-style:italic;font-weight:400}:where([data-portfolio-site]) .noise{pointer-events:none;background-size:160px 160px;position:absolute;inset:0}:where([data-portfolio-site]) .noise--overlay{background-image:var(--noise-overlay);opacity:.075}:where([data-portfolio-site]) .noise--bg{background-image:var(--noise-bg);opacity:.14;-webkit-mask-image:linear-gradient(#0000,#000 240px calc(100% - 240px),#0000);mask-image:linear-gradient(#0000,#000 240px calc(100% - 240px),#0000)}:where([data-portfolio-site]) .cinematic{background:#000;position:absolute;inset:0;overflow:hidden}:where([data-portfolio-site]) .cinematic__blob{background:radial-gradient(45% 45% at 28% 30%,#dedbc829,#0000 70%),radial-gradient(42% 42% at 73% 62%,#c4a27838,#0000 72%),radial-gradient(70% 55% at 50% 112%,#241e16eb,#0000 72%),#070707;animation:17s ease-in-out infinite alternate portfolio-drift;position:absolute;inset:-33.333%}:where([data-portfolio-site]) .cinematic--card .cinematic__blob{background:radial-gradient(55% 55% at 32% 28%,#dedbc824,#0000 70%),radial-gradient(50% 50% at 72% 78%,#968a7433,#0000 72%),#0b0a09}:where([data-portfolio-site]) .cinematic__vignette{background:radial-gradient(125% 120% at 50% 0,#0000 52%,#0000008c 100%);position:absolute;inset:0}:where([data-portfolio-site]) .cinematic__light{opacity:0;width:70vmax;height:70vmax;transition:opacity 1.2s var(--ease-expo);will-change:transform;pointer-events:none;background:radial-gradient(closest-side,#e1e0cc17,#0000);margin:-35vmax 0 0 -35vmax;position:absolute;top:0;left:0}:where([data-portfolio-site]) .cinematic__light.is-on{opacity:1}@keyframes portfolio-drift{0%{transform:translate(-3%,-2%)rotate(0)scale(1)}to{transform:translate(3%,2%)rotate(6deg)scale(1.12)}}:where([data-portfolio-site]) .pill{background:var(--ink);width:fit-content;color:var(--black);white-space:nowrap;transition:gap .3s var(--ease-expo), background-color .3s ease, transform .5s var(--ease-expo);border-radius:999px;align-items:center;gap:8px;padding:6px 6px 6px 20px;font-size:16px;line-height:1;display:inline-flex}:where([data-portfolio-site]) .pill__label{padding-block:2px}:where([data-portfolio-site]) .pill__icon{background:var(--black);width:36px;height:36px;transition:transform .3s var(--ease-expo);border-radius:50%;place-items:center;display:grid;position:relative;overflow:hidden}:where([data-portfolio-site]) .pill__icon svg{fill:none;width:16px;height:16px;stroke:var(--cream);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;transition:transform .55s var(--ease-expo);grid-area:1/1}:where([data-portfolio-site]) .pill__icon svg+svg{transform:translate(-150%)}@media (width>=640px){:where([data-portfolio-site]) .pill{font-size:16px}:where([data-portfolio-site]) .pill__icon{width:40px;height:40px}}@media (hover:hover){:where([data-portfolio-site]) .pill:hover{background:var(--cream);gap:12px}:where([data-portfolio-site]) .pill:hover .pill__icon{transform:scale(1.1)}:where([data-portfolio-site]) .pill:hover .pill__icon svg:first-child{transform:translate(150%)}:where([data-portfolio-site]) .pill:hover .pill__icon svg+svg{transform:none}}:where([data-portfolio-site]) .link{color:#e1e0ccb3;transition:color .3s;position:relative}:where([data-portfolio-site]) .link:after{content:"";transform-origin:100%;height:1px;transition:transform .5s var(--ease-expo);background:currentColor;position:absolute;bottom:-2px;left:0;right:0;transform:scaleX(0)}@media (hover:hover){:where([data-portfolio-site]) .link:hover{color:var(--cream)}:where([data-portfolio-site]) .link:hover:after{transform-origin:0;transform:scaleX(1)}}:where([data-portfolio-site]).js [data-reveal]{opacity:0;transition:opacity .8s var(--ease-expo), transform .8s var(--ease-expo);transition-delay:var(--delay,0s);transform:translateY(20px)}:where([data-portfolio-site]).js [data-reveal][data-rise-only]{opacity:1}:where([data-portfolio-site]).js [data-reveal].is-in{opacity:1;transform:none}:where([data-portfolio-site]) .w{display:inline-block}:where([data-portfolio-site]).js [data-split] .w{opacity:0;transition:opacity .6s var(--ease-expo), transform .6s var(--ease-expo);transition-delay:calc(var(--i) * var(--stagger,80ms));transform:translateY(20px)}:where([data-portfolio-site]).js [data-split].is-in .w{opacity:1;transform:none}:where([data-portfolio-site]).js [data-scale-in]{opacity:0;transition:opacity .6s var(--ease-card), transform .6s var(--ease-card);transition-delay:calc(var(--index,0) * .1s);transform:scale(.95)}:where([data-portfolio-site]).js [data-scale-in].is-in{opacity:1;transform:none}:where([data-portfolio-site]) .ch{white-space:pre;opacity:clamp(.2, calc(.2 + (var(--p,0) - var(--c) + .1) * 5.3333), 1);display:inline-block}:where([data-portfolio-site]) .scrub-word{white-space:nowrap;display:inline-block}:where([data-portfolio-site]) .nav{top:var(--frame);z-index:50;transition:transform .7s var(--ease-expo);max-width:calc(100% - 24px);position:fixed;left:50%;transform:translate(-50%)}:where([data-portfolio-site]) .nav__tab{transition:border-radius .6s var(--ease-expo), background-color .6s ease, box-shadow .6s ease, padding .6s var(--ease-expo);background:#000;border-radius:0 0 16px 16px;align-items:center;padding:10px 20px;display:flex;position:relative;box-shadow:0 0 0 1px #fff0}:where([data-portfolio-site]) .nav__tab:before,:where([data-portfolio-site]) .nav__tab:after{content:"";pointer-events:none;width:16px;height:16px;transition:opacity .3s;position:absolute;top:0}:where([data-portfolio-site]) .nav__tab:before{background:radial-gradient(circle at 0 100%,#0000 15.5px,#000 16px);left:-16px}:where([data-portfolio-site]) .nav__tab:after{background:radial-gradient(circle at 100% 100%,#0000 15.5px,#000 16px);right:-16px}:where([data-portfolio-site]) .nav__brand{letter-spacing:-.04em;color:var(--cream);white-space:nowrap;transition:max-width .7s var(--ease-expo), opacity .5s ease, margin .7s var(--ease-expo);align-items:flex-start;font-size:15px;line-height:1;display:inline-flex;overflow:hidden}:where([data-portfolio-site]) .nav__brand sup{margin-left:1px;font-size:.6em;line-height:1}:where([data-portfolio-site]) .nav__list{align-items:center;gap:20px;display:none}:where([data-portfolio-site]) .nav__link{color:#e1e0cccc;font-size:12px;line-height:20px;transition:color .3s;display:inline-block;position:relative}:where([data-portfolio-site]) .nav__link:after{content:"";background:var(--cream);width:3px;height:3px;transition:transform .5s var(--ease-expo);border-radius:50%;margin-left:-1.5px;position:absolute;bottom:-3px;left:50%;transform:scale(0)}:where([data-portfolio-site]) .nav__link[aria-current=true],:where([data-portfolio-site]) .nav__link[aria-current=page]{color:var(--cream)}:where([data-portfolio-site]) .nav__link[aria-current=true]:after,:where([data-portfolio-site]) .nav__link[aria-current=page]:after{transform:scale(1)}@media (hover:hover){:where([data-portfolio-site]) .nav__link:hover{color:var(--cream)}:where([data-portfolio-site]) .nav__link:hover:after{transform:scale(1)}}:where([data-portfolio-site]) .nav__toggle{color:var(--cream);align-items:center;gap:10px;margin-left:40px;font-size:12px;line-height:20px;display:inline-flex}:where([data-portfolio-site]) .nav__toggle-icon{width:14px;height:8px;position:relative}:where([data-portfolio-site]) .nav__toggle-icon i{height:1.5px;transition:transform .5s var(--ease-expo), top .5s var(--ease-expo);background:currentColor;border-radius:2px;position:absolute;left:0;right:0}:where([data-portfolio-site]) .nav__toggle-icon i:first-child{top:0}:where([data-portfolio-site]) .nav__toggle-icon i:last-child{top:6.5px}:where([data-portfolio-site]) .nav__toggle[aria-expanded=true] .nav__toggle-icon i:first-child{top:3.25px;transform:rotate(45deg)}:where([data-portfolio-site]) .nav__toggle[aria-expanded=true] .nav__toggle-icon i:last-child{top:3.25px;transform:rotate(-45deg)}:where([data-portfolio-site]) .nav.is-floating{transform:translate(-50%,8px)}:where([data-portfolio-site]) .nav.is-floating .nav__tab{-webkit-backdrop-filter:blur(14px)saturate(140%);backdrop-filter:blur(14px)saturate(140%);background:#0a0a0ab8;border-radius:999px;box-shadow:0 0 0 1px #ffffff14,0 12px 32px -12px #0009}:where([data-portfolio-site]) .nav.is-floating .nav__tab:before,:where([data-portfolio-site]) .nav.is-floating .nav__tab:after{opacity:0}@media (width>=640px){:where([data-portfolio-site]) .nav__list{gap:28px;display:flex}:where([data-portfolio-site]) .nav__toggle{display:none}:where([data-portfolio-site]) .nav__brand{opacity:0;max-width:0;margin-right:0}:where([data-portfolio-site]) .nav.is-floating .nav__brand,:where([data-portfolio-site]) .nav--brand .nav__brand{opacity:1;max-width:80px;margin-right:28px}}@media (width>=768px){:where([data-portfolio-site]) .nav__tab{border-radius:0 0 24px 24px;padding:10px 36px}:where([data-portfolio-site]) .nav__tab:before,:where([data-portfolio-site]) .nav__tab:after{width:24px;height:24px}:where([data-portfolio-site]) .nav__tab:before{background:radial-gradient(circle at 0 100%,#0000 23.5px,#000 24px);left:-24px}:where([data-portfolio-site]) .nav__tab:after{background:radial-gradient(circle at 100% 100%,#0000 23.5px,#000 24px);right:-24px}:where([data-portfolio-site]) .nav__list{gap:36px}:where([data-portfolio-site]) .nav__link{font-size:16px}:where([data-portfolio-site]) .nav.is-floating .nav__tab{padding:10px 28px}}@media (width>=1024px){:where([data-portfolio-site]) .nav__list{gap:44px}}:where([data-portfolio-site]) .menu{z-index:45;padding:var(--frame);clip-path:inset(0 0 100%);transition:clip-path .8s var(--ease-expo);background:#000;position:fixed;inset:0}:where([data-portfolio-site]) .menu.is-open{clip-path:inset(0)}:where([data-portfolio-site]) .menu__frame{border-radius:var(--radius-frame);flex-direction:column;justify-content:flex-end;height:100%;padding:96px 24px 24px;display:flex;position:relative;overflow:hidden}:where([data-portfolio-site]) .menu__list{position:relative}:where([data-portfolio-site]) .menu__list li{overflow:hidden}:where([data-portfolio-site]) .menu__list a{letter-spacing:-.05em;color:var(--cream);transition:transform .9s var(--ease-expo);align-items:baseline;gap:14px;padding-block:4px;font-size:clamp(44px,14vw,80px);line-height:1;display:flex;transform:translateY(105%)}:where([data-portfolio-site]) .menu.is-open .menu__list a{transform:none}:where([data-portfolio-site]) .menu.is-open .menu__list li:first-child a{transition-delay:.12s}:where([data-portfolio-site]) .menu.is-open .menu__list li:nth-child(2) a{transition-delay:.18s}:where([data-portfolio-site]) .menu.is-open .menu__list li:nth-child(3) a{transition-delay:.24s}:where([data-portfolio-site]) .menu.is-open .menu__list li:nth-child(4) a{transition-delay:.3s}:where([data-portfolio-site]) .menu.is-open .menu__list li:nth-child(5) a{transition-delay:.36s}:where([data-portfolio-site]) .menu.is-open .menu__list li:nth-child(6) a{transition-delay:.42s}:where([data-portfolio-site]) .menu__num{font-size:var(--text-label);letter-spacing:var(--tracking-meta);color:var(--muted);font-variant-numeric:tabular-nums;transform:translateY(-1.6em)}:where([data-portfolio-site]) .menu__foot{border-top:1px solid var(--line);color:#e1e0ccbf;opacity:0;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-top:40px;padding-top:20px;font-size:16px;transition:opacity .6s .35s;display:flex;position:relative}:where([data-portfolio-site]) .menu.is-open .menu__foot{opacity:1}:where([data-portfolio-site]) .menu__social{gap:20px;display:flex}:where([data-portfolio-site]) .cursor{z-index:60;pointer-events:none;will-change:transform;width:0;height:0;display:none;position:fixed;top:0;left:0}:where([data-portfolio-site]) .cursor__ball{background:var(--ink);width:96px;height:96px;color:var(--black);letter-spacing:-.01em;transition:transform .5s var(--ease-expo);border-radius:50%;place-items:center;font-size:13px;display:grid;position:absolute;top:-48px;left:-48px;transform:scale(0)}:where([data-portfolio-site]) .cursor.is-active .cursor__ball{transform:scale(1)}@media (hover:hover) and (pointer:fine){:where([data-portfolio-site]) .cursor{display:block}:where([data-portfolio-site]) [data-cursor-target]{cursor:none}}:where([data-portfolio-site]) .hero{height:100svh;min-height:560px;padding:var(--frame);background:#000;position:relative}:where([data-portfolio-site]) .hero__frame{border-radius:var(--radius-frame);background:#000;flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}:where([data-portfolio-site]) .hero__video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}:where([data-portfolio-site]) .hero__shade{pointer-events:none;background:linear-gradient(#0000004d,#0000 45%,#0009);position:absolute;inset:0}:where([data-portfolio-site]) .hero__meta{z-index:5;letter-spacing:.02em;color:#e1e0cc99;align-items:center;gap:8px;font-size:12px;line-height:20px;display:none;position:absolute;top:20px}:where([data-portfolio-site]) .hero__meta--left{left:40px}:where([data-portfolio-site]) .hero__meta--right{right:40px}@media (width>=1100px){:where([data-portfolio-site]) .hero__meta{display:inline-flex}}:where([data-portfolio-site]) .dot{background:var(--accent);border-radius:50%;width:6px;height:6px;position:relative}:where([data-portfolio-site]) .dot:after{content:"";background:var(--accent);animation:portfolio-pulse 2.4s var(--ease-expo) infinite;border-radius:50%;position:absolute;inset:0}@keyframes portfolio-pulse{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(3.2)}}:where([data-portfolio-site]) .hero__content{z-index:10;transform:translate3d(0, calc(var(--hp,0) * 12vh), 0);opacity:calc(1 - var(--hp,0) * 1.1);will-change:transform, opacity;grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;gap:24px;margin-top:auto;padding:16px;display:grid;position:relative}:where([data-portfolio-site]) .hero__title{letter-spacing:-.07em;color:var(--cream);grid-column:span 12;align-items:flex-start;font-size:24vw;font-weight:400;line-height:.85;display:flex}:where([data-portfolio-site]) .hero__word{margin:-.04em -.08em -.1em -.02em;padding:.04em .08em .1em .02em;display:inline-block;overflow:hidden}:where([data-portfolio-site]) .char{display:inline-block}:where([data-portfolio-site]).js .hero__word .char{transition:transform 1.25s var(--ease-expo);transition-delay:calc(.12s + var(--i) * 70ms);transform:translateY(108%)}:where([data-portfolio-site]).is-ready .hero__word .char{transform:none}:where([data-portfolio-site]) .hero__star{transform-origin:50% 42%;transition:transform 1.2s var(--ease-expo);margin:.2em 0 0 .1em;font-size:.31em;line-height:1;display:inline-block}:where([data-portfolio-site]).js .hero__star{transition-delay:.55s;transform:scale(0)rotate(-140deg)}:where([data-portfolio-site]).is-ready .hero__star{transform:none}@media (hover:hover){:where([data-portfolio-site]).is-ready .hero__title:hover .hero__star{transition-delay:0s;transform:rotate(180deg)}}:where([data-portfolio-site]) .hero__aside{flex-direction:column;grid-column:span 12;gap:16px;display:flex}:where([data-portfolio-site]) .hero__lead{color:#dedbc8b3;max-width:28rem;font-size:16px;line-height:1.3}:where([data-portfolio-site]) .hero__lead em{color:var(--cream);font-size:1.12em}@media (width>=640px){:where([data-portfolio-site]) .hero__title{font-size:22vw}:where([data-portfolio-site]) .hero__content{padding:24px}:where([data-portfolio-site]) .hero__lead{font-size:16px}}@media (width>=768px){:where([data-portfolio-site]) .hero__title{font-size:20vw}:where([data-portfolio-site]) .hero__content{gap:32px;padding:32px}:where([data-portfolio-site]) .hero__aside{gap:24px}}@media (width>=1024px){:where([data-portfolio-site]) .hero__title{grid-column:span 8;font-size:18vw}:where([data-portfolio-site]) .hero__aside{grid-column:span 4}:where([data-portfolio-site]) .hero__content{padding:40px}}@media (width>=1280px){:where([data-portfolio-site]) .hero__title{font-size:17vw}}@media (width>=1536px){:where([data-portfolio-site]) .hero__title{font-size:18vw}}@media (width>=1920px){:where([data-portfolio-site]) .hero__title{font-size:min(18vw,440px)}}@media (height<=560px) and (orientation:landscape){:where([data-portfolio-site]) .hero__title{font-size:26vh}:where([data-portfolio-site]) .hero__title,:where([data-portfolio-site]) .hero__aside{grid-column:span 6}}:where([data-portfolio-site]) .intro{background:#000;padding-inline:16px}:where([data-portfolio-site]) .intro__panel{background:var(--panel);text-align:center;border-radius:32px;flex-direction:column;align-items:center;gap:40px;max-width:72rem;margin-inline:auto;padding:64px 24px;display:flex}:where([data-portfolio-site]) .intro__title{max-width:48rem;color:var(--cream);font-size:30px;font-weight:400;line-height:.95}:where([data-portfolio-site]) .intro__body{max-width:42rem;color:var(--ink);font-size:12px;line-height:1.65}@media (width>=640px){:where([data-portfolio-site]) .intro{padding-inline:24px}:where([data-portfolio-site]) .intro__panel{padding:80px 40px}:where([data-portfolio-site]) .intro__title{font-size:36px;line-height:.9}:where([data-portfolio-site]) .intro__body{font-size:16px}}@media (width>=768px){:where([data-portfolio-site]) .intro__panel{padding:96px 64px}:where([data-portfolio-site]) .intro__title{font-size:48px}:where([data-portfolio-site]) .intro__body{font-size:16px}}@media (width>=1024px){:where([data-portfolio-site]) .intro__title{font-size:60px}}@media (width>=1280px){:where([data-portfolio-site]) .intro__title{font-size:72px}}:where([data-portfolio-site]) .section-head{gap:var(--space-xl);padding-bottom:var(--head-space);flex-direction:column;display:flex}:where([data-portfolio-site]) .section-head__main{gap:var(--head-gap);flex-direction:column;display:flex}:where([data-portfolio-site]) .section-head__title{max-width:14ch;font-size:var(--text-h2);font-weight:400;line-height:var(--lh-heading);letter-spacing:var(--tracking-h2);color:var(--cream)}:where([data-portfolio-site]) .section-head__note{max-width:22rem;font-size:var(--text-body);line-height:var(--lh-body);color:var(--muted)}@media (width>=768px){:where([data-portfolio-site]) .section-head{flex-direction:row;justify-content:space-between;align-items:flex-end}:where([data-portfolio-site]) .section-head__note{padding-bottom:.6em}}:where([data-portfolio-site]).js [data-img-reveal]{opacity:0;transition:opacity .7s var(--ease-expo), scale 1.3s var(--ease-expo);scale:.9}:where([data-portfolio-site]).js [data-img-reveal] img{transition:transform 1.6s var(--ease-expo);transform:scale(1.14)}:where([data-portfolio-site]).js [data-img-reveal].is-in{opacity:1;scale:1}:where([data-portfolio-site]).js [data-img-reveal].is-in img{transform:scale(1.02)}:where([data-portfolio-site]) [data-parallax]{transform:translate3d(0, var(--py,0px), 0);will-change:transform}html[data-portfolio-site].is-leaving [data-transition-active] img{transition:transform .7s var(--ease-expo)!important;transform:scale(1.1)!important}:where([data-portfolio-site]) .services{background:#000;position:relative;overflow:hidden}:where([data-portfolio-site]) .services__head{text-align:center;flex-direction:column;align-items:center;gap:4px;margin-bottom:48px;display:flex}:where([data-portfolio-site]) .services__title,:where([data-portfolio-site]) .services__sub{font-size:20px;font-weight:400;line-height:1.2}:where([data-portfolio-site]) .services__title{color:var(--cream)}:where([data-portfolio-site]) .services__sub{color:var(--muted)}:where([data-portfolio-site]) .services__grid{grid-template-columns:minmax(0,1fr);gap:12px;display:grid}:where([data-portfolio-site]) .svc{border-radius:var(--radius-card);background:var(--card);isolation:isolate;flex-direction:column;gap:16px;min-height:280px;padding:20px;display:flex;position:relative;overflow:hidden}:where([data-portfolio-site]) .svc[data-spotlight]:before{content:"";z-index:-1;background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%), #e1e0cc17, transparent 65%);opacity:0;transition:opacity .5s;position:absolute;inset:0}:where([data-portfolio-site]) .svc[data-spotlight]:after{content:"";border-radius:inherit;pointer-events:none;transition:box-shadow .5s;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #e1e0cc00}:where([data-portfolio-site]) .svc__top{justify-content:space-between;align-items:flex-start;display:flex}:where([data-portfolio-site]) .svc__icon{width:40px;height:40px;transition:background-color .4s ease, transform .6s var(--ease-expo);background:#0006;border-radius:8px;place-items:center;display:grid}:where([data-portfolio-site]) .svc__icon svg{fill:none;width:20px;height:20px;stroke:var(--ink);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}:where([data-portfolio-site]) .svc__num{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}:where([data-portfolio-site]) .svc__title{color:var(--cream);font-size:16px;font-weight:400}:where([data-portfolio-site]) .svc__list{flex-direction:column;gap:8px;display:flex}:where([data-portfolio-site]) .svc__list li{color:var(--muted);align-items:flex-start;gap:8px;font-size:12px;line-height:1.4;display:flex}:where([data-portfolio-site]) .svc__list li:before{content:"";background:var(--ink);flex:none;width:14px;height:14px;margin-top:1px;-webkit-mask:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") 50%/contain no-repeat}:where([data-portfolio-site]) .svc__link{width:fit-content;color:var(--ink);align-items:center;gap:6px;margin-top:auto;font-size:12px;display:inline-flex}:where([data-portfolio-site]) .svc__link svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px;transition:transform .4s var(--ease-expo)}@media (hover:hover){:where([data-portfolio-site]) .svc[data-spotlight]:hover:before{opacity:1}:where([data-portfolio-site]) .svc[data-spotlight]:hover:after{box-shadow:inset 0 0 0 1px #e1e0cc14}:where([data-portfolio-site]) .svc:hover .svc__icon{background:#000000a6;transform:rotate(-8deg)scale(1.05)}:where([data-portfolio-site]) .svc__link:hover svg{transform:translate(2px,-2px)}}:where([data-portfolio-site]) .svc--visual{background:#0b0a09;min-height:340px;padding:0}:where([data-portfolio-site]) .svc__asterisk{width:240px;height:240px;color:var(--cream);opacity:.12;transform:rotate(var(--rot,0deg));will-change:transform;margin:-120px 0 0 -120px;position:absolute;top:42%;left:50%}:where([data-portfolio-site]) .svc__visual-shade{background:linear-gradient(#0000,#0000001a 55%,#000000b3);position:absolute;inset:0}:where([data-portfolio-site]) .svc__visual-text{letter-spacing:-.01em;color:var(--cream);padding:20px;font-size:22px;line-height:1.05;position:absolute;bottom:0;left:0;right:0}:where([data-portfolio-site]) .svc--cta{background:var(--ink);color:var(--black);justify-content:space-between;transition:background-color .4s}:where([data-portfolio-site]) .svc--cta .svc__num{color:#00000080}:where([data-portfolio-site]) .svc__cta-text{letter-spacing:-.03em;font-size:30px;line-height:.95}:where([data-portfolio-site]) .svc__cta-text em{letter-spacing:-.01em}:where([data-portfolio-site]) .svc__cta-icon{background:var(--black);width:48px;height:48px;transition:transform .6s var(--ease-expo);border-radius:50%;align-self:flex-end;place-items:center;display:grid}:where([data-portfolio-site]) .svc__cta-icon svg{fill:none;width:18px;height:18px;stroke:var(--cream);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}@media (hover:hover){:where([data-portfolio-site]) .svc--cta:hover{background:var(--cream)}:where([data-portfolio-site]) .svc--cta:hover .svc__cta-icon{transform:scale(1.12)rotate(45deg)}}@media (width>=640px){:where([data-portfolio-site]) .services__title,:where([data-portfolio-site]) .services__sub{font-size:24px}:where([data-portfolio-site]) .services__grid{gap:8px}:where([data-portfolio-site]) .svc__icon{width:48px;height:48px}:where([data-portfolio-site]) .svc__icon svg{width:24px;height:24px}:where([data-portfolio-site]) .svc__list li,:where([data-portfolio-site]) .svc__link{font-size:16px}}@media (width>=768px){:where([data-portfolio-site]) .services__head{margin-bottom:64px}:where([data-portfolio-site]) .services__title,:where([data-portfolio-site]) .services__sub{font-size:30px}:where([data-portfolio-site]) .services__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}:where([data-portfolio-site]) .svc--visual{grid-column:span 2;min-height:380px}}@media (width>=1024px){:where([data-portfolio-site]) .services__title,:where([data-portfolio-site]) .services__sub{font-size:36px}:where([data-portfolio-site]) .services__grid{grid-template-rows:repeat(2,320px);grid-template-columns:repeat(4,minmax(0,1fr))}:where([data-portfolio-site]) .svc{min-height:0}:where([data-portfolio-site]) .svc--visual{grid-area:1/1/span 2;min-height:0}:where([data-portfolio-site]) .svc__title{font-size:18px}:where([data-portfolio-site]) .svc__asterisk{width:280px;height:280px;margin:-140px 0 0 -140px}:where([data-portfolio-site]) .svc__visual-text{padding:24px;font-size:26px}:where([data-portfolio-site]) .svc__cta-text{font-size:36px}}:where([data-portfolio-site]) .studio{background:#000;padding-inline:16px}:where([data-portfolio-site]) .studio__panel{max-width:var(--container);background:var(--panel);border-radius:32px;gap:56px;margin-inline:auto;padding:48px 24px;display:grid}:where([data-portfolio-site]) .studio__intro{gap:var(--head-gap);flex-direction:column;align-self:start;display:flex}:where([data-portfolio-site]) .studio__title{font-size:var(--text-h2-sm);font-weight:400;line-height:var(--lh-heading);letter-spacing:var(--tracking-h2);color:var(--cream)}:where([data-portfolio-site]) .studio__text{max-width:30rem;font-size:var(--text-body);line-height:var(--lh-body);color:#dedbc8b3}:where([data-portfolio-site]) .studio__principles{border-top:1px solid var(--line);margin-top:8px}:where([data-portfolio-site]) .studio__principles li{border-bottom:1px solid var(--line);color:#e1e0ccd9;align-items:baseline;gap:16px;padding-block:14px;font-size:16px;display:flex}:where([data-portfolio-site]) .studio__principles span{font-size:var(--text-label);color:var(--muted);font-variant-numeric:tabular-nums;letter-spacing:var(--tracking-meta)}:where([data-portfolio-site]) .disciplines{counter-reset:d}:where([data-portfolio-site]) .discipline{--a:1;opacity:calc(.18 + var(--a) * .82);border-bottom:1px solid #ffffff12;grid-template-columns:36px minmax(0,1fr);align-items:baseline;column-gap:8px;padding-block:12px;display:grid}:where([data-portfolio-site]) .discipline:first-child{padding-top:0}:where([data-portfolio-site]) .discipline__num{font-family:var(--serif);color:var(--muted);font-size:16px;font-style:italic;transition:color .4s}:where([data-portfolio-site]) .discipline__name{letter-spacing:-.05em;color:var(--cream);transition:transform .7s var(--ease-expo);font-size:clamp(44px,12vw,112px);line-height:.95;display:inline-block}:where([data-portfolio-site]) .discipline__note{font-family:var(--serif);color:var(--muted);grid-column:2;font-size:17px}@media (hover:hover){:where([data-portfolio-site]) .discipline:hover{opacity:1}:where([data-portfolio-site]) .discipline:hover .discipline__name{transform:translate(14px)}:where([data-portfolio-site]) .discipline:hover .discipline__num{color:var(--cream)}}@media (width>=640px){:where([data-portfolio-site]) .studio{padding-inline:24px}:where([data-portfolio-site]) .studio__panel{padding:64px 40px}:where([data-portfolio-site]) .discipline{grid-template-columns:48px minmax(0,1fr) auto}:where([data-portfolio-site]) .discipline__note{text-align:right;grid-column:3;font-size:20px}:where([data-portfolio-site]) .discipline__name{font-size:clamp(48px,8.4vw,112px)}}@media (width>=1024px){:where([data-portfolio-site]) .studio__panel{grid-template-columns:repeat(12,minmax(0,1fr));gap:48px;padding:80px 64px}:where([data-portfolio-site]) .studio__intro{grid-column:span 5;position:sticky;top:120px}:where([data-portfolio-site]) .disciplines{grid-column:6/span 7}:where([data-portfolio-site]) .discipline__name{font-size:clamp(56px,6vw,112px)}}:where([data-portfolio-site]) .pricing{background:#000;position:relative;overflow:hidden}:where([data-portfolio-site]) .pricing__title{max-width:16ch}:where([data-portfolio-site]).js .tiers[data-reveal]{opacity:1;transform:none}:where([data-portfolio-site]) .tiers{grid-template-columns:minmax(0,1fr);gap:12px;display:grid;position:relative}:where([data-portfolio-site]) .tier{--tier-fg:var(--cream);--tier-muted:var(--muted);--tier-line:#e1e0cc29;color:var(--tier-fg);border-radius:var(--radius-card);transition:opacity .6s var(--ease-expo), background-color .6s ease;flex-direction:column;padding:36px 0 28px;display:flex;position:relative}:where([data-portfolio-site]) .tier:before{content:"";background:var(--tier-line);transform-origin:0;height:1px;transition:transform 1.2s var(--ease-expo);transition-delay:calc(var(--t) * .12s);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}:where([data-portfolio-site]) .tiers.is-in .tier:before{transform:none}:where([data-portfolio-site]) .tier__star{width:40px;height:40px;color:var(--tier-fg);opacity:0;transition:opacity .6s ease, transform 1s var(--ease-expo);position:absolute;top:34px;right:0;transform:rotate(-30deg)scale(.8)}:where([data-portfolio-site]) .tier__head{align-items:baseline;gap:14px;display:flex}:where([data-portfolio-site]) .tier__num{font-size:var(--text-label);letter-spacing:var(--tracking-meta);color:var(--tier-muted);font-variant-numeric:tabular-nums}:where([data-portfolio-site]) .tier__name{letter-spacing:var(--tracking-label);text-transform:uppercase;font-size:14px;font-weight:400}:where([data-portfolio-site]) .tier__price{flex-direction:column;gap:6px;margin-top:36px;display:flex}:where([data-portfolio-site]) .tier__from{font-size:var(--text-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--tier-muted)}:where([data-portfolio-site]) .tier__amount{letter-spacing:-.055em;font-variant-numeric:lining-nums;margin:-.06em 0 -.1em;padding:.06em 0 .1em;font-size:clamp(56px,15vw,88px);line-height:.88;display:block;overflow:hidden}:where([data-portfolio-site]) .tier__amount em{letter-spacing:-.025em}:where([data-portfolio-site]) .tier__amount-inner{transition:transform 1.1s var(--ease-expo);transition-delay:calc(.15s + var(--t) * .12s);display:inline-block;transform:translateY(108%)}:where([data-portfolio-site]) .tiers.is-in .tier__amount-inner{transform:none}:where([data-portfolio-site]) .tier__rule{background:var(--tier-line);height:1px;margin:28px 0 20px;display:block;position:relative}:where([data-portfolio-site]) .tier__rule:after{content:"";background:var(--tier-fg);transform-origin:0;transition:transform .9s var(--ease-expo);position:absolute;inset:0;transform:scaleX(0)}:where([data-portfolio-site]) .tier__fit{max-width:30ch;font-size:var(--text-body);line-height:var(--lh-body);color:var(--tier-muted)}:where([data-portfolio-site]) .tier__list,:where([data-portfolio-site]) .tier__actions,:where([data-portfolio-site]) .tier__fit,:where([data-portfolio-site]) .tier__details{transition:opacity .9s var(--ease-expo), transform .9s var(--ease-expo)}:where([data-portfolio-site]).js .tier__list,:where([data-portfolio-site]).js .tier__fit{opacity:0;transition-delay:calc(.3s + var(--t) * .12s);transform:translateY(16px)}:where([data-portfolio-site]).js .tiers.is-in .tier__list,:where([data-portfolio-site]).js .tiers.is-in .tier__fit{opacity:1;transform:none}:where([data-portfolio-site]) .tier__list{border-top:1px solid var(--tier-line);margin-top:24px}:where([data-portfolio-site]) .tier__list li{border-bottom:1px solid var(--tier-line);transition:padding .5s var(--ease-expo), color .3s ease;justify-content:space-between;align-items:center;gap:12px;padding:11px 0;font-size:16px;display:flex;position:relative}:where([data-portfolio-site]) .tier__list li:after{content:"→";color:var(--tier-muted);opacity:0;transition:opacity .4s ease, transform .5s var(--ease-expo);font-size:14px;transform:translate(-8px)}:where([data-portfolio-site]) .tier__details{visibility:hidden;transition:grid-template-rows .7s var(--ease-expo), visibility 0s linear .7s;grid-template-rows:0fr;display:grid}:where([data-portfolio-site]) .tier__details.is-open{visibility:visible;transition:grid-template-rows .7s var(--ease-expo), visibility 0s;grid-template-rows:1fr}:where([data-portfolio-site]) .tier__details-inner{min-height:0;overflow:hidden}:where([data-portfolio-site]) .tier__details-inner>div{border-bottom:1px solid var(--tier-line);grid-template-columns:112px minmax(0,1fr);gap:12px;padding:11px 0;display:grid}:where([data-portfolio-site]) .tier__details-inner>div:first-child{border-top:1px solid var(--tier-line);margin-top:20px}:where([data-portfolio-site]) .tier__details-inner dt{font-size:var(--text-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--tier-muted);padding-top:3px}:where([data-portfolio-site]) .tier__details-inner dd{font-size:var(--text-body)}:where([data-portfolio-site]) .tier__actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:auto;padding-top:28px;display:flex}:where([data-portfolio-site]) .tier__toggle{min-height:44px;font-size:var(--text-body);color:var(--tier-fg);opacity:.8;align-items:center;gap:10px;transition:opacity .3s;display:inline-flex}:where([data-portfolio-site]) .tier__toggle-icon{width:11px;height:11px;position:relative}:where([data-portfolio-site]) .tier__toggle-icon:before,:where([data-portfolio-site]) .tier__toggle-icon:after{content:"";height:1.5px;transition:transform .5s var(--ease-expo);background:currentColor;border-radius:2px;position:absolute;top:5px;left:0;right:0}:where([data-portfolio-site]) .tier__toggle-icon:after{transform:rotate(90deg)}:where([data-portfolio-site]) .tier__toggle[aria-expanded=true] .tier__toggle-icon:after{transform:rotate(0)}:where([data-portfolio-site]) .tier--signature{--tier-fg:#0c0c0b;--tier-muted:#0c0c0b8f;--tier-line:#0c0c0b24;background:var(--ink);padding:32px 22px 24px}:where([data-portfolio-site]) .tier--signature:before{display:none}:where([data-portfolio-site]) .tier--signature .tier__star{opacity:1;top:30px;right:22px;transform:none}:where([data-portfolio-site]) .tier--signature .tier__amount{font-size:clamp(64px,18vw,104px)}:where([data-portfolio-site]) .pill--dark{color:var(--cream);background:#0c0c0b}:where([data-portfolio-site]) .pill--dark .pill__icon{background:var(--cream)}:where([data-portfolio-site]) .pill--dark .pill__icon svg{stroke:#0c0c0b}:where([data-portfolio-site]) .pricing__fine{color:var(--muted);margin-top:32px;font-size:14px}:where([data-portfolio-site]) .row-cta{border-top:1px solid var(--line);color:var(--cream);gap:28px;margin-top:80px;padding-top:36px;display:grid}:where([data-portfolio-site]) .row-cta__text{max-width:14ch;font-size:var(--text-h2);line-height:var(--lh-heading);letter-spacing:var(--tracking-h2)}:where([data-portfolio-site]) .row-cta__text em{font-family:var(--serif);letter-spacing:-.02em;font-style:italic}:where([data-portfolio-site]) .row-cta__action{align-items:center;gap:18px;width:fit-content;display:inline-flex}:where([data-portfolio-site]) .row-cta__label{font-size:16px;position:relative}:where([data-portfolio-site]) .row-cta__label:after{content:"";transform-origin:0;height:1px;transition:transform .7s var(--ease-expo);background:currentColor;position:absolute;bottom:-3px;left:0;right:0;transform:scaleX(.3)}:where([data-portfolio-site]) .row-cta__icon{background:var(--ink);width:64px;height:64px;transition:transform .6s var(--ease-expo), background-color .3s ease;border-radius:50%;place-items:center;display:grid;position:relative;overflow:hidden}:where([data-portfolio-site]) .row-cta__icon svg{fill:none;stroke:#0c0c0b;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px;transition:transform .6s var(--ease-expo);grid-area:1/1}:where([data-portfolio-site]) .row-cta__icon svg+svg{transform:translate(-320%)}:where([data-portfolio-site]) .tier:focus-within .tier__rule:after{transform:none}@media (hover:hover){:where([data-portfolio-site]) .tier__list li:hover{padding-left:6px}:where([data-portfolio-site]) .tier__list li:hover:after{opacity:1;transform:none}:where([data-portfolio-site]) .tier__toggle:hover{opacity:1}:where([data-portfolio-site]) .tier:hover .tier__rule:after{transform:none}:where([data-portfolio-site]) .tier:hover .tier__star{opacity:.5;transform:rotate(60deg)}:where([data-portfolio-site]) .tier--signature:hover .tier__star{opacity:1;transform:rotate(120deg)}:where([data-portfolio-site]) .tier--signature:hover{background:var(--cream)}:where([data-portfolio-site]) .tier__amount-inner{transition-property:transform,letter-spacing}:where([data-portfolio-site]) .tiers.is-in .tier:hover .tier__amount-inner{letter-spacing:-.03em;transition-delay:0s}:where([data-portfolio-site]) .pill--dark:hover{background:#26251f}:where([data-portfolio-site]) .row-cta:hover .row-cta__icon{background:var(--cream);transform:scale(1.08)}:where([data-portfolio-site]) .row-cta:hover .row-cta__icon svg:first-child{transform:translate(320%)}:where([data-portfolio-site]) .row-cta:hover .row-cta__icon svg+svg{transform:none}:where([data-portfolio-site]) .row-cta:hover .row-cta__label:after{transform:scaleX(1)}}@media (width>=640px){:where([data-portfolio-site]) .tiers{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 32px}:where([data-portfolio-site]) .tier--signature{order:-1;grid-column:1/-1;padding:40px 36px 32px}:where([data-portfolio-site]) .tier--signature .tier__star{top:38px;right:36px}:where([data-portfolio-site]) .tier__amount{font-size:clamp(56px,8vw,80px)}:where([data-portfolio-site]) .tier--signature .tier__amount{font-size:clamp(72px,12vw,120px)}:where([data-portfolio-site]) .row-cta{margin-top:112px}}@media (width>=768px){:where([data-portfolio-site]) .row-cta{grid-template-columns:minmax(0,1fr) auto;align-items:end}:where([data-portfolio-site]) .row-cta__icon{width:88px;height:88px}}@media (width>=1024px){:where([data-portfolio-site]) .tiers{grid-template-columns:minmax(0,1fr) minmax(0,1.28fr) minmax(0,1fr);column-gap:0;padding-block:28px}:where([data-portfolio-site]) .tier{padding:44px 36px 36px}:where([data-portfolio-site]) .tier--signature{order:0;grid-column:auto;margin-block:-28px;padding:72px 48px 48px}:where([data-portfolio-site]) .tier .tier__star{top:42px;right:36px}:where([data-portfolio-site]) .tier--signature .tier__star{width:48px;height:48px;top:70px;right:48px}:where([data-portfolio-site]) .tier__fit{min-height:2.8em}:where([data-portfolio-site]) .tier__amount{font-size:clamp(56px,5.4vw,96px)}:where([data-portfolio-site]) .tier--signature .tier__amount{font-size:clamp(72px,7.2vw,128px)}:where([data-portfolio-site]) .pricing__fine{margin-top:56px}}@media (hover:hover) and (width>=1024px){:where([data-portfolio-site]) .tiers:hover .tier:not(:hover){opacity:.4}:where([data-portfolio-site]) .tier--starter:hover,:where([data-portfolio-site]) .tier--custom:hover{background:#e1e0cc09}}:where([data-portfolio-site]) .cta{padding:var(--frame);background:#000}:where([data-portfolio-site]) .cta__frame{min-height:calc(100vh - var(--frame) * 2);min-height:calc(100svh - var(--frame) * 2);border-radius:var(--radius-frame);flex-direction:column;justify-content:space-between;gap:48px;padding:24px 20px;display:flex;position:relative;overflow:hidden}:where([data-portfolio-site]) .cta__top,:where([data-portfolio-site]) .cta__title,:where([data-portfolio-site]) .cta__bottom{z-index:2;position:relative}:where([data-portfolio-site]) .cta__top{justify-content:space-between;align-items:center;gap:16px;display:flex}:where([data-portfolio-site]) .cta__reply{color:#e1e0cc99;font-size:12px}:where([data-portfolio-site]) .cta__title{letter-spacing:-.065em;max-width:11ch;color:var(--cream);font-size:clamp(60px,15vw,240px);font-weight:400;line-height:.86}:where([data-portfolio-site]) .cta__title .w--em{letter-spacing:-.03em;padding-right:.04em}:where([data-portfolio-site]) .cta__bottom{flex-direction:column;gap:28px;display:flex}:where([data-portfolio-site]) .cta__email{flex-wrap:wrap;align-items:center;gap:14px;display:flex}:where([data-portfolio-site]) .cta__email-link{letter-spacing:-.03em;color:var(--cream);background:linear-gradient(#e1e0cc40,#e1e0cc40) 0 100%/100% 1px no-repeat;font-size:clamp(22px,3.4vw,48px);line-height:1.1;position:relative}:where([data-portfolio-site]) .cta__email-link:after{content:"";background:var(--cream);transform-origin:100%;height:1px;transition:transform .7s var(--ease-expo);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}:where([data-portfolio-site]) .cta__copy{min-height:36px;color:var(--cream);border:1px solid #e1e0cc40;border-radius:999px;padding:7px 16px;font-size:12px;line-height:1;transition:background-color .3s,border-color .3s}@media (hover:hover){:where([data-portfolio-site]) .cta__email-link:hover:after{transform-origin:0;transform:scaleX(1)}:where([data-portfolio-site]) .cta__copy:hover{background:#e1e0cc1a;border-color:#e1e0cc80}}@media (width>=768px){:where([data-portfolio-site]) .cta__frame{padding:32px}:where([data-portfolio-site]) .cta__bottom{flex-direction:row;justify-content:space-between;align-items:flex-end}:where([data-portfolio-site]) .cta__title{font-size:clamp(80px,12.5vw,240px)}}@media (width>=1024px){:where([data-portfolio-site]) .cta__frame{padding:40px}}:where([data-portfolio-site]) .footer{background:#000;padding:80px 0 32px;position:relative;overflow:hidden}:where([data-portfolio-site]) .footer__lead{border-bottom:1px solid var(--line);flex-direction:column;gap:28px;padding-bottom:48px;display:flex}:where([data-portfolio-site]) .footer__statement{letter-spacing:-.025em;max-width:34rem;color:var(--cream);font-size:clamp(26px,3vw,40px);line-height:1}:where([data-portfolio-site]) .footer__statement em{color:var(--muted)}:where([data-portfolio-site]) .footer__top{color:#e1e0ccb3;align-items:center;gap:8px;width:fit-content;font-size:16px;transition:color .3s;display:inline-flex}:where([data-portfolio-site]) .footer__top svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px;transition:transform .5s var(--ease-expo)}@media (hover:hover){:where([data-portfolio-site]) .footer__top:hover{color:var(--cream)}:where([data-portfolio-site]) .footer__top:hover svg{transform:translateY(-3px)}}:where([data-portfolio-site]) .footer__nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 24px;padding-block:48px;display:grid}:where([data-portfolio-site]) .footer__col{flex-direction:column;gap:12px;display:flex}:where([data-portfolio-site]) .footer__col ul{flex-direction:column;align-items:flex-start;gap:10px;display:flex}:where([data-portfolio-site]) .footer__col .link,:where([data-portfolio-site]) .footer__col p{font-size:16px}:where([data-portfolio-site]) .footer__col p{color:#e1e0ccb3;line-height:1.65}:where([data-portfolio-site]) .footer__col--wide{grid-column:span 2}:where([data-portfolio-site]) .footer__heading{font-size:var(--text-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--muted);font-weight:400}:where([data-portfolio-site]) .footer__clock{color:var(--muted)!important;font-size:12px!important}:where([data-portfolio-site]) .footer__clock time{color:var(--cream);font-variant-numeric:tabular-nums;margin-left:6px}:where([data-portfolio-site]) .footer__mark{border-top:1px solid var(--line);letter-spacing:-.06em;color:#e1e0cc1a;-webkit-user-select:none;user-select:none;align-items:flex-start;padding-top:32px;font-size:22vw;line-height:.8;display:flex;overflow:hidden}:where([data-portfolio-site]) .footer__mark span{transition:color .6s ease, transform 1.1s var(--ease-expo);display:inline-block}:where([data-portfolio-site]) .footer__mark sup{margin:.12em 0 0 .12em;font-size:.31em;line-height:1}:where([data-portfolio-site]).js .footer__mark span{transform:translateY(40%)}:where([data-portfolio-site]).js .footer__mark.is-in span{transform:none}:where([data-portfolio-site]) .footer__mark span:nth-child(2){transition-delay:0s,60ms}:where([data-portfolio-site]) .footer__mark span:nth-child(3){transition-delay:0s,.12s}:where([data-portfolio-site]) .footer__mark span:nth-child(4){transition-delay:0s,.18s}@media (hover:hover){:where([data-portfolio-site]) .footer__mark span:hover{color:#e1e0cc52;transition-delay:0s;transform:translateY(-4%)}}:where([data-portfolio-site]) .footer__base{color:var(--muted);flex-direction:column;gap:16px;padding-top:24px;font-size:12px;display:flex}:where([data-portfolio-site]) .footer__legal{gap:20px;display:flex}:where([data-portfolio-site]) .footer__legal .link{color:var(--muted);font-size:12px}@media (width>=640px){:where([data-portfolio-site]) .footer{padding-top:112px}:where([data-portfolio-site]) .footer__nav{grid-template-columns:repeat(4,minmax(0,1fr))}:where([data-portfolio-site]) .footer__base{flex-direction:row;justify-content:space-between;align-items:center}}@media (width>=768px){:where([data-portfolio-site]) .footer{padding-top:128px}:where([data-portfolio-site]) .footer__lead{flex-direction:row;justify-content:space-between;align-items:flex-end}}:where([data-portfolio-site]) .is-offscreen,:where([data-portfolio-site]) .is-offscreen *{animation-play-state:paused!important}:where([data-portfolio-site]) main>section:not(.hero):not(.cta):not(.cs-hero):not(.cs-next):not([data-hscroll]){padding-block:var(--section-pad)}:where([data-portfolio-site]) .hero .page-title{font-size:var(--text-h1);line-height:var(--lh-display);letter-spacing:var(--tracking-display);display:block}:where([data-portfolio-site]) .page-title .w--em{letter-spacing:-.025em}:where([data-portfolio-site]) .btn-outline{min-height:52px;font:inherit;font-size:var(--text-body);color:var(--cream);cursor:pointer;background:0 0;border:1px solid #e1e0cc4d;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 22px;line-height:1;transition:background-color .4s,color .4s,border-color .4s;display:inline-flex}:where([data-portfolio-site]) .btn-outline svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px;transition:transform .5s var(--ease-expo)}@media (hover:hover){:where([data-portfolio-site]) .btn-outline:hover{background:var(--cream);color:var(--black);border-color:var(--cream)}:where([data-portfolio-site]) .btn-outline:hover svg{transform:translate(-3px)}}:where([data-portfolio-site]) .curtain{z-index:95;pointer-events:none;visibility:hidden;background:#000;place-items:center;display:grid;position:fixed;inset:0;transform:translateY(100%)}:where([data-portfolio-site]) .curtain__label{letter-spacing:-.07em;color:var(--cream);padding:.04em .08em .1em;font-size:clamp(56px,13vw,220px);line-height:.85;display:block;overflow:hidden}:where([data-portfolio-site]) .curtain__label>span{display:inline-block;transform:translateY(110%)}html[data-portfolio-site].is-leaving .curtain{visibility:visible;pointer-events:auto;transition:transform .55s var(--ease-expo);border-radius:0;transform:none}html[data-portfolio-site].is-leaving .curtain__label>span{transition:transform .7s var(--ease-expo) .12s;transform:none}html[data-portfolio-site].is-arriving .curtain{visibility:visible;animation:portfolio-curtain-failsafe .8s var(--ease-expo) 2.5s forwards;transform:none}html[data-portfolio-site].is-arriving .curtain__label>span{transform:none}html[data-portfolio-site].is-lifting .curtain{visibility:visible;transition:transform .9s var(--ease-expo) .1s;transform:translateY(-100%)}html[data-portfolio-site].is-lifting .curtain__label>span{transition:transform .6s var(--ease-expo);transform:translateY(-110%)}@keyframes portfolio-curtain-failsafe{to{visibility:hidden;transform:translateY(-100%)}}@media (prefers-reduced-motion:reduce){html[data-portfolio-site]{scroll-behavior:auto}:where([data-portfolio-site]) *,:where([data-portfolio-site]) :before,:where([data-portfolio-site]) :after{transition-duration:.001ms!important;transition-delay:0s!important;animation-duration:.001ms!important;animation-iteration-count:1!important}:where([data-portfolio-site]).js [data-reveal],:where([data-portfolio-site]).js [data-split] .w,:where([data-portfolio-site]).js [data-scale-in],:where([data-portfolio-site]).js .hero__word .char,:where([data-portfolio-site]).js .hero__star,:where([data-portfolio-site]).js .footer__mark span,:where([data-portfolio-site]) .menu__list a{opacity:1!important;transform:none!important}:where([data-portfolio-site]) .ch,:where([data-portfolio-site]) .discipline{opacity:1}:where([data-portfolio-site]) .hero__frame,:where([data-portfolio-site]) .hero__content{transform:none!important}:where([data-portfolio-site]) .hero__content{opacity:1!important}:where([data-portfolio-site]).js [data-img-reveal]{opacity:1!important;scale:1!important}:where([data-portfolio-site]).js [data-img-reveal] img,:where([data-portfolio-site]) [data-parallax]{transform:none!important}:where([data-portfolio-site]) .menu{transition:none}:where([data-portfolio-site]) .tier:before,:where([data-portfolio-site]) .tier__amount-inner,:where([data-portfolio-site]).js .tier__list,:where([data-portfolio-site]).js .tier__fit{opacity:1!important;transform:none!important}}@media (width>=640px){:where([data-portfolio-site]) .nav__brand:focus-visible{opacity:1;max-width:80px;margin-right:28px}}@media (width<=1023px){:where([data-portfolio-site]) .nav__toggle,:where([data-portfolio-site]) .cta__reply,:where([data-portfolio-site]) .cta__copy,:where([data-portfolio-site]) .footer__base,:where([data-portfolio-site]) .footer__legal .link{font-size:14px}:where([data-portfolio-site]) .footer__clock{font-size:14px!important}}@media (width<=767px){:where([data-portfolio-site]) .nav__link{font-size:14px}}@media (width<=639px){:where([data-portfolio-site]) .intro__body,:where([data-portfolio-site]) .svc__list li,:where([data-portfolio-site]) .svc__link{font-size:14px}}:where([data-portfolio-site]) .ab-hero{height:92svh;min-height:620px}:where([data-portfolio-site]) .ab-label{align-items:baseline;gap:12px;display:flex}:where([data-portfolio-site]) .ab-label__num{font-family:var(--serif);color:var(--muted);font-size:22px;font-style:italic}:where([data-portfolio-site]) .ab-label .eyebrow{font-weight:400}:where([data-portfolio-site]) .ab-who{background:#000;scroll-margin-top:72px}:where([data-portfolio-site]) .ab-who__grid{gap:32px;display:grid}:where([data-portfolio-site]) .ab-who__body{flex-direction:column;gap:28px;display:flex}:where([data-portfolio-site]) .ab-who__lead{max-width:20ch;font-size:var(--text-statement);letter-spacing:var(--tracking-h2);color:var(--cream);line-height:1}:where([data-portfolio-site]) .ab-who__text{max-width:34rem;font-size:var(--text-body-lg);line-height:var(--lh-body);color:#dedbc8b8}:where([data-portfolio-site]) .ab-who__visual{gap:12px;margin-top:24px;display:grid;position:relative}:where([data-portfolio-site]) .ab-who__visual figure{border-radius:var(--radius-card);background:#0b0b0b;position:relative;overflow:hidden}:where([data-portfolio-site]) .ab-who__a{aspect-ratio:4/5;width:70%}:where([data-portfolio-site]) .ab-who__b{aspect-ratio:16/10;z-index:2;justify-self:end;width:88%;margin-top:-26%;box-shadow:0 40px 80px -30px #000000e6}:where([data-portfolio-site]) .ab-who__inner{position:absolute;inset:-6% 0}:where([data-portfolio-site]) .ab-who__visual img{object-fit:cover;width:100%;height:100%}:where([data-portfolio-site]) .ab-who__caption{font-size:var(--text-small);color:var(--muted);justify-self:end}@media (width>=1024px){:where([data-portfolio-site]) .ab-who__grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:64px 24px}:where([data-portfolio-site]) .ab-who__grid>.ab-label{grid-column:1/4;padding-top:.6em}:where([data-portfolio-site]) .ab-who__body{grid-column:4/-1}:where([data-portfolio-site]) .ab-who__visual{grid-column:1/-1;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;margin-top:32px}:where([data-portfolio-site]) .ab-who__a{grid-area:1/2/auto/6;width:auto}:where([data-portfolio-site]) .ab-who__b{grid-area:1/6/auto/-1;place-self:start stretch;width:auto;margin-top:28%}:where([data-portfolio-site]) .ab-who__caption{grid-area:2/6/auto/-1;justify-self:start}}:where([data-portfolio-site]) .ab-philosophy{background:#000}:where([data-portfolio-site]) .ab-philosophy .container{gap:32px;display:grid}:where([data-portfolio-site]) .ab-philosophy__text{max-width:24ch;font-size:var(--text-statement);letter-spacing:var(--tracking-h2);color:var(--cream);line-height:1.04}@media (width>=1024px){:where([data-portfolio-site]) .ab-philosophy .container{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px}:where([data-portfolio-site]) .ab-philosophy .ab-label{grid-column:1/4;padding-top:.8em}:where([data-portfolio-site]) .ab-philosophy__text{grid-column:4/-1}}:where([data-portfolio-site]) .ab-principles{background:#000;padding-inline:16px}:where([data-portfolio-site]) .ab-panel .studio__intro{gap:22px}:where([data-portfolio-site]) .ab-panel .discipline__num{font-family:var(--sans);letter-spacing:.1em;font-variant-numeric:tabular-nums;font-size:13px;font-style:normal}:where([data-portfolio-site]) .ab-panel .discipline__name{font-size:clamp(32px,8vw,84px)}@media (width>=640px){:where([data-portfolio-site]) .ab-principles{padding-inline:24px}:where([data-portfolio-site]) .ab-panel .discipline__name{font-size:clamp(40px,6vw,84px)}}@media (width>=1024px){:where([data-portfolio-site]) .ab-panel .discipline__name{font-size:clamp(44px,4.6vw,92px)}}:where([data-portfolio-site]) .ab-think{background:#000;position:relative}:where([data-portfolio-site]) .ab-think__sticky{padding:var(--section-pad) var(--gutter)}:where([data-portfolio-site]) .ab-think__track{flex-direction:column;gap:40px;display:flex}:where([data-portfolio-site]) .ab-think__intro{flex-direction:column;gap:24px;display:flex}:where([data-portfolio-site]) .ab-think__title{max-width:14ch;font-weight:400;font-size:var(--text-h2);line-height:var(--lh-heading);letter-spacing:var(--tracking-h2);color:var(--cream)}:where([data-portfolio-site]) .ab-think__title .w--em{letter-spacing:-.02em}:where([data-portfolio-site]) .ab-think__hint{font-size:var(--text-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--muted);display:none}:where([data-portfolio-site]) .ab-think__hint span{animation:portfolio-ab-nudge 1.6s var(--ease-expo) infinite;display:inline-block}@keyframes portfolio-ab-nudge{0%,to{transform:none}50%{transform:translate(8px)}}:where([data-portfolio-site]) .ab-steps{border-top:1px solid var(--line);display:grid}:where([data-portfolio-site]) .ab-step{border-bottom:1px solid var(--line);grid-template-columns:64px minmax(0,1fr);gap:8px 12px;padding:28px 0;display:grid}:where([data-portfolio-site]) .ab-step__num{font-family:var(--serif);color:var(--muted);grid-row:1/span 3;font-size:44px;font-style:italic;line-height:.9;transition:color .4s}:where([data-portfolio-site]) .ab-step__name{font-size:var(--text-h3);letter-spacing:var(--tracking-h3);color:var(--cream);font-weight:400;line-height:.95}:where([data-portfolio-site]) .ab-step__q{font-family:var(--serif);color:var(--cream);font-size:22px;font-style:italic;line-height:1.15}:where([data-portfolio-site]) .ab-step__a{max-width:30ch;font-size:var(--text-body);line-height:var(--lh-body);color:#dedbc8ad}@media (hover:hover){:where([data-portfolio-site]) .ab-step:hover .ab-step__num{color:var(--cream)}}:where([data-portfolio-site]) .ab-think__end{flex-direction:column;gap:28px;display:flex}:where([data-portfolio-site]) .ab-think__end-text{max-width:16ch;font-size:var(--text-h3);letter-spacing:var(--tracking-h3);color:var(--cream);line-height:1}:where([data-portfolio-site]) .ab-think__links{flex-wrap:wrap;align-items:center;gap:14px;display:flex}:where([data-portfolio-site]) .ab-think.is-pinned .ab-think__sticky{align-items:center;height:100svh;padding:0;display:flex;position:sticky;top:0;overflow:clip}:where([data-portfolio-site]) .ab-think.is-pinned .ab-think__track{width:max-content;padding-left:max(var(--gutter), calc((100vw - var(--container)) / 2 + var(--gutter)));will-change:transform;flex-direction:row;align-items:stretch;gap:0}:where([data-portfolio-site]) .ab-think.is-pinned .ab-think__intro{justify-content:center;width:min(44vw,720px);padding-right:6vw}:where([data-portfolio-site]) .ab-think.is-pinned .ab-think__hint{display:block}:where([data-portfolio-site]) .ab-think.is-pinned .ab-steps{border-top:0;display:flex}:where([data-portfolio-site]) .ab-think.is-pinned .ab-step{border-bottom:0;border-left:1px solid var(--line);grid-template-rows:1fr auto auto auto;grid-template-columns:1fr;row-gap:14px;width:clamp(300px,26vw,460px);height:min(68vh,640px);padding:0 40px 8px}:where([data-portfolio-site]) .ab-think.is-pinned .ab-step__num{grid-row:auto;align-self:start;font-size:clamp(88px,8vw,150px)}:where([data-portfolio-site]) .ab-think.is-pinned .ab-step__a{min-height:4.4em}:where([data-portfolio-site]) .ab-think.is-pinned .ab-think__end{border-left:1px solid var(--line);justify-content:center;width:min(40vw,640px);padding:0 6vw 0 64px}:where([data-portfolio-site]) .ab-code{background:#000}:where([data-portfolio-site]) .ab-code__grid{grid-template-columns:minmax(0,1fr);gap:40px;display:grid}:where([data-portfolio-site]) .ab-code__intro{flex-direction:column;gap:24px;display:flex}:where([data-portfolio-site]) .ab-code__title{font-weight:400;font-size:var(--text-display);line-height:var(--lh-display);letter-spacing:var(--tracking-display);color:var(--cream)}:where([data-portfolio-site]) .ab-code__title .w--em{letter-spacing:-.02em}:where([data-portfolio-site]) .ab-code__text{max-width:30rem;font-size:var(--text-body-lg);line-height:var(--lh-body);color:#dedbc8b8}:where([data-portfolio-site]) .ab-code__demo{grid-template-columns:minmax(0,1fr);gap:4px;min-width:0;display:grid}:where([data-portfolio-site]) .ab-code__stage,:where([data-portfolio-site]) .ab-code__source{border-radius:var(--radius-card);background:var(--panel);position:relative}:where([data-portfolio-site]) .ab-code__stage{flex-direction:column;justify-content:space-between;align-items:flex-start;gap:48px;min-height:220px;padding:24px;display:flex}:where([data-portfolio-site]) .ab-code__stage .pill{transform-origin:0;transform:scale(1.25)}:where([data-portfolio-site]) .ab-code__cap{font-size:var(--text-small);color:var(--muted)}:where([data-portfolio-site]) .ab-code__source{flex-direction:column;gap:14px;padding:24px;display:flex}:where([data-portfolio-site]) .ab-code__pre{color:#e1e0ccd1;tab-size:2;margin:0;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:14px;line-height:1.7;overflow-x:auto}:where([data-portfolio-site]) .ab-code__pre:focus-visible{outline-offset:4px}:where([data-portfolio-site]) .t-c{color:var(--muted)}:where([data-portfolio-site]) .t-s{color:var(--cream)}:where([data-portfolio-site]) .t-p{color:var(--accent)}:where([data-portfolio-site]) .t-v{color:#dedbc899}:where([data-portfolio-site]) .ab-code__hover{border-radius:6px;width:100%;margin:2px -8px;padding:2px 8px;transition:background-color .4s,box-shadow .4s;display:inline-block}:where([data-portfolio-site]) .ab-code__demo.is-hover .ab-code__hover{box-shadow:inset 2px 0 0 var(--accent);background:#c4a27829}@media (width>=1024px){:where([data-portfolio-site]) .ab-code__grid{grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;column-gap:24px}:where([data-portfolio-site]) .ab-code__intro{grid-column:1/6}:where([data-portfolio-site]) .ab-code__demo{grid-column:7/-1}:where([data-portfolio-site]) .ab-code__stage{min-height:260px;padding:32px}:where([data-portfolio-site]) .ab-code__source{padding:32px}:where([data-portfolio-site]) .ab-code__pre{font-size:15px}}:where([data-portfolio-site]) .ab-people{background:#000}:where([data-portfolio-site]) .ab-people .container{flex-direction:column;gap:28px;display:flex}:where([data-portfolio-site]) .ab-people__title{max-width:14ch;font-weight:400;font-size:var(--text-h2);line-height:var(--lh-heading);letter-spacing:var(--tracking-h2);color:var(--cream)}:where([data-portfolio-site]) .ab-people__title .w--em{letter-spacing:-.02em}:where([data-portfolio-site]) .ab-people__fallback{flex-direction:column;gap:8px;display:flex}:where([data-portfolio-site]) .ab-people__fallback[hidden],:where([data-portfolio-site]) .ab-team[hidden]{display:none}:where([data-portfolio-site]) .ab-people__text{max-width:34rem;font-size:var(--text-body-lg);line-height:var(--lh-body);color:#dedbc8bf}:where([data-portfolio-site]) .ab-people__fallback .row-cta{margin-top:40px}:where([data-portfolio-site]) .ab-team{border-top:1px solid var(--line);margin-top:24px;display:grid}:where([data-portfolio-site]) .ab-member{border-bottom:1px solid var(--line);grid-template-columns:44px minmax(0,1fr);gap:6px 12px;padding:28px 0;display:grid}:where([data-portfolio-site]) .ab-member__num{color:var(--muted);font-variant-numeric:tabular-nums;grid-row:1/span 3;padding-top:.6em;font-size:14px}:where([data-portfolio-site]) .ab-member__name{letter-spacing:-.05em;color:var(--cream);transition:transform .8s var(--ease-expo), opacity .5s ease;font-size:clamp(36px,5.6vw,96px);font-weight:400;line-height:.95}:where([data-portfolio-site]) .ab-member__role{font-family:var(--serif);color:var(--cream);font-size:22px;font-style:italic}:where([data-portfolio-site]) .ab-member__bio{color:#dedbc8b3;max-width:40rem;font-size:16px;line-height:1.5}:where([data-portfolio-site]) .ab-member__photo{aspect-ratio:4/5;border-radius:var(--radius-card);grid-column:2;width:min(220px,60%);margin-top:12px;overflow:hidden}:where([data-portfolio-site]) .ab-member__photo img{object-fit:cover;width:100%;height:100%}@media (hover:hover){:where([data-portfolio-site]) .ab-team:hover .ab-member:not(:hover) .ab-member__name{opacity:.35}:where([data-portfolio-site]) .ab-member:hover .ab-member__name{transform:translate(14px)}}@media (width>=1024px){:where([data-portfolio-site]) .ab-member{grid-template-columns:88px minmax(0,6fr) minmax(0,5fr);align-items:baseline;column-gap:24px}:where([data-portfolio-site]) .ab-member__num{grid-row:1/span 2}:where([data-portfolio-site]) .ab-member__role{grid-area:1/3}:where([data-portfolio-site]) .ab-member__bio{grid-area:2/3}:where([data-portfolio-site]) .ab-member__name{grid-area:1/2/span 2}}@media (width>=1024px) and (hover:hover) and (pointer:fine){:where([data-portfolio-site]) .ab-member__photo{display:none}}@media (width>=1024px) and (hover:none),(width>=1024px) and (pointer:coarse){:where([data-portfolio-site]) .ab-member__photo{grid-area:3/3;width:180px}}:where([data-portfolio-site]) .ab-work{background:#000}:where([data-portfolio-site]) .ab-work__list{margin-bottom:96px}@media (width>=1024px){:where([data-portfolio-site]) .ab-work__list{margin-bottom:144px}}:where([data-portfolio-site]) .ab-believe{background:#000}:where([data-portfolio-site]) .ab-believe .container{gap:28px;display:grid}:where([data-portfolio-site]) .ab-beliefs{border-top:1px solid var(--line)}:where([data-portfolio-site]) .ab-belief{--a:1;border-bottom:1px solid var(--line);letter-spacing:-.05em;color:var(--cream);opacity:calc(.16 + var(--a) * .84);transition:transform .8s var(--ease-expo);padding:26px 0 30px;font-size:clamp(36px,7vw,132px);line-height:.95}@media (hover:hover){:where([data-portfolio-site]) .ab-belief:hover{opacity:1;transform:translate(14px)}}@media (width>=1024px){:where([data-portfolio-site]) .ab-believe .container{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px}:where([data-portfolio-site]) .ab-believe .ab-label{grid-column:1/4;padding-top:.8em}:where([data-portfolio-site]) .ab-beliefs{grid-column:4/-1}}:where([data-portfolio-site]) .ab-preview{z-index:55;pointer-events:none;will-change:transform;width:0;height:0;display:none;position:fixed;top:0;left:0}:where([data-portfolio-site]) .ab-preview__inner{aspect-ratio:4/5;opacity:0;width:240px;transition:opacity .35s ease, transform .6s var(--ease-expo);background:#0b0b0b;border-radius:14px;position:absolute;top:-160px;left:28px;overflow:hidden;transform:scale(.85)rotate(-3deg);box-shadow:0 30px 70px -20px #000000d9}:where([data-portfolio-site]) .ab-preview__inner img{object-fit:cover;width:100%;height:100%}:where([data-portfolio-site]) .ab-preview.is-on .ab-preview__inner{opacity:1;transform:none}@media (width>=1024px) and (hover:hover) and (pointer:fine){:where([data-portfolio-site]) .ab-preview{display:block}}@media (prefers-reduced-motion:reduce){:where([data-portfolio-site]) .ab-think__hint span{animation:none}:where([data-portfolio-site]) .ab-belief{opacity:1}}:where([data-portfolio-site]) .sv-hero{height:92svh;min-height:620px}:where([data-portfolio-site]) .sv-index{border-top:1px solid #e1e0cc29;max-width:28rem}:where([data-portfolio-site]) .sv-index__row{color:var(--cream);transition:padding .5s var(--ease-expo);border-bottom:1px solid #e1e0cc29;grid-template-columns:30px minmax(0,1fr);align-items:baseline;gap:10px;padding:10px 0;font-size:16px;display:grid}:where([data-portfolio-site]) .sv-index__num{font-size:var(--text-label);letter-spacing:var(--tracking-meta);color:var(--muted);font-variant-numeric:tabular-nums}@media (hover:hover){:where([data-portfolio-site]) .sv-index__row:hover{padding-left:8px}}@media (height<=760px) and (width<=1023px){:where([data-portfolio-site]) .sv-index{display:none}}:where([data-portfolio-site]) .sv-services{background:#000;position:relative;overflow:hidden}:where([data-portfolio-site]) .svx-list{border-top:1px solid var(--line)}:where([data-portfolio-site]) .svx{border-bottom:1px solid var(--line);scroll-margin-top:96px}:where([data-portfolio-site]) .svx__heading{font-weight:400}:where([data-portfolio-site]) .svx__toggle{text-align:left;width:100%;color:var(--cream);cursor:pointer;grid-template-columns:44px minmax(0,1fr) 40px;align-items:center;gap:8px 12px;padding:28px 0;display:grid;position:relative}:where([data-portfolio-site]) .svx__toggle:focus-visible{outline-offset:6px}:where([data-portfolio-site]) .svx__num{font-family:var(--serif);color:var(--muted);align-self:start;padding-top:.5em;font-size:20px;font-style:italic;transition:color .4s}:where([data-portfolio-site]) .svx__name{letter-spacing:-.05em;transition:transform .8s var(--ease-expo), opacity .5s ease;font-size:clamp(36px,8vw,120px);line-height:.92}:where([data-portfolio-site]) .svx__lead{max-width:32ch;color:var(--muted);grid-column:2;font-size:16px;line-height:1.4;transition:opacity .5s}:where([data-portfolio-site]) .svx__icon{grid-area:1/3;justify-self:end;width:22px;height:22px;position:relative}:where([data-portfolio-site]) .svx__icon:before,:where([data-portfolio-site]) .svx__icon:after{content:"";background:var(--cream);height:1.5px;transition:transform .6s var(--ease-expo);border-radius:2px;position:absolute;top:10px;left:0;right:0}:where([data-portfolio-site]) .svx__icon:after{transform:rotate(90deg)}:where([data-portfolio-site]) .svx.is-open .svx__icon:after{transform:rotate(0)}:where([data-portfolio-site]) .svx.is-open .svx__num{color:var(--cream)}:where([data-portfolio-site]) .svx.is-open .svx__lead{opacity:0}:where([data-portfolio-site]) .svx__panel{grid-template-rows:1fr;display:grid}:where([data-portfolio-site]).js .svx__panel{visibility:hidden;transition:grid-template-rows .8s var(--ease-expo), visibility 0s linear .8s;grid-template-rows:0fr}:where([data-portfolio-site]).js .svx.is-open .svx__panel{visibility:visible;transition:grid-template-rows .8s var(--ease-expo), visibility 0s;grid-template-rows:1fr}:where([data-portfolio-site]) .svx__panel-inner{gap:32px;min-height:0;display:grid;overflow:hidden}:where([data-portfolio-site]) .svx__body{flex-direction:column;gap:28px;padding-top:4px;display:flex}:where([data-portfolio-site]) .svx__statement{max-width:26ch;font-size:var(--text-h3-sm);letter-spacing:-.025em;color:var(--cream);line-height:1.12}:where([data-portfolio-site]) .svx__caps{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr);display:grid}:where([data-portfolio-site]) .svx__caps li{border-bottom:1px solid var(--line);color:#e1e0ccd9;transition:padding .5s var(--ease-expo), color .3s ease;justify-content:space-between;align-items:center;gap:12px;padding:11px 0;font-size:16px;display:flex}:where([data-portfolio-site]) .svx__caps li:after{content:"→";color:var(--muted);opacity:0;transition:opacity .4s ease, transform .5s var(--ease-expo);font-size:14px;transform:translate(-8px)}:where([data-portfolio-site]) .svx__more{width:fit-content;color:var(--cream);align-items:center;gap:14px;font-size:16px;display:inline-flex}:where([data-portfolio-site]) .svx__more-arrow{background:var(--ink);width:44px;height:44px;transition:transform .5s var(--ease-expo);border-radius:50%;place-items:center;display:grid;position:relative;overflow:hidden}:where([data-portfolio-site]) .svx__more-arrow svg{fill:none;stroke:#0c0c0b;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px;transition:transform .55s var(--ease-expo);grid-area:1/1}:where([data-portfolio-site]) .svx__more-arrow svg+svg{transform:translate(-200%)}:where([data-portfolio-site]) .svx__fig{flex-direction:column;gap:12px;padding-bottom:36px;display:flex}:where([data-portfolio-site]) .svx__media{border-radius:var(--radius-card);aspect-ratio:4/3;background:#0b0b0b;position:relative;overflow:hidden}:where([data-portfolio-site]) .svx__media img{object-fit:cover;width:100%;height:100%}:where([data-portfolio-site]) .svx__fig figcaption{font-size:var(--text-small);color:var(--muted)}@media (hover:hover){:where([data-portfolio-site]) .svx-list:hover .svx__toggle:not(:hover) .svx__name{opacity:.35}:where([data-portfolio-site]) .svx__toggle:hover .svx__name{transform:translate(14px)}:where([data-portfolio-site]) .svx__toggle:hover .svx__num{color:var(--cream)}:where([data-portfolio-site]) .svx__caps li:hover{color:var(--cream);padding-left:6px}:where([data-portfolio-site]) .svx__caps li:hover:after{opacity:1;transform:none}:where([data-portfolio-site]) .svx__more:hover .svx__more-arrow{transform:scale(1.1)}:where([data-portfolio-site]) .svx__more:hover .svx__more-arrow svg:first-child{transform:translate(200%)}:where([data-portfolio-site]) .svx__more:hover .svx__more-arrow svg+svg{transform:none}}:where([data-portfolio-site]) .svx__toggle:focus-visible .svx__name{transform:translate(14px)}@media (width>=768px){:where([data-portfolio-site]) .svx__toggle{grid-template-columns:64px minmax(0,1fr) 48px;padding:36px 0}:where([data-portfolio-site]) .svx__num{font-size:26px}:where([data-portfolio-site]) .svx__caps{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}}@media (width>=1024px){:where([data-portfolio-site]) .svx__toggle{grid-template-columns:88px minmax(0,1fr) minmax(0,30ch) 48px;column-gap:24px;padding:40px 0}:where([data-portfolio-site]) .svx__lead{grid-area:1/3;align-self:center}:where([data-portfolio-site]) .svx__icon{grid-column:4}:where([data-portfolio-site]) .svx__panel-inner{grid-template-columns:88px minmax(0,6fr) minmax(0,5fr);column-gap:24px}:where([data-portfolio-site]) .svx__body{grid-column:2;padding-bottom:48px}:where([data-portfolio-site]) .svx__fig{grid-column:3;padding-bottom:48px}}:where([data-portfolio-site]) .sv-caps{gap:28px;margin-top:96px;display:grid}:where([data-portfolio-site]) .sv-caps__list{columns:2;border-top:1px solid var(--line);column-gap:24px;padding-top:8px}:where([data-portfolio-site]) .sv-caps__list li{break-inside:avoid;color:#e1e0ccd9;border-bottom:1px solid #ffffff0f;align-items:baseline;gap:12px;padding:10px 0;font-size:16px;display:flex}:where([data-portfolio-site]) .sv-caps__list span{font-size:var(--text-label);color:var(--muted);font-variant-numeric:tabular-nums;letter-spacing:var(--tracking-meta)}@media (width>=768px){:where([data-portfolio-site]) .sv-caps__list{columns:3}}@media (width>=1024px){:where([data-portfolio-site]) .sv-caps{grid-template-columns:88px minmax(0,1fr);column-gap:24px;margin-top:128px}:where([data-portfolio-site]) .sv-caps h3{grid-column:1/-1}:where([data-portfolio-site]) .sv-caps__list{columns:4;grid-column:2}}:where([data-portfolio-site]) .sv-process{background:#000}:where([data-portfolio-site]).js .sv-steps[data-reveal]{opacity:1;transform:none}:where([data-portfolio-site]) .sv-steps{grid-template-columns:minmax(0,1fr);display:grid}:where([data-portfolio-site]) .sv-step{grid-template-columns:72px minmax(0,1fr);gap:8px 12px;padding:28px 0 32px;display:grid;position:relative}:where([data-portfolio-site]) .sv-step:before{content:"";background:var(--line);transform-origin:0;height:1px;transition:transform 1.1s var(--ease-expo);transition-delay:calc(var(--s) * .1s);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}:where([data-portfolio-site]) .sv-step:after{content:"";background:var(--cream);transform-origin:0;height:1px;transition:transform .9s var(--ease-expo);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}:where([data-portfolio-site]) .sv-steps.is-in .sv-step:before{transform:none}:where([data-portfolio-site]) .sv-step__num{font-family:var(--serif);color:var(--muted);grid-row:1/span 2;font-size:48px;font-style:italic;line-height:.9;transition:color .4s}:where([data-portfolio-site]) .sv-step__name{font-size:var(--text-h3);letter-spacing:var(--tracking-h3);color:var(--cream);font-weight:400;line-height:.95}:where([data-portfolio-site]) .sv-step__text{max-width:28ch;font-size:var(--text-body);line-height:var(--lh-body);color:#dedbc8ad}:where([data-portfolio-site]).js .sv-step__name,:where([data-portfolio-site]).js .sv-step__text,:where([data-portfolio-site]).js .sv-step__num{opacity:0;transition:opacity .9s var(--ease-expo), transform .9s var(--ease-expo), color .4s ease;transition-delay:calc(.15s + var(--s) * .1s);transform:translateY(16px)}:where([data-portfolio-site]).js .sv-steps.is-in .sv-step__name,:where([data-portfolio-site]).js .sv-steps.is-in .sv-step__text,:where([data-portfolio-site]).js .sv-steps.is-in .sv-step__num{opacity:1;transform:none}@media (hover:hover){:where([data-portfolio-site]) .sv-step:hover:after{transform:none}:where([data-portfolio-site]) .sv-step:hover .sv-step__num{color:var(--cream)}}@media (width>=768px){:where([data-portfolio-site]) .sv-steps{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}}@media (width>=1024px){:where([data-portfolio-site]) .sv-steps{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:40px}:where([data-portfolio-site]) .sv-step{grid-template-columns:minmax(0,1fr);row-gap:14px;padding:32px 0 56px}:where([data-portfolio-site]) .sv-step__num{grid-row:auto;margin-bottom:18px;font-size:clamp(64px,6vw,112px)}}:where([data-portfolio-site]) .sv-custom{background:#000}:where([data-portfolio-site]) .sv-custom__grid{gap:40px;display:grid}:where([data-portfolio-site]) .sv-custom__title{max-width:12ch;font-size:var(--text-display);font-weight:400;line-height:var(--lh-display);letter-spacing:var(--tracking-display);color:var(--cream)}:where([data-portfolio-site]) .sv-custom__title .w--em{letter-spacing:-.025em}:where([data-portfolio-site]) .sv-custom__aside{flex-direction:column;align-self:end;gap:32px;display:flex}:where([data-portfolio-site]) .sv-custom__text{max-width:30rem;font-size:var(--text-body-lg);line-height:var(--lh-body);color:#dedbc8bf}:where([data-portfolio-site]) .sv-formula{flex-wrap:wrap;align-items:center;gap:8px;display:flex}:where([data-portfolio-site]) .sv-formula span{color:var(--cream);border:1px solid #e1e0cc40;border-radius:999px;padding:9px 16px;font-size:15px;transition:background-color .4s,color .4s}:where([data-portfolio-site]) .sv-formula i{color:var(--muted);font-size:18px;font-style:normal}@media (hover:hover){:where([data-portfolio-site]) .sv-formula span:hover{background:var(--cream);color:var(--black)}}@media (width>=1024px){:where([data-portfolio-site]) .sv-custom__grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:48px}}:where([data-portfolio-site]) .sv-action{background:#000;position:relative}:where([data-portfolio-site]) .sv-projects{border-top:1px solid var(--line);margin-bottom:72px}:where([data-portfolio-site]) .sv-project{border-bottom:1px solid var(--line)}:where([data-portfolio-site]) .sv-project__link{color:var(--cream);grid-template-columns:88px minmax(0,1fr) 44px;grid-template-areas:"thumb name arrow""thumb services services""thumb year year";align-items:center;gap:6px 16px;padding:18px 0;display:grid}:where([data-portfolio-site]) .sv-project__thumb{aspect-ratio:1;background:#0b0b0b;border-radius:10px;grid-area:thumb;align-self:start;width:100%;overflow:hidden}:where([data-portfolio-site]) .sv-project__thumb img{object-fit:cover;width:100%;height:100%}:where([data-portfolio-site]) .sv-project__num{display:none}:where([data-portfolio-site]) .sv-project__name{letter-spacing:-.05em;transition:transform .8s var(--ease-expo), opacity .5s ease;grid-area:name;font-size:clamp(32px,5vw,80px);line-height:.95}:where([data-portfolio-site]) .sv-project__services{color:var(--muted);flex-wrap:wrap;grid-area:services;gap:4px 14px;font-size:14px;display:flex}:where([data-portfolio-site]) .sv-project__year{color:var(--muted);font-variant-numeric:tabular-nums;grid-area:year;font-size:14px}:where([data-portfolio-site]) .sv-project__arrow{border:1px solid #e1e0cc4d;border-radius:50%;grid-area:arrow;justify-self:end;place-items:center;width:44px;height:44px;transition:background-color .4s,border-color .4s;display:grid;position:relative;overflow:hidden}:where([data-portfolio-site]) .sv-project__arrow svg{fill:none;width:16px;height:16px;stroke:var(--cream);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;transition:transform .55s var(--ease-expo), stroke .3s ease;grid-area:1/1}:where([data-portfolio-site]) .sv-project__arrow svg+svg{transform:translate(-200%)}@media (hover:hover){:where([data-portfolio-site]) .sv-projects:hover .sv-project__link:not(:hover) .sv-project__name{opacity:.35}:where([data-portfolio-site]) .sv-project__link:hover .sv-project__name{transform:translate(14px)}:where([data-portfolio-site]) .sv-project__link:hover .sv-project__arrow{background:var(--ink);border-color:var(--ink)}:where([data-portfolio-site]) .sv-project__link:hover .sv-project__arrow svg{stroke:#0c0c0b}:where([data-portfolio-site]) .sv-project__link:hover .sv-project__arrow svg:first-child{transform:translate(200%)}:where([data-portfolio-site]) .sv-project__link:hover .sv-project__arrow svg+svg{transform:none}}@media (width>=1024px){:where([data-portfolio-site]) .sv-project__link{grid-template-columns:88px minmax(0,5fr) minmax(0,5fr) 64px 48px;grid-template-areas:"num name services year arrow";column-gap:24px;padding:30px 0}:where([data-portfolio-site]) .sv-project__num{font-family:var(--serif);color:var(--muted);grid-area:num;font-size:26px;font-style:italic;display:block}:where([data-portfolio-site]) .sv-project__services{font-size:15px}:where([data-portfolio-site]) .sv-project__year{text-align:right}}@media (width>=1024px) and (hover:hover) and (pointer:fine){:where([data-portfolio-site]) .sv-project__thumb{display:none}}@media (width>=1024px) and (hover:none),(width>=1024px) and (pointer:coarse){:where([data-portfolio-site]) .sv-project__link{grid-template-columns:88px 120px minmax(0,5fr) minmax(0,5fr) 64px 48px;grid-template-areas:"num thumb name services year arrow"}}:where([data-portfolio-site]) .sv-why{background:#000}:where([data-portfolio-site]) .sv-principles{border-top:1px solid var(--line);margin-top:28px;display:grid}:where([data-portfolio-site]) .sv-principle{border-bottom:1px solid var(--line);grid-template-columns:44px minmax(0,1fr);gap:10px 12px;padding:32px 0;display:grid}:where([data-portfolio-site]) .sv-principle__num{font-size:var(--text-label);letter-spacing:var(--tracking-meta);color:var(--muted);font-variant-numeric:tabular-nums;padding-top:.6em}:where([data-portfolio-site]) .sv-principle__title{font-size:var(--text-h3);letter-spacing:var(--tracking-h3);color:var(--cream);font-weight:400;line-height:.95}:where([data-portfolio-site]) .sv-principle__text{font-size:var(--text-body-lg);color:#dedbc8b3;line-height:var(--lh-body);grid-column:2}@media (width>=768px){:where([data-portfolio-site]) .sv-principles{grid-template-columns:repeat(2,minmax(0,1fr))}:where([data-portfolio-site]) .sv-principle{grid-template-columns:minmax(0,1fr);padding:40px 40px 56px 0}:where([data-portfolio-site]) .sv-principle:nth-child(2n){border-left:1px solid var(--line);padding-left:40px;padding-right:0}:where([data-portfolio-site]) .sv-principle__text{grid-column:1}:where([data-portfolio-site]) .sv-principle__num{margin-bottom:16px;padding-top:0}}:where([data-portfolio-site]) .sv-preview{z-index:55;pointer-events:none;will-change:transform;width:0;height:0;display:none;position:fixed;top:0;left:0}:where([data-portfolio-site]) .sv-preview__inner{aspect-ratio:4/3;opacity:0;width:300px;transition:opacity .35s ease, transform .6s var(--ease-expo);background:#0b0b0b;border-radius:14px;position:absolute;top:-130px;left:24px;overflow:hidden;transform:scale(.85)rotate(-3deg);box-shadow:0 30px 70px -20px #000000d9}:where([data-portfolio-site]) .sv-preview__inner img{object-fit:cover;width:100%;height:100%}:where([data-portfolio-site]) .sv-preview.is-on .sv-preview__inner{opacity:1;transform:none}@media (width>=1024px) and (hover:hover) and (pointer:fine){:where([data-portfolio-site]) .sv-preview{display:block}}@media (prefers-reduced-motion:reduce){:where([data-portfolio-site]) .sv-step:before{transform:none!important}:where([data-portfolio-site]).js .sv-step__name,:where([data-portfolio-site]).js .sv-step__text,:where([data-portfolio-site]).js .sv-step__num{opacity:1!important;transform:none!important}}:where([data-portfolio-site]) .pr-index .sv-index__row{grid-template-columns:30px minmax(0,1fr) auto}:where([data-portfolio-site]) .pr-index__price{color:var(--muted);font-size:14px}:where([data-portfolio-site]) .tier__label{font-size:var(--text-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--tier-muted);margin-top:24px;font-weight:400}:where([data-portfolio-site]) .tier__label+.tier__list{margin-top:12px}:where([data-portfolio-site]) .pr-services li{flex-wrap:wrap;row-gap:0}:where([data-portfolio-site]) .tier__svc{flex:auto}:where([data-portfolio-site]) .tier__desc{max-height:0;color:var(--tier-muted);opacity:0;transition:max-height .5s var(--ease-expo), opacity .4s ease, margin .5s var(--ease-expo);flex-basis:100%;order:3;font-size:14px;line-height:1.4;overflow:hidden}@media (hover:hover){:where([data-portfolio-site]) .pr-services li:hover .tier__desc{opacity:1;max-height:3em;margin-top:4px}}:where([data-portfolio-site]) .pr-deliverables{border-top:1px solid var(--tier-line);margin-top:12px}:where([data-portfolio-site]) .pr-deliverables li{border-bottom:1px solid var(--tier-line);align-items:baseline;gap:10px;padding:10px 0;font-size:15px;display:flex}:where([data-portfolio-site]) .pr-deliverables li:before{content:"";opacity:.5;background:currentColor;border-radius:50%;flex:none;width:5px;height:5px;transform:translateY(-2px)}:where([data-portfolio-site]) .tier__details-inner>.tier__label{margin-top:20px}:where([data-portfolio-site]) .pr-rule{border-top:1px solid var(--line);gap:20px;margin-top:72px;padding-top:32px;display:grid}:where([data-portfolio-site]) .pr-rule__lead{font-size:var(--text-statement);letter-spacing:var(--tracking-h2);color:var(--cream);line-height:.98}:where([data-portfolio-site]) .pr-rule__lead em{font-family:var(--serif);letter-spacing:-.02em;font-style:italic}:where([data-portfolio-site]) .pr-rule__text{max-width:38rem;font-size:var(--text-body);line-height:var(--lh-body);color:#dedbc8b3}@media (width>=1024px){:where([data-portfolio-site]) .pr-rule{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end;gap:48px;margin-top:104px}}:where([data-portfolio-site]) .pr-fit{background:#000}:where([data-portfolio-site]) .pr-fit__grid{gap:40px;display:grid}:where([data-portfolio-site]) .pr-fit__intro{flex-direction:column;gap:20px;display:flex}:where([data-portfolio-site]) .pr-fit__title{max-width:12ch;font-size:var(--text-h2-sm);font-weight:400;line-height:var(--lh-heading);letter-spacing:var(--tracking-h2);color:var(--cream)}:where([data-portfolio-site]) .pr-fit__note{max-width:28rem;font-size:var(--text-body);line-height:var(--lh-body);color:var(--muted)}:where([data-portfolio-site]) .pr-fit__main{align-content:start;gap:28px;display:grid}:where([data-portfolio-site]) .pr-fit__options{border:0;gap:8px;min-width:0;margin:0;padding:0;display:grid}:where([data-portfolio-site]) .pr-fit__option{cursor:pointer;display:block;position:relative}:where([data-portfolio-site]) .pr-fit__option input{opacity:0;width:1px;height:1px;position:absolute}:where([data-portfolio-site]) .pr-fit__option span{min-height:56px;color:var(--cream);transition:background-color .35s ease, color .35s ease, border-color .35s ease, padding .5s var(--ease-expo);border:1px solid #e1e0cc38;border-radius:999px;justify-content:space-between;align-items:center;gap:16px;padding:14px 22px;font-size:18px;display:flex}:where([data-portfolio-site]) .pr-fit__option span:after{content:"";border-radius:50%;flex:none;width:10px;height:10px;transition:background-color .3s;box-shadow:inset 0 0 0 1.5px}:where([data-portfolio-site]) .pr-fit__option input:checked+span{background:var(--ink);color:var(--black);border-color:var(--ink)}:where([data-portfolio-site]) .pr-fit__option input:checked+span:after{background:currentColor}:where([data-portfolio-site]) .pr-fit__option input:focus-visible+span{outline:2px solid var(--cream);outline-offset:3px}@media (hover:hover){:where([data-portfolio-site]) .pr-fit__option:hover span{border-color:#e1e0cc8c;padding-left:28px}}:where([data-portfolio-site]) .pr-fit__result{border-radius:var(--radius-card);background:var(--panel);flex-direction:column;justify-content:center;gap:14px;min-height:220px;padding:28px;display:flex}:where([data-portfolio-site]) .pr-fit__placeholder{color:var(--muted);font-size:16px}:where([data-portfolio-site]) .pr-fit__eyebrow{font-size:var(--text-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--muted)}:where([data-portfolio-site]) .pr-fit__tier{letter-spacing:-.045em;color:var(--cream);font-size:clamp(40px,5vw,80px);line-height:.95}:where([data-portfolio-site]) .pr-fit__tier span{font-family:var(--serif);letter-spacing:0;color:var(--muted);font-size:.45em;font-style:italic}:where([data-portfolio-site]) .pr-fit__why{color:#dedbc8bf;max-width:34rem;font-size:16px;line-height:1.5}:where([data-portfolio-site]) .pr-fit__links{flex-wrap:wrap;align-items:center;gap:20px;margin-top:8px;display:flex}:where([data-portfolio-site]) .pr-fit__see{font-size:16px}:where([data-portfolio-site]) .pr-fit__result>*{transition:opacity .6s var(--ease-expo), transform .7s var(--ease-expo)}:where([data-portfolio-site]) .pr-fit__result:not(.is-shown)>:not(.pr-fit__placeholder){opacity:0;transform:translateY(12px)}@media (width>=1024px){:where([data-portfolio-site]) .pr-fit__grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px}:where([data-portfolio-site]) .pr-fit__main{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:24px}:where([data-portfolio-site]) .pr-fit__result{min-height:100%;padding:36px}}:where([data-portfolio-site]) .pr-compare{background:#000}:where([data-portfolio-site]) .pr-table-wrap{border-radius:8px;position:relative;overflow-x:auto}:where([data-portfolio-site]) .pr-table-wrap:focus-visible{outline:2px solid var(--cream);outline-offset:6px}:where([data-portfolio-site]) .pr-table{border-collapse:collapse;color:#e1e0ccd9;width:100%;min-width:560px;font-size:15px}:where([data-portfolio-site]) .pr-table th,:where([data-portfolio-site]) .pr-table td{border-bottom:1px solid var(--line);text-align:left;vertical-align:baseline;padding:16px 12px;font-weight:400}:where([data-portfolio-site]) .pr-table thead th{vertical-align:bottom;border-bottom-color:#e1e0cc59;padding:0 12px 20px}:where([data-portfolio-site]) .pr-table__name{letter-spacing:-.035em;color:var(--cream);font-size:clamp(22px,2.4vw,40px);line-height:1;display:block}:where([data-portfolio-site]) .pr-table__price{font-family:var(--serif);color:var(--muted);margin-top:8px;font-size:18px;font-style:italic;display:block}:where([data-portfolio-site]) .pr-table tbody th{color:var(--cream);width:34%;padding-left:0}:where([data-portfolio-site]) .pr-table td{width:22%}:where([data-portfolio-site]) .pr-table thead th:nth-child(3),:where([data-portfolio-site]) .pr-table td:nth-child(3){background:#e1e0cc0b}:where([data-portfolio-site]) .pr-table thead th:nth-child(3){border-radius:12px 12px 0 0;padding-top:18px}:where([data-portfolio-site]) .pr-yes{color:var(--cream);font-size:18px}:where([data-portfolio-site]) .pr-no{color:var(--muted)}:where([data-portfolio-site]) .pr-table tbody tr{transition:background-color .3s}@media (hover:hover){:where([data-portfolio-site]) .pr-table tbody tr:hover{background:#e1e0cc08}}@media (width>=1024px){:where([data-portfolio-site]) .pr-table{font-size:16px}:where([data-portfolio-site]) .pr-table th,:where([data-portfolio-site]) .pr-table td{padding:20px 24px}:where([data-portfolio-site]) .pr-table thead th{padding:18px 24px 24px}:where([data-portfolio-site]) .pr-table tbody th{padding-left:0}}:where([data-portfolio-site]) .pr-factors{background:#000}:where([data-portfolio-site]) .pr-factors__grid{gap:40px;display:grid}:where([data-portfolio-site]) .pr-factors__intro{flex-direction:column;align-self:start;gap:20px;display:flex}:where([data-portfolio-site]) .pr-factors__title{max-width:10ch;font-size:var(--text-h2-sm);font-weight:400;line-height:var(--lh-heading);letter-spacing:var(--tracking-h2);color:var(--cream)}:where([data-portfolio-site]) .pr-factors__title .w--em{letter-spacing:-.02em}:where([data-portfolio-site]) .pr-factors__list{border-top:1px solid var(--line);display:grid}:where([data-portfolio-site]) .pr-factor{border-bottom:1px solid var(--line);grid-template-columns:44px minmax(0,1fr);gap:6px 12px;padding:22px 0;display:grid}:where([data-portfolio-site]) .pr-factor__num{font-family:var(--serif);color:var(--muted);grid-row:1/span 2;font-size:22px;font-style:italic}:where([data-portfolio-site]) .pr-factor__name{font-size:var(--text-h3-sm);letter-spacing:var(--tracking-h3);color:var(--cream);font-weight:400;line-height:1}:where([data-portfolio-site]) .pr-factor__q{font-size:var(--text-body);color:#dedbc8ad;line-height:var(--lh-body)}@media (width>=768px){:where([data-portfolio-site]) .pr-factors__list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}}@media (width>=1024px){:where([data-portfolio-site]) .pr-factors__grid{grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:48px}:where([data-portfolio-site]) .pr-factors__intro{position:sticky;top:120px}}:where([data-portfolio-site]) .pr-value{background:#000}:where([data-portfolio-site]) .pr-value .container{gap:40px;display:grid}:where([data-portfolio-site]) .pr-value__title{max-width:12ch;font-size:var(--text-display);font-weight:400;line-height:var(--lh-display);letter-spacing:var(--tracking-display);color:var(--cream)}:where([data-portfolio-site]) .pr-value__title .w--em{letter-spacing:-.025em}:where([data-portfolio-site]) .pr-value__body{flex-direction:column;align-self:end;gap:28px;display:flex}:where([data-portfolio-site]) .pr-value__text{max-width:34rem;font-size:var(--text-body-lg);line-height:var(--lh-body);color:#dedbc8bf}:where([data-portfolio-site]) .pr-value__list{flex-wrap:wrap;gap:8px;display:flex}:where([data-portfolio-site]) .pr-value__list li{color:var(--cream);border:1px solid #e1e0cc40;border-radius:999px;padding:9px 16px;font-size:15px;transition:background-color .4s,color .4s}@media (hover:hover){:where([data-portfolio-site]) .pr-value__list li:hover{background:var(--cream);color:var(--black)}}@media (width>=1024px){:where([data-portfolio-site]) .pr-value .container{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:48px}}:where([data-portfolio-site]) .pr-faq{background:#000}:where([data-portfolio-site]) .pr-faq__grid{gap:40px;display:grid}:where([data-portfolio-site]) .pr-faq__intro{flex-direction:column;align-self:start;gap:20px;display:flex}:where([data-portfolio-site]) .pr-faq__title{max-width:10ch;font-size:var(--text-h2-sm);font-weight:400;line-height:var(--lh-heading);letter-spacing:var(--tracking-h2);color:var(--cream)}:where([data-portfolio-site]) .pr-faq__note{font-size:var(--text-body);color:var(--muted);line-height:var(--lh-body)}:where([data-portfolio-site]) .pr-faq__list{border-top:1px solid var(--line)}:where([data-portfolio-site]) .pr-faq__item{border-bottom:1px solid var(--line)}:where([data-portfolio-site]) .pr-faq__q{cursor:pointer;font-size:var(--text-h4);letter-spacing:-.02em;color:var(--cream);grid-template-columns:40px minmax(0,1fr) 24px;align-items:center;gap:12px;padding:24px 0;line-height:1.15;list-style:none;display:grid}:where([data-portfolio-site]) .pr-faq__q::-webkit-details-marker{display:none}:where([data-portfolio-site]) .pr-faq__q:focus-visible{outline-offset:4px}:where([data-portfolio-site]) .pr-faq__num{font-size:var(--text-label);letter-spacing:var(--tracking-meta);color:var(--muted);font-variant-numeric:tabular-nums}:where([data-portfolio-site]) .pr-faq__text{transition:transform .6s var(--ease-expo)}:where([data-portfolio-site]) .pr-faq__icon{justify-self:end;width:16px;height:16px;position:relative}:where([data-portfolio-site]) .pr-faq__icon:before,:where([data-portfolio-site]) .pr-faq__icon:after{content:"";background:var(--cream);height:1.5px;transition:transform .5s var(--ease-expo);border-radius:2px;position:absolute;top:7px;left:0;right:0}:where([data-portfolio-site]) .pr-faq__icon:after{transform:rotate(90deg)}:where([data-portfolio-site]) .pr-faq__item[open] .pr-faq__icon:after{transform:rotate(0)}:where([data-portfolio-site]) .pr-faq__a{padding:0 0 26px 52px}:where([data-portfolio-site]) .pr-faq__a p{max-width:40rem;font-size:var(--text-body-lg);line-height:var(--lh-body);color:#dedbc8bf}:where([data-portfolio-site]) .pr-faq__item[open] .pr-faq__a{animation:portfolio-pr-faq-in .6s var(--ease-expo)}@keyframes portfolio-pr-faq-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@media (hover:hover){:where([data-portfolio-site]) .pr-faq__q:hover .pr-faq__text{transform:translate(8px)}}@media (width>=1024px){:where([data-portfolio-site]) .pr-faq__grid{grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:48px}:where([data-portfolio-site]) .pr-faq__intro{position:sticky;top:120px}}@media (prefers-reduced-motion:reduce){:where([data-portfolio-site]) .pr-fit__result>*{opacity:1!important;transform:none!important}}[data-portfolio-site]{--error:#ec9a7f}:where([data-portfolio-site]) .ct-hero{height:88svh;min-height:600px}:where([data-portfolio-site]) .ct-brief{background:#000;position:relative}:where([data-portfolio-site]) .ct-brief__grid{gap:56px;display:grid}:where([data-portfolio-site]) .ct-brief__aside{flex-direction:column;align-self:start;gap:22px;display:flex}:where([data-portfolio-site]) .ct-brief__title{max-width:14ch;font-size:var(--text-h2-sm);font-weight:400;line-height:var(--lh-heading);letter-spacing:var(--tracking-h2);color:var(--cream)}:where([data-portfolio-site]) .ct-brief__text{max-width:26rem;font-size:var(--text-body);line-height:var(--lh-body);color:#dedbc8b3}:where([data-portfolio-site]) .ct-brief__plan{width:fit-content;color:var(--cream);border:1px solid #c4a2788c;border-radius:999px;padding:8px 14px;font-size:14px}:where([data-portfolio-site]) .ct-progress{align-items:center;gap:16px;max-width:22rem;margin-top:8px;display:flex}:where([data-portfolio-site]) .ct-progress__count{font-size:var(--text-small);color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}:where([data-portfolio-site]) .ct-progress__bar{background:#e1e0cc2e;flex:1;height:1px;position:relative;overflow:hidden}:where([data-portfolio-site]) .ct-progress__bar span{background:var(--cream);transform-origin:0;transition:transform .8s var(--ease-expo);position:absolute;inset:0;transform:scaleX(0)}@media (width>=1024px){:where([data-portfolio-site]) .ct-brief__grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:24px}:where([data-portfolio-site]) .ct-brief__aside{grid-column:1/5;position:sticky;top:120px}:where([data-portfolio-site]) .ct-brief__main{grid-column:6/-1}}:where([data-portfolio-site]) .brief{grid-template-columns:minmax(0,1fr);gap:52px;display:grid}:where([data-portfolio-site]) .brief[hidden],:where([data-portfolio-site]) .brief-state[hidden]{display:none}:where([data-portfolio-site]) .brief__trap{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}@media (width>=768px){:where([data-portfolio-site]) .brief{grid-template-columns:repeat(2,minmax(0,1fr));gap:64px 48px}:where([data-portfolio-site]) .field--wide{grid-column:1/-1}}:where([data-portfolio-site]) .field{flex-direction:column;gap:12px;display:flex;position:relative}:where([data-portfolio-site]) .field__label{font-size:var(--text-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:#e1e0ccd1;transition:transform .5s var(--ease-expo), color .3s ease;align-items:baseline;gap:12px;display:flex}:where([data-portfolio-site]) .field__num{font-family:var(--serif);letter-spacing:0;text-transform:none;color:var(--muted);font-size:22px;font-style:italic;transition:color .3s}:where([data-portfolio-site]) .field__req{color:var(--accent);letter-spacing:0}:where([data-portfolio-site]) .field__opt{font-size:var(--text-label);letter-spacing:var(--tracking-meta);color:var(--muted);margin-left:auto}:where([data-portfolio-site]) .field__input{width:100%;font:inherit;letter-spacing:-.02em;color:var(--cream);caret-color:var(--accent);appearance:none;background:0 0;border:0;border-radius:0;padding:4px 0 14px;font-size:clamp(22px,2.4vw,34px);line-height:1.25}:where([data-portfolio-site]) .field__input:focus,:where([data-portfolio-site]) .field__input:focus-visible{outline:none}:where([data-portfolio-site]) .field__input::placeholder{color:#e1e0cc3d;transition:opacity .4s}:where([data-portfolio-site]) .field__input:focus::placeholder{opacity:.5}:where([data-portfolio-site]) .field__input:-webkit-autofill{-webkit-text-fill-color:var(--cream);transition:background-color 9999s;-webkit-box-shadow:inset 0 0 0 1000px #0a0a0a}:where([data-portfolio-site]) .field__textarea{resize:none;min-height:3.75em;overflow:hidden}:where([data-portfolio-site]) .field__line{background:#e1e0cc33;height:1px;margin-top:-1px;transition:background-color .3s;display:block;position:relative}:where([data-portfolio-site]) .field__line:after{content:"";background:var(--cream);transform-origin:0;height:2px;transition:transform .7s var(--ease-expo), background-color .3s ease;position:absolute;top:-.5px;left:0;right:0;transform:scaleX(0)}:where([data-portfolio-site]) .field:focus-within .field__line:after{transform:none}:where([data-portfolio-site]) .field:focus-within .field__label{color:var(--cream);transform:translate(4px)}:where([data-portfolio-site]) .field:focus-within .field__num{color:var(--cream)}:where([data-portfolio-site]) .field.is-filled .field__num{color:#e1e0ccd9}@media (hover:hover){:where([data-portfolio-site]) .field:hover .field__line{background:#e1e0cc61}}:where([data-portfolio-site]) .field__hint{color:var(--muted);text-align:right;font-variant-numeric:tabular-nums;margin-top:-4px;font-size:14px}:where([data-portfolio-site]) .field__error{color:var(--error);font-size:15px;line-height:1.4}:where([data-portfolio-site]) .field__error:empty{display:none}:where([data-portfolio-site]) .field.is-invalid .field__line,:where([data-portfolio-site]) .field.is-invalid .field__line:after{background:var(--error)}:where([data-portfolio-site]) .field.is-invalid .field__num{color:var(--error)}:where([data-portfolio-site]) .select__button{text-align:left;cursor:pointer;justify-content:space-between;align-items:center;gap:16px;display:flex}:where([data-portfolio-site]) .select__value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:where([data-portfolio-site]) .field--select:not(.is-filled) .select__value{color:#e1e0cc3d}:where([data-portfolio-site]) .select__chev{fill:none;width:20px;height:20px;stroke:var(--cream);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;transition:transform .5s var(--ease-expo);flex:none}:where([data-portfolio-site]) .field--select.is-open .select__chev{transform:rotate(180deg)}:where([data-portfolio-site]) .field--select.is-open{z-index:30}:where([data-portfolio-site]) .select__list{z-index:20;overscroll-behavior:contain;border-radius:var(--radius-card);opacity:0;visibility:hidden;transform-origin:top;max-height:min(340px,50vh);transition:opacity .25s ease, transform .5s var(--ease-expo), visibility 0s linear .5s;background:#121211;border:1px solid #e1e0cc1f;margin-top:10px;padding:8px;position:absolute;left:0;right:0;overflow-y:auto;transform:translateY(-8px)scale(.985);box-shadow:0 34px 70px -24px #000000e6}:where([data-portfolio-site]) .field--select.is-open .select__list{opacity:1;visibility:visible;transition:opacity .25s ease, transform .5s var(--ease-expo), visibility 0s;transform:none}:where([data-portfolio-site]) .select__option{letter-spacing:-.01em;color:#e1e0ccd1;cursor:pointer;min-height:48px;transition:background-color .2s ease, color .2s ease, padding .4s var(--ease-expo);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-size:18px;display:flex}:where([data-portfolio-site]) .select__option.is-active{color:var(--cream);background:#e1e0cc14;padding-left:22px}:where([data-portfolio-site]) .select__option[aria-selected=true]{color:var(--cream)}:where([data-portfolio-site]) .select__option[aria-selected=true]:after{content:"";background:var(--accent);border-radius:50%;flex:none;width:7px;height:7px}:where([data-portfolio-site]) .brief__submit{flex-direction:column;gap:22px;margin-top:8px;display:flex}:where([data-portfolio-site]) .brief__note{color:var(--muted);font-size:14px}:where([data-portfolio-site]) .brief__button{border:0;border-top:1px solid var(--line);width:100%;font:inherit;text-align:left;color:var(--cream);cursor:pointer;background:0 0;margin-top:0}:where([data-portfolio-site]) .brief__button .row-cta__text{max-width:none}:where([data-portfolio-site]) .brief__button:focus-visible{outline:2px solid var(--cream);outline-offset:8px;border-radius:8px}:where([data-portfolio-site]) .brief__button:disabled{cursor:progress}:where([data-portfolio-site]) .brief.is-sending .row-cta__icon{animation:1.1s ease-in-out infinite alternate portfolio-ct-pulse}:where([data-portfolio-site]) .brief.is-sending .row-cta__text{opacity:.6}@keyframes portfolio-ct-pulse{0%{transform:scale(.92)}to{transform:scale(1.04)}}:where([data-portfolio-site]) .brief-state{border-top:1px solid var(--line);outline:none;flex-direction:column;align-items:flex-start;gap:24px;padding:40px 0 8px;display:flex}:where([data-portfolio-site]) .brief-state__title{max-width:16ch;font-size:var(--text-h2-sm);line-height:var(--lh-heading);letter-spacing:var(--tracking-h2);color:var(--cream)}:where([data-portfolio-site]) .brief-state__text{max-width:34rem;font-size:var(--text-body);line-height:var(--lh-body);color:#dedbc8b8}:where([data-portfolio-site]) .brief-state__actions{flex-wrap:wrap;align-items:center;gap:16px;display:flex}:where([data-portfolio-site]) .brief-state--error .eyebrow{color:var(--error)}:where([data-portfolio-site]) .ct-direct{background:#000}:where([data-portfolio-site]) .ct-direct__email{flex-direction:column;gap:20px;display:flex}:where([data-portfolio-site]) .ct-direct__link{width:fit-content;max-width:100%;color:var(--cream);align-items:center;gap:20px;display:inline-flex}:where([data-portfolio-site]) .ct-direct__address{letter-spacing:-.055em;overflow-wrap:anywhere;padding-bottom:.08em;font-size:clamp(34px,8.4vw,150px);line-height:1;position:relative}:where([data-portfolio-site]) .ct-direct__address:after{content:"";transform-origin:100%;height:2px;transition:transform .8s var(--ease-expo);background:currentColor;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}:where([data-portfolio-site]) .ct-direct__link .row-cta__icon{flex:none}@media (hover:hover){:where([data-portfolio-site]) .ct-direct__link:hover .ct-direct__address:after{transform-origin:0;transform:scaleX(1)}:where([data-portfolio-site]) .ct-direct__link:hover .row-cta__icon{background:var(--cream);transform:scale(1.08)}:where([data-portfolio-site]) .ct-direct__link:hover .row-cta__icon svg:first-child{transform:translate(320%)}:where([data-portfolio-site]) .ct-direct__link:hover .row-cta__icon svg+svg{transform:none}}@media (width<=639px){:where([data-portfolio-site]) .ct-direct__link .row-cta__icon{width:52px;height:52px}}:where([data-portfolio-site]) .ct-details{border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 24px;margin-top:64px;padding-top:32px;display:grid}:where([data-portfolio-site]) .ct-detail dt{font-size:var(--text-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--muted);margin-bottom:10px}:where([data-portfolio-site]) .ct-detail dd{color:#e1e0cccc;font-size:16px;line-height:1.6}:where([data-portfolio-site]) .ct-detail time{color:var(--cream);font-variant-numeric:tabular-nums}@media (width>=1024px){:where([data-portfolio-site]) .ct-details{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:96px}}:where([data-portfolio-site]) .ct-close{background:#000}:where([data-portfolio-site]) .ct-close__statement{max-width:16ch;font-size:var(--text-h2);line-height:var(--lh-heading);letter-spacing:var(--tracking-h2);color:var(--cream)}:where([data-portfolio-site]) .ct-close .row-cta{margin-top:72px}@media (width>=1024px){:where([data-portfolio-site]) .ct-close__statement{margin-left:16.666%}}:where([data-portfolio-site]) .wk-hero__count{font-family:var(--serif);letter-spacing:0;margin:.35em 0 0 .18em;font-style:italic}:where([data-portfolio-site]).js .wk-hero .wk-hero__count{opacity:0;transition:opacity .8s var(--ease-expo) .5s, transform 1s var(--ease-expo) .5s;transform:translateY(40%)}:where([data-portfolio-site]).is-ready .wk-hero .wk-hero__count{opacity:1;transform:none}:where([data-portfolio-site]).is-ready .wk-hero .hero__title:hover .wk-hero__count{transform:none}:where([data-portfolio-site]) .wk-index{border-top:1px solid #e1e0cc29;max-width:28rem}:where([data-portfolio-site]) .wk-index__row{color:var(--cream);transition:padding .5s var(--ease-expo), color .3s ease;border-bottom:1px solid #e1e0cc29;grid-template-columns:30px minmax(0,1fr) auto;align-items:baseline;gap:10px;padding:11px 0;font-size:16px;display:grid}:where([data-portfolio-site]) .wk-index__num{font-size:var(--text-label);letter-spacing:var(--tracking-meta);color:var(--muted);font-variant-numeric:tabular-nums}:where([data-portfolio-site]) .wk-index__cat{color:var(--muted);font-size:14px;display:none}:where([data-portfolio-site]) .wk-index__year{color:var(--muted);font-variant-numeric:tabular-nums;font-size:14px}@media (width>=640px){:where([data-portfolio-site]) .wk-index__row{grid-template-columns:30px minmax(0,1fr) auto 44px}:where([data-portfolio-site]) .wk-index__cat{display:block}:where([data-portfolio-site]) .wk-index__year{text-align:right}}@media (hover:hover){:where([data-portfolio-site]) .wk-index__row:hover{padding-left:8px}:where([data-portfolio-site]) .wk-index__row:hover .wk-index__num{color:var(--cream)}}@media (height<=760px) and (width<=1023px){:where([data-portfolio-site]) .wk-index{display:none}}:where([data-portfolio-site]) .wk-archive{background:#000}:where([data-portfolio-site]) .wk-list{flex-direction:column;gap:96px;display:flex}:where([data-portfolio-site]) .wp{scroll-margin-top:96px}:where([data-portfolio-site]) .wp__link{color:var(--cream);grid-template-columns:repeat(12,minmax(0,1fr));gap:24px 12px;display:grid}:where([data-portfolio-site]) .wp__link>*{grid-column:1/-1}:where([data-portfolio-site]) .wp__fig{border-radius:var(--radius-card);aspect-ratio:4/3;background:#0b0b0b;position:relative;overflow:hidden}:where([data-portfolio-site]) .wp__fig-inner{position:absolute;inset:-7% 0}:where([data-portfolio-site]) .wp__fig img{object-fit:cover;width:100%;height:100%}:where([data-portfolio-site]) .wp__fig--second{aspect-ratio:4/5;z-index:2;grid-column:6/-1;margin-top:-32%;box-shadow:0 30px 70px -30px #000000e6}:where([data-portfolio-site]) .wp__fig--phone{aspect-ratio:780/1688;border-radius:22px;grid-column:8/-1;margin-top:-48%}:where([data-portfolio-site]) .wp__heading{align-items:flex-start;gap:12px;display:flex}:where([data-portfolio-site]) .wp__num{font-family:var(--serif);color:var(--muted);padding-top:.25em;font-size:clamp(20px,2.2vw,34px);font-style:italic;line-height:1;transition:color .4s}:where([data-portfolio-site]) .wp__title{font-size:var(--text-project);letter-spacing:-.07em;transition:letter-spacing 1s var(--ease-expo), transform 1s var(--ease-expo);font-weight:400;line-height:.8}:where([data-portfolio-site]) .wp__meta{flex-direction:column;gap:14px;max-width:28rem;display:flex}:where([data-portfolio-site]) .wp__row{font-size:var(--text-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--muted);border-top:1px solid #e1e0cc29;justify-content:space-between;gap:16px;padding-top:12px;display:flex;position:relative}:where([data-portfolio-site]) .wp__row:before{content:"";background:var(--cream);transform-origin:0;height:1px;transition:transform .9s var(--ease-expo);position:absolute;top:-1px;left:0;right:0;transform:scaleX(0)}:where([data-portfolio-site]) .wp__desc{font-size:var(--text-body);line-height:var(--lh-body);color:#dedbc8b3}:where([data-portfolio-site]) .wp__cta{align-items:center;gap:14px;width:fit-content;margin-top:4px;font-size:16px;display:inline-flex}:where([data-portfolio-site]) .wp__arrow{background:var(--ink);width:44px;height:44px;transition:transform .5s var(--ease-expo);border-radius:50%;place-items:center;display:grid;position:relative;overflow:hidden}:where([data-portfolio-site]) .wp__arrow svg{fill:none;stroke:#0c0c0b;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px;transition:transform .55s var(--ease-expo);grid-area:1/1}:where([data-portfolio-site]) .wp__arrow svg+svg{transform:translate(-200%)}@media (hover:hover){:where([data-portfolio-site]).js .wp__link:hover [data-img-reveal].is-in img{transform:scale(1.07)}:where([data-portfolio-site]) .wp__link:hover .wp__title{letter-spacing:-.055em}:where([data-portfolio-site]) .wp__link:hover .wp__num{color:var(--cream)}:where([data-portfolio-site]) .wp__link:hover .wp__row:before{transform:none}:where([data-portfolio-site]) .wp__link:hover .wp__arrow{transform:scale(1.1)}:where([data-portfolio-site]) .wp__link:hover .wp__arrow svg:first-child{transform:translate(200%)}:where([data-portfolio-site]) .wp__link:hover .wp__arrow svg+svg{transform:none}}:where([data-portfolio-site]) .wp__link:focus-visible .wp__row:before,:where([data-portfolio-site]) .wp__link:active .wp__row:before{transform:none}@media (width>=640px) and (width<=1023px){:where([data-portfolio-site]) .wp__fig--phone{grid-column:9/-1;margin-top:-30%}:where([data-portfolio-site]) .wp__fig--second:not(.wp__fig--phone){grid-column:7/-1;margin-top:-26%}:where([data-portfolio-site]) .wp--duo .wp__fig--main,:where([data-portfolio-site]) .wp--vertical .wp__fig--main{grid-row:1}:where([data-portfolio-site]) .wp--duo .wp__fig--second,:where([data-portfolio-site]) .wp--vertical .wp__fig--second{grid-row:2/span 2}:where([data-portfolio-site]) .wp--duo .wp__heading,:where([data-portfolio-site]) .wp--vertical .wp__heading{grid-area:2/1/auto/7;align-self:end}:where([data-portfolio-site]) .wp--duo .wp__meta,:where([data-portfolio-site]) .wp--vertical .wp__meta{grid-area:3/1/auto/7;align-self:start}:where([data-portfolio-site]) .wp--vertical .wp__heading,:where([data-portfolio-site]) .wp--vertical .wp__meta{grid-column:1/9}}@media (width>=768px){:where([data-portfolio-site]) .wk-list{gap:144px}:where([data-portfolio-site]) .wp__link{gap:32px 24px}}@media (width>=1024px){:where([data-portfolio-site]) .wk-list{gap:200px}:where([data-portfolio-site]) .wp--full .wp__fig--main{aspect-ratio:16/8;grid-column:1/-1}:where([data-portfolio-site]) .wp--full .wp__heading{grid-column:1/8}:where([data-portfolio-site]) .wp--full .wp__meta{grid-column:9/-1;align-self:end}:where([data-portfolio-site]) .wp--duo .wp__fig--main{aspect-ratio:4/3;grid-area:1/1/auto/9}:where([data-portfolio-site]) .wp--duo .wp__fig--second{box-shadow:none;grid-area:1/9/auto/-1;align-self:start;margin-top:34%}:where([data-portfolio-site]) .wp--duo .wp__heading{grid-area:2/1/auto/9}:where([data-portfolio-site]) .wp--duo .wp__meta{grid-area:2/9/auto/-1;align-self:start}:where([data-portfolio-site]) .wp--side .wp__fig--main{aspect-ratio:16/11;grid-area:1/5/span 2/-1}:where([data-portfolio-site]) .wp--side .wp__heading{flex-direction:column;grid-area:1/1/auto/5;align-self:end;gap:16px}:where([data-portfolio-site]) .wp--side .wp__meta{grid-area:2/1/auto/5;align-self:start}:where([data-portfolio-site]) .wp--side .wp--vertical .wp__fig--main{aspect-ratio:4/5;grid-area:1/1/span 3/7}:where([data-portfolio-site]) .wp--vertical .wp__heading{grid-area:1/8/auto/-1}:where([data-portfolio-site]) .wp--vertical .wp__meta{grid-area:2/8/auto/-1}:where([data-portfolio-site]) .wp--vertical .wp__fig--phone{box-shadow:none;grid-area:3/10/auto/12;align-self:end;margin-top:0}:where([data-portfolio-site]) .wp--overlay .wp__fig--main{aspect-ratio:21/9;grid-area:1/1/auto/-1}:where([data-portfolio-site]) .wp--overlay .wp__heading{z-index:2;grid-area:2/1/auto/-1;margin-top:-.5em;font-size:clamp(140px,19vw,400px);position:relative}:where([data-portfolio-site]) .wp--overlay .wp__title{text-shadow:0 20px 60px #00000073}:where([data-portfolio-site]) .wp--overlay .wp__meta{grid-area:3/8/auto/-1}}@media (width>=1920px){:where([data-portfolio-site]) .wp--overlay .wp__heading{font-size:min(19vw,420px)}}:where([data-portfolio-site]) .cs{--case-tone:#141210}:where([data-portfolio-site]) .cs-hero{height:100svh;min-height:620px;padding:var(--frame);background:#000}:where([data-portfolio-site]) .cs-hero__frame{border-radius:var(--radius-frame);background:var(--case-tone);isolation:isolate;flex-direction:column;gap:8px;height:100%;padding:8px;display:flex;position:relative;overflow:hidden}:where([data-portfolio-site]) .cs-hero__frame:before{content:"";z-index:-1;pointer-events:none;background-image:var(--noise-bg);opacity:.12;background-size:160px 160px;position:absolute;inset:0}:where([data-portfolio-site]) .cs-hero__visual{border-radius:calc(var(--radius-frame) - 8px);background:#0b0b0b;flex:auto;min-height:0;position:relative;overflow:hidden}:where([data-portfolio-site]) .cs-hero__media{position:absolute;inset:0}:where([data-portfolio-site]) .cs-hero__media img{object-fit:cover;width:100%;height:100%;transition:transform 1.8s var(--ease-expo);transform:scale(1.12)}:where([data-portfolio-site]).is-ready .cs-hero__media img{transform:scale(1.02)}:where([data-portfolio-site]) .cs-hero__info{flex-direction:column;order:2;justify-content:space-between;gap:20px;padding:12px 12px 14px;display:flex}:where([data-portfolio-site]) .cs-hero__top{z-index:3;justify-content:space-between;align-items:center;gap:16px;display:flex;position:absolute;top:20px;left:20px;right:20px}:where([data-portfolio-site]) .cs-back{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--cream);background:#00000073;border-radius:999px;align-items:center;gap:8px;padding:8px 14px 8px 12px;font-size:13px;transition:background-color .4s;display:inline-flex}:where([data-portfolio-site]) .cs-back svg,:where([data-portfolio-site]) .cs-outline svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px;transition:transform .5s var(--ease-expo)}@media (hover:hover){:where([data-portfolio-site]) .cs-back:hover{background:#000000b3}:where([data-portfolio-site]) .cs-back:hover svg,:where([data-portfolio-site]) .cs-outline:hover svg{transform:translate(-3px)}}:where([data-portfolio-site]) .cs-hero__count{font-size:var(--text-label);letter-spacing:var(--tracking-meta);font-variant-numeric:tabular-nums;color:#e1e0cccc;background:#00000073;border-radius:999px;padding:8px 12px}:where([data-portfolio-site]) .cs-hero__body{flex-direction:column;gap:18px;display:flex}:where([data-portfolio-site]) .cs-hero__title{font-size:var(--text-project);letter-spacing:-.07em;color:var(--cream);margin-left:-.04em;font-weight:400;line-height:.82;display:flex}:where([data-portfolio-site]) .cs-hero__desc{max-width:30rem;font-size:var(--text-body);line-height:var(--lh-body);color:#dedbc8b8}:where([data-portfolio-site]) .cs-hero__facts{border-top:1px solid #e1e0cc24;grid-template-columns:auto 1fr auto;gap:16px;padding-top:14px;display:grid}:where([data-portfolio-site]) .cs-hero__facts dt{font-size:var(--text-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--muted);margin-bottom:4px}:where([data-portfolio-site]) .cs-hero__facts dd{color:var(--cream);font-size:14px}:where([data-portfolio-site]) .cs-hero__facts div:last-child{text-align:right}@media (width>=768px){:where([data-portfolio-site]) .cs-hero__frame{gap:12px;padding:12px}:where([data-portfolio-site]) .cs-hero__visual{border-radius:calc(var(--radius-frame) - 12px)}:where([data-portfolio-site]) .cs-hero__info{padding:16px 16px 18px}:where([data-portfolio-site]) .cs-hero__top{top:28px;left:28px;right:28px}}@media (width>=1024px){:where([data-portfolio-site]) .cs-hero__frame{grid-template-columns:minmax(0,5fr) minmax(0,8fr);display:grid}:where([data-portfolio-site]) .cs-hero__info{order:0;padding:28px 24px 28px 28px;position:relative}:where([data-portfolio-site]) .cs-hero__top{position:static}:where([data-portfolio-site]) .cs-back,:where([data-portfolio-site]) .cs-hero__count{background:#ffffff0d}:where([data-portfolio-site]) .cs-hero__body{gap:24px}}@media (height<=640px) and (width>=1024px){:where([data-portfolio-site]) .cs-hero__title{font-size:20vh}}:where([data-portfolio-site]) .cs-overview__grid{gap:48px;display:grid}:where([data-portfolio-site]) .cs-overview__main{flex-direction:column;gap:20px;display:flex}:where([data-portfolio-site]) .cs-overview__intro{max-width:18ch;font-size:var(--text-statement);letter-spacing:var(--tracking-h2);color:var(--cream);font-weight:400;line-height:.95}:where([data-portfolio-site]) .cs-facts{border-top:1px solid var(--line);align-self:end}:where([data-portfolio-site]) .cs-fact{border-bottom:1px solid var(--line);grid-template-columns:112px minmax(0,1fr);gap:16px;padding:16px 0;display:grid}:where([data-portfolio-site]) .cs-fact dt{font-size:var(--text-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--muted);padding-top:5px}:where([data-portfolio-site]) .cs-fact dd{color:var(--cream);font-size:16px}:where([data-portfolio-site]) .cs-fact ul{flex-wrap:wrap;gap:6px;display:flex}:where([data-portfolio-site]) .cs-fact li{color:#e1e0ccd9;border:1px solid #e1e0cc33;border-radius:999px;padding:6px 12px;font-size:13px}@media (width>=1024px){:where([data-portfolio-site]) .cs-overview__grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end;gap:64px}}:where([data-portfolio-site]) .cs-wide{margin:0 var(--frame);aspect-ratio:4/3;border-radius:var(--radius-frame);background:#0b0b0b;position:relative;overflow:hidden}:where([data-portfolio-site]) .cs-wide__inner{position:absolute;inset:-8% 0}:where([data-portfolio-site]) .cs-wide img{object-fit:cover;width:100%;height:100%}@media (width>=768px){:where([data-portfolio-site]) .cs-wide{aspect-ratio:2}}:where([data-portfolio-site]) .cs-chapter{border-top:1px solid var(--line);gap:20px;padding:40px 0;display:grid}:where([data-portfolio-site]) .cs-chapter__label{align-self:start;align-items:baseline;gap:14px;display:flex}:where([data-portfolio-site]) .cs-chapter__num{font-family:var(--serif);color:var(--muted);font-size:22px;font-style:italic}:where([data-portfolio-site]) .cs-chapter__body{flex-direction:column;gap:20px;display:flex}:where([data-portfolio-site]) .cs-chapter__lead{max-width:22ch;font-size:var(--text-h3);letter-spacing:var(--tracking-h3);color:var(--cream);font-weight:400;line-height:1}:where([data-portfolio-site]) .cs-chapter__text{max-width:34rem;font-size:var(--text-body);line-height:var(--lh-body);color:#dedbc8ad}@media (width>=1024px){:where([data-portfolio-site]) .cs-chapter{grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:48px;padding:56px 0}:where([data-portfolio-site]) .cs-chapter__label{position:sticky;top:112px}:where([data-portfolio-site]) .cs-chapter__body{gap:28px}}:where([data-portfolio-site]) .cs-duo{gap:12px;margin-block:56px;display:grid;position:relative}:where([data-portfolio-site]) .cs-duo figure{border-radius:var(--radius-card);background:#0b0b0b;position:relative;overflow:hidden}:where([data-portfolio-site]) .cs-duo__a{aspect-ratio:4/5;width:72%}:where([data-portfolio-site]) .cs-duo__b{aspect-ratio:16/10;z-index:2;justify-self:end;width:88%;margin-top:-22%;box-shadow:0 40px 80px -30px #000c}:where([data-portfolio-site]) .cs-duo__inner{position:absolute;inset:-6% 0}:where([data-portfolio-site]) .cs-duo img{object-fit:cover;width:100%;height:100%}@media (width>=1024px){:where([data-portfolio-site]) .cs-duo{grid-template-columns:repeat(12,minmax(0,1fr));margin-block:96px 120px}:where([data-portfolio-site]) .cs-duo__a{grid-column:1/span 4;width:auto}:where([data-portfolio-site]) .cs-duo__b{grid-column:5/span 8;place-self:start stretch;width:auto;margin-top:30%}}:where([data-portfolio-site]) .cs-did{padding-inline:16px}:where([data-portfolio-site]) .cs-panel{max-width:var(--container);background:var(--panel);border-radius:32px;gap:48px;margin-inline:auto;padding:48px 24px;display:grid}:where([data-portfolio-site]) .cs-did__intro{flex-direction:column;align-self:start;gap:22px;display:flex}:where([data-portfolio-site]) .cs-did__title{font-size:var(--text-h2-sm);font-weight:400;line-height:var(--lh-heading);letter-spacing:var(--tracking-h2);color:var(--cream)}:where([data-portfolio-site]) .cs-did__text{max-width:26rem;font-size:var(--text-body);line-height:var(--lh-body);color:#dedbc8b3}:where([data-portfolio-site]) .cs-did .discipline__num{font-family:var(--sans);letter-spacing:.1em;font-variant-numeric:tabular-nums;font-size:12px;font-style:normal}:where([data-portfolio-site]) .cs-did .discipline__name{font-size:clamp(36px,9vw,88px)}@media (width>=640px){:where([data-portfolio-site]) .cs-did{padding-inline:24px}:where([data-portfolio-site]) .cs-panel{padding:64px 40px}:where([data-portfolio-site]) .cs-did .discipline__name{font-size:clamp(44px,6.4vw,88px)}}@media (width>=1024px){:where([data-portfolio-site]) .cs-panel{grid-template-columns:repeat(12,minmax(0,1fr));padding:80px 64px}:where([data-portfolio-site]) .cs-did__intro{grid-column:span 4;position:sticky;top:120px}:where([data-portfolio-site]) .cs-did .disciplines{grid-column:5/span 8}:where([data-portfolio-site]) .cs-did .discipline__name{font-size:clamp(48px,5vw,96px)}}:where([data-portfolio-site]) .cs-palette{grid-template-columns:1fr 1fr;gap:4px;margin-bottom:4px;display:grid}:where([data-portfolio-site]) .cs-swatch{border-radius:var(--radius-card);background:var(--c);min-height:200px;color:var(--ink);text-align:left;transition:flex-grow .8s var(--ease-expo), transform .6s var(--ease-expo);flex-direction:column;justify-content:flex-end;gap:6px;padding:18px;display:flex;position:relative;box-shadow:inset 0 0 0 1px #ffffff0f}:where([data-portfolio-site]) .cs-swatch__role{font-size:var(--text-label);letter-spacing:var(--tracking-label);text-transform:uppercase;opacity:.7;position:absolute;top:18px;left:18px}:where([data-portfolio-site]) .cs-swatch__name{letter-spacing:-.02em;font-size:clamp(22px,2.4vw,34px);line-height:1}:where([data-portfolio-site]) .cs-swatch__hex{letter-spacing:.08em;font-variant-numeric:tabular-nums;opacity:.8;font-size:13px}@media (width>=768px){:where([data-portfolio-site]) .cs-palette{height:440px;display:flex}:where([data-portfolio-site]) .cs-swatch{flex:1 1 0;min-height:0;padding:24px}:where([data-portfolio-site]) .cs-swatch:first-child{flex-grow:1.6}:where([data-portfolio-site]) .cs-swatch__role{top:24px;left:24px}}@media (hover:hover) and (width>=768px){:where([data-portfolio-site]) .cs-palette.is-hovered .cs-swatch{flex-grow:.8}:where([data-portfolio-site]) .cs-palette.is-hovered .cs-swatch:hover{flex-grow:2.2}}:where([data-portfolio-site]) .cs-type{gap:4px;display:grid}:where([data-portfolio-site]) .cs-specimen{border-radius:var(--radius-card);background:var(--card);color:var(--cream);flex-direction:column;gap:24px;padding:24px;display:flex;overflow:hidden}:where([data-portfolio-site]) .cs-specimen__head{justify-content:space-between;align-items:baseline;gap:16px;display:flex}:where([data-portfolio-site]) .cs-specimen__font{font-size:var(--text-small);color:var(--muted);text-align:right}:where([data-portfolio-site]) .cs-specimen__aa{font-size:clamp(140px,22vw,300px);line-height:.8}:where([data-portfolio-site]) .cs-specimen__sets{word-break:break-all;color:#e1e0ccd9;flex-direction:column;gap:6px;font-size:clamp(14px,3.6vw,28px);line-height:1.15;display:flex}:where([data-portfolio-site]) .cs-specimen__sets p{letter-spacing:inherit}@media (width>=1024px){:where([data-portfolio-site]) .cs-type{grid-template-columns:1fr 1fr}:where([data-portfolio-site]) .cs-specimen{justify-content:space-between;min-height:560px;padding:32px}}:where([data-portfolio-site]) .cs-language__head{flex-direction:column;gap:20px;padding-bottom:48px;display:flex}:where([data-portfolio-site]) .cs-language__title{max-width:24ch;font-size:var(--text-h2-sm);font-weight:400;line-height:var(--lh-heading);letter-spacing:var(--tracking-h2);color:var(--cream)}:where([data-portfolio-site]) .cs-board{gap:12px;display:grid}:where([data-portfolio-site]) .cs-board figure{border-radius:var(--radius-card);background:#0b0b0b;position:relative;overflow:hidden}:where([data-portfolio-site]) .cs-board__ui,:where([data-portfolio-site]) .cs-board__study{aspect-ratio:4/5}:where([data-portfolio-site]) .cs-board__inner{position:absolute;inset:-6% 0}:where([data-portfolio-site]) .cs-board img{object-fit:cover;width:100%;height:100%}:where([data-portfolio-site]) .cs-board__type,:where([data-portfolio-site]) .cs-board__live{border-radius:var(--radius-card);background:var(--bg);color:var(--fg);flex-direction:column;justify-content:space-between;gap:24px;padding:24px;display:flex;position:relative;overflow:hidden}:where([data-portfolio-site]) .cs-board__type{min-height:280px}:where([data-portfolio-site]) .cs-board__cap{font-size:var(--text-label);letter-spacing:var(--tracking-label);text-transform:uppercase;opacity:.6}:where([data-portfolio-site]) .cs-board__word{white-space:nowrap;font-size:clamp(72px,12vw,200px);line-height:.8}:where([data-portfolio-site]) .cs-board__dots{gap:8px;display:flex}:where([data-portfolio-site]) .cs-board__dots i{border-radius:50%;width:22px;height:22px;box-shadow:inset 0 0 0 1px #7f7f7f73}:where([data-portfolio-site]) .cs-board__live{background:var(--fg);color:var(--bg);min-height:220px}:where([data-portfolio-site]) .cs-board__buttons{flex-wrap:wrap;gap:12px;display:flex}:where([data-portfolio-site]) .cs-demo-btn{background:var(--bg);color:var(--fg);transition:background-color .4s ease, color .4s ease, gap .4s var(--ease-expo), transform .5s var(--ease-expo), box-shadow .5s ease;border-radius:999px;align-items:center;gap:10px;padding:14px 22px;font-size:16px;display:inline-flex;letter-spacing:0!important}:where([data-portfolio-site]) .cs-demo-btn--ghost{color:var(--bg);background:0 0;box-shadow:inset 0 0 0 1.5px}:where([data-portfolio-site]) .cs-demo-btn:active{transform:scale(.97)}@media (hover:hover){:where([data-portfolio-site]) .cs-demo-btn:hover{background:var(--accent);color:var(--fg);box-shadow:0 14px 30px -12px var(--accent);gap:16px;transform:translateY(-2px)}:where([data-portfolio-site]) .cs-demo-btn--ghost:hover{background:var(--bg);color:var(--fg);box-shadow:none}}@media (width>=1024px){:where([data-portfolio-site]) .cs-language__head{grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:48px;padding-bottom:72px;display:grid}:where([data-portfolio-site]) .cs-board{grid-template-rows:auto auto;grid-template-columns:repeat(12,minmax(0,1fr));align-items:start}:where([data-portfolio-site]) .cs-board__ui{grid-area:1/1/span 2/span 5}:where([data-portfolio-site]) .cs-board__type{grid-column:6/span 7;min-height:400px}:where([data-portfolio-site]) .cs-board__live{grid-column:6/span 3;min-height:340px}:where([data-portfolio-site]) .cs-board__study{aspect-ratio:3/4;grid-column:9/span 4;margin-top:64px}:where([data-portfolio-site]) .cs-board__word{font-size:clamp(96px,9vw,180px)}}:where([data-portfolio-site]) .cs-screen{background:#0b0b0b;border-radius:12px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff12}:where([data-portfolio-site]) .cs-screen img{width:100%;height:auto}:where([data-portfolio-site]) .cs-screen--full{margin-bottom:12px}:where([data-portfolio-site]) .cs-screens__pair{gap:12px;display:grid}@media (width>=1024px){:where([data-portfolio-site]) .cs-screen--full{margin-bottom:24px}:where([data-portfolio-site]) .cs-screens__pair{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:0}:where([data-portfolio-site]) .cs-screen--left{grid-area:1/1/auto/span 7}:where([data-portfolio-site]) .cs-screen--right{z-index:2;grid-area:1/6/auto/span 7;margin-top:22%;box-shadow:0 0 0 1px #ffffff12,0 40px 90px -30px #000000e6}}:where([data-portfolio-site]) .cs-mobile{margin:72px var(--frame) 0;border-radius:var(--radius-frame);background:var(--case-tone);isolation:isolate;padding:32px 0 40px;position:relative;overflow:hidden}:where([data-portfolio-site]) .cs-mobile:before{content:"";z-index:-1;pointer-events:none;background-image:var(--noise-bg);opacity:.12;background-size:160px 160px;position:absolute;inset:0}:where([data-portfolio-site]) .cs-mobile__head{justify-content:space-between;align-items:baseline;gap:16px;padding-bottom:32px;display:flex}:where([data-portfolio-site]) .cs-mobile__note{font-size:var(--text-body);color:var(--muted);text-align:right;max-width:22rem;line-height:var(--lh-body)}:where([data-portfolio-site]) .cs-mobile__row{scroll-snap-type:x mandatory;scrollbar-width:none;gap:16px;padding:0 24px 24px;display:flex;overflow-x:auto}:where([data-portfolio-site]) .cs-mobile__row::-webkit-scrollbar{display:none}:where([data-portfolio-site]) .cs-phone{scroll-snap-align:center;border-radius:28px;flex:0 0 68%;overflow:hidden;box-shadow:0 0 0 1px #ffffff14,0 40px 80px -30px #000c}:where([data-portfolio-site]) .cs-phone img{width:100%;height:auto}@media (width>=768px){:where([data-portfolio-site]) .cs-phone{flex-basis:40%}}@media (width>=1024px){:where([data-portfolio-site]) .cs-mobile{padding:56px 0 96px}:where([data-portfolio-site]) .cs-mobile__head{padding-bottom:56px}:where([data-portfolio-site]) .cs-mobile__row{justify-content:center;gap:4vw;padding:0 64px;overflow:visible}:where([data-portfolio-site]) .cs-phone{margin-top:calc(var(--n) * 56px);flex:0 0 min(22vw,360px)}:where([data-portfolio-site]) .cs-phone:nth-child(3){margin-top:28px}:where([data-portfolio-site]) .cs-phone__float{animation:7s ease-in-out infinite alternate portfolio-phone-float;animation-delay:calc(var(--n) * -2.3s)}}@keyframes portfolio-phone-float{0%{transform:translateY(-10px)}to{transform:translateY(10px)}}:where([data-portfolio-site]) .cs-metrics{gap:24px;padding:32px 0;display:grid}:where([data-portfolio-site]) .cs-metric__value{letter-spacing:-.06em;color:var(--cream);font-size:clamp(64px,9vw,160px);line-height:.85}:where([data-portfolio-site]) .cs-metric__label{color:var(--muted);font-size:14px}:where([data-portfolio-site]) .cs-outcomes{border-top:1px solid var(--line);margin-top:32px;display:grid}:where([data-portfolio-site]) .cs-outcome{border-bottom:1px solid var(--line);grid-template-columns:40px minmax(0,1fr);gap:10px 12px;padding:28px 0;display:grid}:where([data-portfolio-site]) .cs-outcome__num{font-size:var(--text-label);letter-spacing:var(--tracking-meta);color:var(--muted);font-variant-numeric:tabular-nums;padding-top:8px}:where([data-portfolio-site]) .cs-outcome__title{font-size:var(--text-h3-sm);letter-spacing:var(--tracking-h3);color:var(--cream);font-weight:400;line-height:1}:where([data-portfolio-site]) .cs-outcome__text{font-size:var(--text-body);color:#dedbc8a6;line-height:var(--lh-body);grid-column:2}@media (width>=768px){:where([data-portfolio-site]) .cs-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}:where([data-portfolio-site]) .cs-outcomes{border-bottom:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr))}:where([data-portfolio-site]) .cs-outcome{border-bottom:0;grid-template-columns:1fr;padding:32px 32px 40px 0}:where([data-portfolio-site]) .cs-outcome+.cs-outcome{border-left:1px solid var(--line);padding-left:32px}:where([data-portfolio-site]) .cs-outcome__text{grid-column:1}:where([data-portfolio-site]) .cs-outcome__title{min-height:2em}}:where([data-portfolio-site]) .cs-statement .container{flex-direction:column;gap:32px;display:flex}:where([data-portfolio-site]) .cs-statement__text{letter-spacing:-.045em;max-width:18ch;color:var(--cream);font-size:clamp(44px,7.2vw,132px);font-weight:400;line-height:.92}@media (width>=1024px){:where([data-portfolio-site]) .cs-statement__text{margin-left:16.666%}}:where([data-portfolio-site]) .cs-next{padding:0 var(--frame)}:where([data-portfolio-site]) .cs-next__card{border-radius:var(--radius-frame);background:var(--tone);height:86svh;min-height:560px;color:var(--cream);isolation:isolate;flex-direction:column;gap:8px;padding:8px;display:flex;position:relative;overflow:hidden}:where([data-portfolio-site]) .cs-next__card:before{content:"";z-index:-1;pointer-events:none;background-image:var(--noise-bg);opacity:.12;background-size:160px 160px;position:absolute;inset:0}:where([data-portfolio-site]) .cs-next__visual{border-radius:calc(var(--radius-frame) - 8px);background:#0b0b0b;flex:auto;min-height:0;position:relative;overflow:hidden}:where([data-portfolio-site]) .cs-next__media{position:absolute;inset:0}:where([data-portfolio-site]) .cs-next__media img{object-fit:cover;filter:saturate(.85)brightness(.85);width:100%;height:100%;transition:transform 1.4s var(--ease-expo), filter 1s ease;transform:scale(1.04)}:where([data-portfolio-site]) .cs-next__info{flex-direction:column;order:2;justify-content:space-between;gap:20px;padding:12px 12px 14px;display:flex}:where([data-portfolio-site]) .cs-next__top{justify-content:space-between;align-items:center;display:flex}:where([data-portfolio-site]) .cs-next__body{flex-direction:column;gap:18px;display:flex}:where([data-portfolio-site]) .cs-next__title{font-size:var(--text-project);letter-spacing:-.07em;transition:letter-spacing 1s var(--ease-expo);margin-left:-.04em;font-weight:400;line-height:.82}:where([data-portfolio-site]) .cs-next__meta{font-size:var(--text-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--muted);border-top:1px solid #e1e0cc24;justify-content:space-between;gap:16px;padding-top:12px;display:flex}:where([data-portfolio-site]) .cs-next__pill{pointer-events:none}@media (hover:hover){:where([data-portfolio-site]) .cs-next__card:hover .cs-next__media img{filter:none;transform:scale(1.1)}:where([data-portfolio-site]) .cs-next__card:hover .cs-next__title{letter-spacing:-.055em}:where([data-portfolio-site]) .cs-next__card:hover .cs-next__pill{background:var(--cream);gap:12px}:where([data-portfolio-site]) .cs-next__card:hover .cs-next__pill .pill__icon{transform:scale(1.1)}:where([data-portfolio-site]) .cs-next__card:hover .cs-next__pill .pill__icon svg:first-child{transform:translate(150%)}:where([data-portfolio-site]) .cs-next__card:hover .cs-next__pill .pill__icon svg+svg{transform:none}}@media (width>=768px){:where([data-portfolio-site]) .cs-next__card{gap:12px;padding:12px}:where([data-portfolio-site]) .cs-next__visual{border-radius:calc(var(--radius-frame) - 12px)}:where([data-portfolio-site]) .cs-next__info{padding:16px 16px 18px}}@media (width>=1024px){:where([data-portfolio-site]) .cs-next__card{grid-template-columns:minmax(0,5fr) minmax(0,8fr);display:grid}:where([data-portfolio-site]) .cs-next__info{order:0;padding:28px 24px 28px 28px}:where([data-portfolio-site]) .cs-next__body{gap:24px}}:where([data-portfolio-site]) .cs-next__actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding-block:32px 0;display:flex}:where([data-portfolio-site]) .cs-next__hint{gap:6px;display:flex}:where([data-portfolio-site]) .cs-next__hint a{font-variant-numeric:tabular-nums;width:40px;height:40px;color:var(--muted);border:1px solid #0000;border-radius:50%;place-items:center;font-size:12px;transition:color .3s,border-color .3s;display:grid}:where([data-portfolio-site]) .cs-next__hint a.is-current{color:var(--cream);border-color:#e1e0cc59}@media (hover:hover){:where([data-portfolio-site]) .cs-next__hint a:hover{color:var(--cream);border-color:#e1e0cc33}}:where([data-portfolio-site]) .cs+.footer{padding-top:96px}@media (prefers-reduced-motion:reduce){:where([data-portfolio-site]) .cs-hero__media img{transform:none!important}:where([data-portfolio-site]) .cs-phone__float{animation:none!important}}@media (width<=1023px){:where([data-portfolio-site]) .cs-hero__count,:where([data-portfolio-site]) .cs-did .discipline__num,:where([data-portfolio-site]) .cs-outcome__num,:where([data-portfolio-site]) .cs-next__hint a{font-size:14px}}[data-portfolio-site] main>[data-builder-anchor]{scroll-margin-block-start:7rem}body:has(>:is(.public-header--header_compact_sticky,.public-header--header_burger_overlay,.public-header--header_transparent,.public-header--header_boutique_lodge)) main>[data-builder-anchor]{scroll-margin-block-start:7rem}