:root{--bg: #f1ece1;--ink: #1c1914;--accent: #f2532a;--muted: #8a8377;--footer-bg: #1c1914;--footer-ink: #f1ece1;--footer-glyph: #fff6ed;--maxw: 1280px;--gutter: 80px;--font-display: "Space Grotesk", "Segoe UI", system-ui, sans-serif;--font-body: "Inter", "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:20px;line-height:1.5;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}svg{display:block}@media (prefers-reduced-motion: no-preference){@keyframes page-enter{0%{opacity:0}to{opacity:1}}body{animation:page-enter .42s ease both}html.is-leaving body{opacity:0;transition:opacity .26s ease}}.wrap{max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gutter)}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:16px;top:16px;z-index:100;background:var(--ink);color:var(--bg);padding:8px 14px;border-radius:6px}.site-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 72%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .4s ease,opacity .4s ease}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.site-header{background:color-mix(in srgb,var(--bg) 92%,transparent)}}body.at-footer .site-header{transform:translateY(-100%);opacity:0;pointer-events:none}.header-inner{height:88px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.logo{font-family:var(--font-display);font-weight:700;font-size:26px;text-transform:uppercase;letter-spacing:.01em}.nav{display:flex;gap:53px;justify-content:center}.nav a{font-size:22px;transition:color .2s ease}.nav a:hover,.nav a:focus-visible{color:var(--accent)}.nav-toggle{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:8px;justify-self:end}.nav-toggle span{width:26px;height:2px;background:var(--ink);transition:transform .25s ease,opacity .2s ease}.nav-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.nav-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-nav{display:none;flex-direction:column;gap:4px;padding:8px var(--gutter) 20px;background:var(--bg)}.mobile-nav a{padding:12px 0;font-size:20px;border-top:1px solid color-mix(in srgb,var(--ink) 12%,transparent)}.hero{min-height:calc(100vh - 88px);min-height:calc(100svh - 88px);display:grid;align-content:center;padding-block:clamp(16px,2.4svh,44px)}.hero-inner{--title-fs: max(2.75rem, min(10.6vw, 144px, 16svh));display:flex;flex-direction:column;align-items:center;text-align:center}.hero-title{margin:0;display:flex;flex-direction:column;align-items:center;font-family:var(--font-display);font-weight:700;text-transform:uppercase;line-height:1.02;letter-spacing:-.02em;font-size:var(--title-fs)}.hero-title .line{display:block}.hero-orb{width:min(clamp(168px,30vw,432px),46svh);height:auto;margin-top:calc(var(--title-fs) * -.62);position:relative;z-index:1;pointer-events:none}.hero-meta{margin:clamp(10px,1.7vw,24px) 0 0;display:flex;gap:24px;flex-wrap:wrap;justify-content:center;font-size:clamp(1rem,2.4vw,20px)}.dot{color:var(--accent)}.blink-punct{animation:blink-punct 4s steps(1,end) infinite}@keyframes blink-punct{0%,50%{color:inherit}50.01%,to{color:var(--accent)}}@media (prefers-reduced-motion: reduce){.blink-punct{animation:none;color:var(--accent)}}.head3d{position:relative}.head3d__poster{width:100%;height:auto;opacity:0;transition:opacity .5s ease}.head3d__canvas{position:absolute;inset:0;display:block;width:100%;height:100%;opacity:0;transition:opacity .5s ease}.head3d.is-live .head3d__canvas,.head3d--fallback .head3d__poster{opacity:1}.about{padding-block:clamp(48px,8.5vw,122px)}.about-grid{display:grid;grid-template-columns:minmax(0,738fr) minmax(0,324fr) minmax(0,198fr);gap:clamp(28px,2.2vw,32px);align-items:start}.label{margin:0 0 24px;font-family:var(--font-body);font-weight:400;color:var(--muted);font-size:20px}.about-text,.fact-value{margin:0;font-family:var(--font-display);font-weight:500;line-height:1.28}.about-text{font-size:clamp(1.4rem,2vw,28px);max-width:657px}.fact-value{font-size:clamp(1.6rem,2.6vw,38px)}.section-kicker{margin:0 0 clamp(28px,4vw,46px);text-align:center;font-size:20px;font-weight:400}.section-kicker strong{font-family:var(--font-display);font-weight:700}.work{padding-block:clamp(40px,7vw,96px)}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(56px,6.5vw,96px) 20px}.project-media{display:block;position:relative;border-radius:4px;overflow:hidden;aspect-ratio:630 / 556}.project-title a{transition:color .2s ease}.project-title a:hover,.project-title a:focus-visible{color:var(--accent)}.project-media img{width:100%;height:100%;object-fit:cover;object-position:top center;transform:translate3d(0,var(--py, 0px),0) scale(1.07);transition:filter .4s ease;will-change:transform}.project:hover .project-media img{filter:brightness(1.04) saturate(1.04)}@media (prefers-reduced-motion: reduce){.project-media img{transform:none}}.project-media img.project-media__hover{position:absolute;inset:0;opacity:0;transition:opacity .5s cubic-bezier(.4,0,.2,1)}.project:hover .project-media img.project-media__hover{opacity:1}@media (hover: none){.project-media img.project-media__hover{display:none}}.cursor-view{position:fixed;top:0;left:0;z-index:60;font-family:var(--font-display);font-size:14px;font-weight:600;letter-spacing:.04em;line-height:1;color:#fff;mix-blend-mode:difference;pointer-events:none;opacity:0;transition:opacity .18s ease;will-change:transform}.cursor-view.is-visible{opacity:1}@media (hover: none),(prefers-reduced-motion: reduce){.cursor-view{display:none}}.project-title{margin:20px 0 10px;font-family:var(--font-display);font-weight:500;font-size:clamp(1.75rem,3vw,42px)}.project-meta{margin:0;display:flex;gap:14px;flex-wrap:wrap;font-size:clamp(1.1rem,2.4vw,23px)}.tools{padding-block:clamp(56px,9vw,118px)}.tool-row{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,1fr);gap:clamp(10px,1.5vw,19px)}.tool-row li{aspect-ratio:1}.tool-icon{width:100%;height:100%;border-radius:19.87%;display:block;object-fit:cover;transition:transform .3s ease}.tool-icon--contain{object-fit:contain;background:#fff;padding:14%}.tool-row li:hover .tool-icon{transform:translateY(-6px)}.notice{padding-block:clamp(40px,6vw,80px);overflow-x:clip;--slide-w: min(846px, 60cqw);--slide-gap: 20px}.carousel{width:100%}.notice .section-kicker{margin-bottom:clamp(28px,3.4vw,40px)}.carousel-viewport{overflow:hidden;container-type:inline-size}.carousel-track{list-style:none;margin:0;padding:0;display:flex;gap:var(--slide-gap);padding-inline:calc((100cqw - var(--slide-w)) / 2);transition:transform .55s cubic-bezier(.4,0,.2,1)}.quote{flex-grow:0;flex-shrink:0;flex-basis:var(--slide-w);opacity:.32;transition:opacity .45s ease}.quote.is-active{opacity:1}.carousel.is-snapping .carousel-track,.carousel.is-snapping .quote,.carousel.is-snapping .quote-plate{transition:none}@media (prefers-reduced-motion: reduce){.carousel-track{transition:none}}.quote-plate{height:100%;border-radius:3px;padding:clamp(40px,6.4vw,87px) clamp(24px,4vw,48px) clamp(20px,2.4vw,23px);display:flex;flex-direction:column;align-items:center;gap:clamp(36px,5.6vw,78px);text-align:center;background:transparent;transition:background .45s ease}.quote.is-active .quote-plate{background:#e4dfd3}.quote blockquote{margin:0;max-width:480px;font-family:var(--font-display);font-weight:400;font-size:clamp(1.15rem,2.2vw,24px);line-height:1.42}.cite{display:flex;align-items:center;gap:20px;text-align:left}.avatar{position:relative;width:48px;height:48px;flex-shrink:0;border-radius:50%;overflow:hidden;background:var(--c, #cbb8a0);display:grid;place-items:center;font-family:var(--font-display);font-weight:500;font-size:15px;color:#fff}.avatar-initials{line-height:1}.avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.cite-text{display:flex;flex-direction:column;gap:6px}.cite-text strong{font-family:var(--font-display);font-weight:700;font-size:20px}.cite-text span{font-size:14px;color:var(--muted)}.carousel-nav{margin-top:clamp(28px,3.6vw,40px);display:flex;justify-content:center;gap:40px}.carousel-nav button{width:36px;height:36px;border:0;padding:0;background:none;color:var(--ink);display:grid;place-items:center;cursor:pointer;transition:color .2s ease,transform .2s ease}.carousel-nav button:hover,.carousel-nav button:focus-visible{color:var(--accent)}.carousel-nav button:active{transform:scale(.9)}.carousel-nav button:disabled{opacity:.25;cursor:default}.carousel-nav svg{width:24px;height:24px;stroke-width:1.6}@media (max-width: 720px){.notice{--slide-w: min(846px, 82cqw)}.carousel-nav{gap:32px}}.site-footer{background:var(--footer-bg);color:var(--footer-ink);min-height:100vh;min-height:100svh;display:grid;padding-block:clamp(16px,2.6svh,48px);margin-top:clamp(40px,6vw,80px)}.footer-inner{--title-fs: max(2rem, min(9.4vw, 135px, 15svh));display:flex;flex-direction:column;align-items:center;text-align:center}.footer-title{margin:auto 0 0;font-family:var(--font-display);font-weight:700;text-transform:uppercase;line-height:1.2;letter-spacing:-.01em;font-size:var(--title-fs);max-width:14ch}.footer-orb{width:min(clamp(168px,32vw,460px),38svh);margin-block:calc(var(--title-fs) * -.7) clamp(8px,1.4vw,20px);position:relative;z-index:1;pointer-events:none}.head3d--footer .head3d__poster{mix-blend-mode:lighten}.footer-email{font-family:var(--font-display);font-weight:400;text-transform:uppercase;font-size:clamp(1.35rem,4.4vw,45px);border-bottom:2px solid transparent;transition:border-color .2s ease}.footer-email:hover{border-color:var(--footer-ink)}.footer-bottom{margin-top:auto;padding-top:clamp(24px,4svh,64px);width:100%;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.socials{list-style:none;margin:0;padding:0;display:flex;gap:12px}.socials a{width:45.55px;height:45.55px;display:grid;place-items:center;border-radius:50%;color:var(--footer-ink)}.socials svg{width:100%;height:100%}.socials svg path{transition:fill .2s ease,stroke .2s ease}.socials a:hover,.socials a:focus-visible{color:var(--footer-bg)}.socials a:hover svg path:first-child,.socials a:focus-visible svg path:first-child{fill:var(--accent);stroke:var(--accent)}.copyright{margin:0;font-size:20px;color:var(--footer-ink)}:root{--case-panel: #e8e5df}.case{padding-top:clamp(56px,8vw,120px)}.case-kicker{margin:0 0 clamp(10px,1.4vw,18px);font-family:var(--font-body);font-weight:400;text-transform:uppercase;letter-spacing:.03em;font-size:clamp(.95rem,1.5vw,20px)}.case-title{margin:0;font-family:var(--font-display);font-weight:700;text-transform:uppercase;line-height:1.06;letter-spacing:-.01em;font-size:clamp(1rem,5.2vw,76px)}.case-title .line{display:block}.case-title-dot{color:var(--accent)}.case-panel{margin:0;border-radius:6px;overflow:hidden;background:var(--case-panel)}.case-panel img{display:block;width:100%;height:auto}.case-hero-media{margin-top:clamp(28px,4.8vw,60px)}.case-meta{margin-top:clamp(28px,4vw,56px);display:grid;grid-template-columns:1fr .9fr 1.45fr;gap:clamp(24px,3vw,40px);align-items:start}.case-meta-col{display:flex;flex-direction:column;gap:clamp(20px,2.4vw,30px)}.case-meta .label{margin:0 0 clamp(8px,1vw,12px)}.case-meta-value,.case-meta-list{margin:0;font-family:var(--font-display);font-weight:500;font-size:clamp(1rem,1.5vw,20px);line-height:1.4}.case-meta-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:4px}.case-about{margin:0;font-family:var(--font-display);font-weight:500;font-size:clamp(1.05rem,1.7vw,22px);line-height:1.46}.case-body{margin-top:clamp(52px,8.5vw,116px);display:flex;flex-direction:column;gap:clamp(52px,9vw,120px)}.case-text{max-width:1120px}.case-text .label{margin:0 0 clamp(10px,1.4vw,18px)}.case-text-body{margin:0;font-family:var(--font-display);font-weight:500;font-size:clamp(1.35rem,2.4vw,30px);line-height:1.34}.case-duo{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2vw,20px);align-items:start}.case-quote{margin:0;border-radius:3px;background:#e4dfd3;padding:clamp(40px,7vw,88px) clamp(24px,4vw,48px);display:flex;flex-direction:column;align-items:center;gap:clamp(32px,5vw,64px);text-align:center}.case-quote blockquote{margin:0;max-width:620px;font-family:var(--font-display);font-weight:400;font-size:clamp(1.15rem,2.1vw,24px);line-height:1.42}@media (max-width: 900px){.case-meta{grid-template-columns:1fr 1fr}.case-meta-col--about{grid-column:1 / -1}}@media (max-width: 620px){.case-duo{grid-template-columns:1fr}}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.in{opacity:1;transform:none}@media (max-width: 1100px){:root{--gutter: 48px}.about-grid{grid-template-columns:1fr 1fr}.about-lead{grid-column:1 / -1}}@media (max-width: 760px){:root{--gutter: 22px}body{font-size:18px}.header-inner{grid-template-columns:1fr auto}.logo{font-size:20px}.nav{display:none}.nav-toggle{display:flex}.mobile-nav:not([hidden]){display:flex}.project-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.about-grid{grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);gap:clamp(32px,8vw,48px) clamp(12px,3.5vw,20px)}.about-lead{grid-column:1 / -1}.case-meta{grid-template-columns:1fr 1fr}.case-meta-col--about{grid-column:1 / -1;margin-top:clamp(8px,3vw,20px)}.case-about{font-size:clamp(1.35rem,5.6vw,25px);line-height:1.34}.tool-row{grid-template-columns:repeat(2,1fr);gap:clamp(14px,4vw,22px);max-width:380px;margin-inline:auto;padding-bottom:min(26vw,104px)}.tool-row>li:nth-child(2n){transform:translateY(50%)}}@media (prefers-reduced-motion: reduce){*{transition:none!important;scroll-behavior:auto}.reveal{opacity:1;transform:none}}