@font-face{font-family:Instrument;src:url('./assets/fonts/instrument-sans-latin-wght-normal.woff2') format('woff2');font-weight:400 700;font-display:swap}@font-face{font-family:Instrument;src:url('./assets/fonts/instrument-sans-latin-ext-wght-normal.woff2') format('woff2');font-weight:400 700;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root{--paper:#f5f5f1;--ink:#111110;--muted:#686861;--line:#d4d4cd;--gutter:clamp(24px,4.7vw,88px);--section:clamp(80px,10vw,156px);--ease:cubic-bezier(.2,.75,.2,1);--fast:220ms;--slow:700ms;--header:88px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--header)}body{margin:0;background:var(--paper);color:var(--ink);font-family:Instrument,Arial,sans-serif;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}button{color:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid currentColor;outline-offset:7px}::selection{background:var(--ink);color:var(--paper)}h1,h2,h3,h4,p{margin:0}button{cursor:pointer}img,svg{display:block}button:disabled{cursor:default}section[id]{scroll-margin-top:0}.skip{position:fixed;left:24px;top:-100px;z-index:120;background:var(--ink);color:white;padding:16px}.skip:focus{top:12px}.header{height:var(--header);position:sticky;top:0;z-index:50;background:var(--paper);border-bottom:1px solid var(--line);padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{width:205px;flex-shrink:0}.brand img{width:100%;height:auto}.desktop-nav{display:flex;align-items:center;gap:30px;font-size:13px}.desktop-nav a{position:relative;padding:15px 0}.desktop-nav a:after{content:'';position:absolute;bottom:8px;left:0;right:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform var(--fast)}.desktop-nav a:hover:after{transform:scaleX(1)}sup{font-size:9px;margin-left:3px}.header-actions{display:flex;align-items:center;gap:24px}.header-contact{font-size:13px;border-bottom:1px solid var(--ink);padding:10px 0;white-space:nowrap}.header-contact span{display:inline-block;margin-left:16px;transition:transform var(--fast)}.header-contact:hover span{transform:translate(3px,-3px)}.motion-toggle{display:flex;gap:7px;align-items:center;font-size:10px;background:none;border:0;padding:12px 0;min-height:44px}.motion-glyph{font-size:20px}.menu-toggle{display:none;width:44px;height:44px;background:none;border:0}.mobile-nav{position:fixed;inset:var(--header) 0 0;background:var(--paper);z-index:49;padding:40px var(--gutter)}.mobile-nav a{display:block;font-size:clamp(30px,6vw,60px);padding:20px 0;border-bottom:1px solid var(--line)}
.hero{padding:0 var(--gutter);overflow:hidden}.hero-topline,.hero-foot,.art-coordinates,.art-caption,.section-index,.project-category,.visual-corner,.showcase-caption,.drawing-label,.drawing-baseline{font-size:10px;letter-spacing:.1em;font-weight:500}.hero-topline{display:flex;justify-content:space-between;padding-top:28px}.hero-body{display:grid;grid-template-columns:1.13fr 1fr;align-items:center;min-height:660px;height:calc(100svh - 184px);max-height:950px;gap:24px}.hero-copy{position:relative;z-index:2;padding:44px 0}.hero-copy h1{font-weight:500;line-height:.97;letter-spacing:-.075em;font-size:clamp(70px,7.25vw,124px)}.hero-copy h1>span{display:block}.hero-copy h1>span:first-child{font-size:.49em;letter-spacing:-.045em;margin-bottom:18px;line-height:1.12}.hero-bottom{display:flex;gap:32px;align-items:flex-end;justify-content:space-between;margin-top:46px;max-width:565px}.hero-bottom p{font-size:15px;line-height:1.65;max-width:295px;color:var(--muted)}.round-link{font-size:11px;display:flex;align-items:center;gap:13px;flex-shrink:0}.round-arrow{border:1px solid var(--ink);width:50px;height:50px;border-radius:50%;display:grid;place-content:center;font-size:25px;transition:background var(--fast),color var(--fast),transform var(--fast)}.round-link:hover .round-arrow{background:var(--ink);color:var(--paper);transform:rotate(45deg)}.hero-art{position:relative;height:100%;min-height:540px;display:flex;align-items:center;justify-content:center;perspective:1000px}.mark-stage{position:relative;width:100%;max-width:610px;aspect-ratio:990/915;transform:none}.hero-mark,.mark-outline{position:absolute;width:100%;height:100%;inset:0}.mark-outline{opacity:1}.mark-piece{transform-box:fill-box;transform-origin:center;will-change:transform}.art-coordinates{position:absolute;top:8%;left:0;right:0;display:flex;justify-content:space-between;color:var(--muted);font-size:9px}.art-caption{position:absolute;bottom:7%;left:0;right:0;display:flex;justify-content:space-between;line-height:1.6;color:var(--muted)}.art-cross{position:absolute;font-size:20px;font-weight:400;color:#85857e}.cross-one{top:18%;right:0}.cross-two{bottom:18%;left:0}.hero-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:24px 0;font-size:9px}.hero-foot a span{display:inline-block;margin-left:22px}.section-pad{padding:var(--section) var(--gutter)}.section-index{margin-bottom:48px;color:var(--muted)}h2{font-size:clamp(42px,5.2vw,84px);line-height:1.04;letter-spacing:-.055em;font-weight:500}.intro{border-top:1px solid var(--line)}.intro h2{font-size:clamp(40px,4.8vw,78px)}.underlined{border-bottom:2px solid currentColor}.intro-description{margin:50px 0 0 45%;display:grid;grid-template-columns:1fr 1fr;gap:35px}.intro-description p{font-size:15px;line-height:1.75;color:var(--muted)}
.work{--paper:#f5f5f1;--ink:#111110;background:var(--ink);color:var(--paper)}.work .section-index{color:#aaa}.work-heading{display:grid;grid-template-columns:1fr 1fr;padding-bottom:68px;align-items:end}.work-heading .section-index{grid-column:1/-1}.work-heading h2 span{color:#9a9a93}.work-heading>p{justify-self:end;font-size:15px;color:#a7a7a0;line-height:1.6}.showcase{padding:0 var(--gutter)}.project-switcher{display:none;gap:0;border-top:1px solid #3a3a36;border-bottom:1px solid #3a3a36}.project-switcher button{flex:1;text-align:left;color:#aaa;background:transparent;border:0;padding:22px 15px;font-size:15px;transition:background var(--fast),color var(--fast)}.project-switcher button span{font-size:10px;margin-right:14px}.project-switcher button[aria-current=true]{background:var(--paper);color:var(--ink)}.project-stage{position:relative}.project-panel{display:grid;grid-template-columns:1fr 1.15fr;min-height:570px;padding:40px 0;gap:60px;border-bottom:1px solid #3a3a36}.project-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:20px 0}.project-category{color:#a7a7a0;font-size:9px}.project-copy h3{font-size:clamp(38px,4vw,65px);letter-spacing:-.05em;font-weight:500;line-height:1.15;margin:24px 0}.project-copy h3 span{font-size:16px;vertical-align:top;letter-spacing:0}.project-copy>p{font-size:clamp(23px,2.6vw,40px);line-height:1.17;letter-spacing:-.03em}.project-description{max-width:340px;color:#aaa;font-size:14px;line-height:1.65;margin-top:20px}.text-link{display:flex;justify-content:space-between;gap:70px;border-bottom:1px solid currentColor;padding:14px 0;font-size:13px;margin-top:20px}.text-link span{transition:transform var(--fast)}.text-link:hover span{transform:translate(4px,-4px)}.store-links{display:flex;gap:24px;font-size:10px;color:#bbb;margin-top:20px}.store-links a{padding:8px 0}.store-links a:hover{text-decoration:underline;text-underline-offset:4px}.project-visual{position:relative;min-height:450px;overflow:hidden;background:#deded7;color:#111}.product-mark{position:absolute;bottom:23px;right:24px;width:42px;height:42px;object-fit:contain;filter:grayscale(1);mix-blend-mode:multiply}.visual-corner{position:absolute;left:24px;bottom:24px;font-size:9px}.run-art{background:#dfdfd7}.track{position:absolute;border:1px solid #a3a39b;width:75%;height:120%;border-radius:50%;top:-10%;left:54%;transform:rotate(30deg)}.track-2{left:45%;width:88%;height:130%;top:-15%}.track-3{left:36%;width:101%;height:140%;top:-20%}.track-4{left:27%;width:114%;height:150%;top:-25%}.run-type{position:absolute;top:10%;left:9%;font-size:clamp(64px,7.2vw,115px);font-weight:650;line-height:.85;letter-spacing:-.08em;transform:rotate(-8deg)}.run-type span{-webkit-text-stroke:1px var(--ink);color:transparent}.running-point{position:absolute;right:18%;top:23%;width:23px;height:23px;border-radius:50%;background:#111;box-shadow:0 0 0 8px #dfdfd7}.bimbi-art{background:#e6e4df;display:flex;align-items:center;justify-content:center;perspective:900px}.name-card{position:absolute;width:47%;height:65%;background:#faf9f5;border:1px solid #bdbbb5;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:28px 14px}.name-card span{font-size:8px;letter-spacing:.16em}.name-card b{font-size:clamp(42px,5vw,74px);font-weight:500;letter-spacing:-.04em}.name-card i{font-size:38px;font-style:normal;font-weight:400}.name-one{transform:translate(-45px,-8px) rotate(-13deg)}.name-two{transform:translate(60px,15px) rotate(11deg);background:#111;color:#fff}.match-orbit{position:absolute;width:84%;aspect-ratio:1;border:1px solid #bcbab4;border-radius:50%;z-index:0;pointer-events:none}.name-card{z-index:1}.bet-art{background:#c8c9c4;display:flex;align-items:center;justify-content:center;gap:15px}.pitch{position:absolute;inset:10%;border:1px solid #979a90}.pitch:before{content:'';position:absolute;left:50%;top:0;height:100%;border-left:1px solid #979a90}.pitch>div{position:absolute;left:50%;top:50%;width:32%;aspect-ratio:1;border:1px solid #979a90;border-radius:50%;transform:translate(-50%,-50%)}.score{font-size:clamp(90px,13vw,175px);line-height:1.2;padding:0 24px;background:#f5f5ef;border:1px solid #a7a8a1;font-weight:550;letter-spacing:-.07em;z-index:1}.score-one{transform:rotate(-7deg) translateY(-15px)}.score-two{transform:rotate(7deg) translateY(15px)}.score-colon{font-size:40px;z-index:1}.bet-caption{position:absolute;bottom:17%;font-size:8px;letter-spacing:.17em}.note-art{background:#dededb;display:flex;justify-content:center;align-items:center}.note-sheet{position:absolute;width:59%;height:72%;background:#fff;border:1px solid #b2b2ac;padding:28px}.sheet-back{transform:rotate(-12deg) translate(-18px,8px);background:#c5c5bf}.sheet-front{transform:rotate(7deg);display:flex;flex-direction:column;justify-content:space-between}.note-sheet span{font-size:7px;letter-spacing:.12em}.note-sheet b{font-size:clamp(28px,3.2vw,52px);line-height:1;letter-spacing:-.04em;font-weight:500}.note-lines{height:32px;background:repeating-linear-gradient(transparent 0 15px,#ccc 15px 16px)}.showcase-caption{display:flex;justify-content:space-between;padding:20px 0;color:#999;font-size:8px}.showcase-progress{height:2px;background:#333;display:none}.showcase-progress span{height:100%;display:block;background:#fff;transform:scaleX(.25);transform-origin:left}
.project-directory{padding-top:80px}.directory-heading{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:42px}.directory-heading h3{font-size:34px;letter-spacing:-.04em;font-weight:500}.directory-heading p{color:#aaa;font-size:13px}.directory-row{position:relative;display:grid;grid-template-columns:32px 1fr 1.4fr 150px 32px;align-items:center;gap:20px;padding:30px 0;border-top:1px solid #42423c;transition:padding var(--fast),background var(--fast);overflow:hidden}.directory-row:last-child{border-bottom:1px solid #42423c}.directory-row:hover{padding-left:16px;padding-right:16px;background:#22221e}.row-number{font-size:10px;color:#aaa}.directory-row h4{font-size:20px;letter-spacing:-.025em;font-weight:450}.directory-row h4 small{display:block;font-size:8px;letter-spacing:.08em;margin-top:5px;color:#aaa}.directory-row p{font-size:12px;color:#aaa;line-height:1.5}.row-type{font-size:8px;letter-spacing:.1em;text-align:right;color:#aaa}.row-arrow{font-size:24px;text-align:right;transition:transform var(--fast)}.directory-row:hover .row-arrow{transform:rotate(45deg)}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px}.section-heading>p{color:var(--muted);font-size:15px;line-height:1.65}.services-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:70px;align-items:center;margin-top:72px}.service-list details{border-top:1px solid var(--line)}.service-list details:last-child{border-bottom:1px solid var(--line)}summary{list-style:none;display:flex;align-items:center;gap:20px;padding:27px 0;cursor:pointer}summary::-webkit-details-marker{display:none}summary>span{font-size:10px;color:var(--muted)}summary h3{font-size:23px;font-weight:500;letter-spacing:-.03em}summary i{margin-left:auto;font-size:23px;font-style:normal;transition:transform var(--fast)}details[open] summary i{transform:rotate(45deg)}.service-body{padding:0 35px 30px}.service-body p{font-size:14px;line-height:1.75;color:var(--muted);max-width:440px}.service-body>span{display:block;font-size:8px;letter-spacing:.08em;margin-top:24px}.service-drawing{height:440px;border:1px solid var(--line);position:relative;display:flex;align-items:center;justify-content:center;perspective:800px;overflow:hidden}.drawing-label,.drawing-baseline{position:absolute;left:25px;font-size:8px;color:var(--muted)}.drawing-label{top:25px}.drawing-baseline{bottom:25px}.interface-frame{width:75%;height:54%;border:1px solid var(--ink);background:var(--paper);position:relative;z-index:2;transition:width var(--slow) var(--ease),height var(--slow) var(--ease),transform var(--slow) var(--ease),border-radius var(--slow) var(--ease)}.interface-bar{height:25px;border-bottom:1px solid var(--ink);display:flex;align-items:center;padding:0 10px;gap:4px}.interface-bar i{width:3px;height:3px;border:1px solid #555;border-radius:50%}.interface-content{padding:25px 20px}.interface-title{width:60%;height:15px;background:var(--ink);margin-bottom:16px}.interface-line{height:3px;width:85%;background:#a4a49b;margin-bottom:6px}.interface-line.short{width:55%}.interface-blocks{display:flex;gap:10px;margin-top:25px}.interface-blocks div{height:45px;flex:1;border:1px solid #929288;transition:transform var(--slow) var(--ease)}.interface-satellite{position:absolute;border:1px solid #b6b6ac;width:56%;height:43%;transition:transform var(--slow) var(--ease)}.satellite-one{transform:translate(15px,15px)}.satellite-two{transform:translate(28px,28px)}[data-mode=app] .interface-frame{width:35%;height:68%;border-radius:18px;transform:rotate(-9deg)}[data-mode=app] .interface-bar{justify-content:center;border-bottom:0}[data-mode=app] .interface-bar i{display:none}[data-mode=app] .interface-bar:after{content:'';width:30px;height:4px;background:#111;border-radius:4px}[data-mode=app] .interface-content{padding:18px 12px}[data-mode=app] .interface-blocks{flex-direction:column;gap:8px}[data-mode=app] .interface-blocks div{min-height:30px}[data-mode=app] .satellite-one{transform:translate(50px,18px) rotate(12deg)}[data-mode=app] .satellite-two{transform:translate(-50px,-18px) rotate(-18deg)}[data-mode=product] .interface-frame{transform:rotateY(-25deg) rotateX(12deg);width:64%}[data-mode=product] .satellite-one{transform:translate(32px,-34px) rotateY(-25deg) rotateX(12deg)}[data-mode=product] .satellite-two{transform:translate(-32px,34px) rotateY(-25deg) rotateX(12deg)}.studio{border-top:1px solid var(--line)}.studio-layout{display:grid;grid-template-columns:1fr 1fr;gap:12%}.studio-layout h2 span{color:#77776e}.studio-copy p{font-size:15px;line-height:1.75;color:var(--muted);margin-bottom:22px}.studio-copy .large-copy{font-size:28px;line-height:1.35;letter-spacing:-.025em;color:var(--ink);margin-bottom:30px}.studio-copy .text-link{max-width:240px}.process{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:100px}.process>div{border-top:1px solid var(--ink);padding-top:20px}.process span{font-size:9px;letter-spacing:.08em;color:var(--muted)}.process h3{font-size:25px;font-weight:500;letter-spacing:-.03em;margin:25px 0 12px}.process p{font-size:13px;line-height:1.65;color:var(--muted);max-width:240px}.contact{background:#dcdcd5}.contact h2{font-size:clamp(70px,11vw,180px);letter-spacing:-.075em;line-height:.97}.contact h2>a{display:inline-flex;align-items:baseline;gap:15px}.contact h2>a:hover{color:#55554f}.contact-arrow{display:inline-block;transition:transform 650ms var(--ease);font-weight:400}.contact h2>a:hover .contact-arrow{transform:translate(18px,-18px) rotate(45deg)}.contact-bottom{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;margin-top:60px}.contact-bottom p{font-size:14px;line-height:1.7;color:#55554f}.contact-email{font-size:clamp(18px,2vw,30px);letter-spacing:-.02em;border-bottom:1px solid currentColor;padding-bottom:6px}.copy-email{display:block;border:0;background:none;font-size:10px;padding:16px 0 0;min-height:44px}.copy-status{display:block;min-height:20px;font-size:11px}.footer{display:flex;justify-content:space-between;align-items:center;padding:28px var(--gutter);gap:25px}.footer img{width:220px;height:auto}.footer>span{font-size:8px;letter-spacing:.08em;color:var(--muted);line-height:1.7}.footer>a:last-child{font-size:9px}
.motion-off *, .motion-off *:before,.motion-off *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.motion-off .mark-stage,.motion-off .mark-piece{transform:none!important}
@media(min-width:1700px){.hero-body{gap:70px}.project-panel{gap:100px}.showcase-sticky{max-width:1700px;margin:auto}}
@media(max-width:1100px){.desktop-nav{gap:18px}.header-actions{gap:15px}.motion-label{display:none}.hero-copy h1{font-size:8vw}.hero-bottom{display:block}.round-link{margin-top:25px}.hero-body{min-height:590px}.hero-art{min-height:480px}.project-panel{gap:30px}.directory-row{grid-template-columns:25px 1fr 1.2fr 30px}.row-type{display:none}.services-grid{gap:35px}summary h3{font-size:20px}.service-drawing{height:390px}}
@media(max-width:800px){:root{--header:74px;--gutter:24px;--section:80px}.desktop-nav,.header-contact{display:none}.brand{width:190px}.header{gap:16px}.menu-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.menu-toggle span{width:22px;height:1px;background:currentColor;transition:transform var(--fast)}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.motion-label{display:inline}.hero-topline{font-size:8px}.hero-location{display:none}.hero-body{height:auto;min-height:0;grid-template-columns:1fr;gap:0}.hero-copy{padding:60px 0 15px}.hero-copy h1{font-size:clamp(64px,11vw,105px)}.hero-copy h1>span:first-child{font-size:.48em}.hero-bottom{display:flex;max-width:none;margin-top:32px;gap:20px}.hero-bottom p{font-size:14px;max-width:330px}.round-link{margin:0}.hero-art{min-height:0;height:410px;max-width:510px;width:100%;margin:20px auto}.mark-stage{width:76%;max-width:380px}.art-coordinates{top:0}.art-caption{bottom:0}.hero-foot{font-size:8px}.hero-foot>span:last-child{display:none}.intro-description{margin-left:0}.intro .section-index{margin-bottom:32px}.work-heading{display:block;padding-bottom:45px}.work-heading>p{margin-top:25px}.work-heading h2{font-size:60px}.project-panel{grid-template-columns:1fr 1.1fr;min-height:460px;gap:25px}.project-visual{min-height:370px}.project-copy h3{font-size:34px;margin:18px 0}.project-copy>p{font-size:25px}.project-description{font-size:12px}.project-category{font-size:8px}.text-link{gap:40px}.store-links{gap:13px;font-size:9px}.run-type{font-size:67px}.score{font-size:85px;padding:0 13px}.note-sheet{padding:18px}.note-sheet b{font-size:32px}.name-card{padding:24px 10px}.name-card b{font-size:40px}.name-card span{font-size:6px}.directory-heading{display:block}.directory-heading p{margin-top:12px}.directory-row{grid-template-columns:20px 1fr 25px;gap:12px;padding:24px 0}.directory-row p{grid-column:2;grid-row:2}.row-arrow{grid-column:3;grid-row:1/3}.directory-row h4{font-size:21px}.section-heading{display:block}.section-heading>p{margin-top:28px}.services-grid{grid-template-columns:1fr;margin-top:45px}.service-drawing{height:350px;max-width:540px;width:100%;justify-self:center}.studio-layout{gap:40px}.studio-copy .large-copy{font-size:23px}.process{gap:25px;margin-top:65px}.process h3{font-size:21px}.contact-bottom{display:block;margin-top:40px}.contact-bottom>div{margin-top:30px}.contact-email{font-size:25px}.footer{flex-wrap:wrap}.footer>span{order:3;width:100%}}
@media(max-width:560px){.hero-copy h1{font-size:17vw}.hero-copy h1>span:first-child{font-size:.47em}.hero-bottom{align-items:center}.hero-bottom p{font-size:13px;max-width:230px}.round-link>span:last-child{display:none}.round-arrow{width:46px;height:46px}.hero-art{height:340px}.hero-topline{font-size:7px;letter-spacing:.08em}.intro h2{font-size:38px}.intro-description{grid-template-columns:1fr;gap:20px;margin-top:35px}.intro-description p{font-size:14px}.section-index{font-size:9px;margin-bottom:32px}.work-heading h2{font-size:52px}.project-panel{grid-template-columns:1fr;padding:35px 0 45px;gap:30px}.project-copy{padding:0}.project-copy h3{font-size:43px}.project-copy>p{font-size:28px}.project-description{font-size:14px;max-width:100%}.project-visual{min-height:390px;order:-1}.run-type{font-size:90px}.score{font-size:125px}.name-card b{font-size:56px}.note-sheet b{font-size:40px}.store-links{font-size:11px}.product-mark{width:35px;height:35px}.project-category{margin-top:4px}.showcase-caption{display:none}.directory-row h4{font-size:20px}.project-directory{padding-top:65px}.studio-layout{grid-template-columns:1fr}.studio-layout h2{font-size:53px}.process{grid-template-columns:1fr;gap:30px}.process>div{display:grid;grid-template-columns:1fr 1fr;gap:14px}.process>div>span{grid-column:1/-1}.process h3{margin:0}.process p{font-size:12px}.contact h2{font-size:17vw}.contact h2>a{gap:7px}.contact-email{font-size:clamp(17px,5vw,26px)}.service-body{padding-left:0;padding-right:10px}summary{gap:13px}summary h3{font-size:19px}.service-drawing{height:320px}.footer img{width:190px}.hero-foot{font-size:7px;gap:12px}.hero-foot a span{margin-left:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
body:not(.js) .motion-toggle,body:not(.js) .menu-toggle,body:not(.js) .copy-email{display:none}@media(max-width:800px){body:not(.js) .header{height:auto;flex-wrap:wrap;padding-top:10px;padding-bottom:10px}body:not(.js) .desktop-nav{display:flex;flex-wrap:wrap;font-size:12px;gap:18px}}.motion-off{scroll-behavior:auto}
@media(max-width:380px){.brand{width:155px}.header-actions{gap:8px}.motion-label{display:none}.header{gap:10px}summary h3{font-size:17px}.hero-topline{font-size:6px}.contact-email{font-size:17px}}

/* Theme and revised identity: the mark assembles once and remains still. */
:root{color-scheme:light;--contact-bg:#dcdcd5;--logo-filter:none}
:root[data-theme=dark]{color-scheme:dark;--paper:#111110;--ink:#f5f5f1;--muted:#b2b2a8;--line:#383834;--contact-bg:#242421;--logo-filter:invert(1)}
@media(prefers-color-scheme:dark){:root:not([data-theme]){color-scheme:dark;--paper:#111110;--ink:#f5f5f1;--muted:#b2b2a8;--line:#383834;--contact-bg:#242421;--logo-filter:invert(1)}}
.brand img,.footer img{filter:var(--logo-filter)}
.theme-toggle{width:44px;height:44px;flex-shrink:0;display:grid;place-items:center;background:none;border:1px solid var(--line);border-radius:50%;padding:11px}
.theme-toggle svg{width:20px;height:20px}.theme-sun{display:none}
[data-theme=dark] .theme-sun{display:block}[data-theme=dark] .theme-moon{display:none}
body:not(.js) .theme-toggle{display:none}
.contact{background:var(--contact-bg)}.contact-bottom p{color:var(--muted)}
.contact h2>a{align-items:center;gap:.22em;max-width:100%}
.contact-arrow{width:.65em;height:.65em;flex:0 0 .65em;transition:transform 500ms var(--ease)}
.contact h2>a:hover{color:var(--ink)}.contact h2>a:hover .contact-arrow{transform:rotate(45deg)}
.project-copy h3{display:flex;align-items:center;gap:18px}
.project-monogram{width:.9em;height:.9em;flex-shrink:0}
.product-mark{filter:none;mix-blend-mode:normal}
.directory-monogram{width:42px;height:42px}
.directory-row{grid-template-columns:48px 1fr 1.4fr 150px 32px}
[data-mode=app] .interface-bar:after{background:var(--ink)}
.studio-layout h2 span{color:var(--muted)}
@media(max-width:1100px){.header-actions{gap:12px}.directory-row{grid-template-columns:44px 1fr 1.2fr 30px}}
@media(max-width:800px){.motion-label{display:none}.header-actions{gap:8px}.directory-row{grid-template-columns:44px 1fr 25px}.directory-monogram{grid-row:1/3}.directory-row h4{grid-column:2}.hero-copy{padding-top:40px}}
@media(max-width:560px){.hero-art{height:300px}.project-copy h3{gap:14px}.project-monogram{width:40px;height:40px}.contact h2>a{gap:.2em}}
@media(max-width:380px){.brand{width:140px}.header{gap:6px}.header-actions{gap:4px}.motion-toggle{width:30px;justify-content:center}.theme-toggle{width:40px;height:40px;padding:9px}.menu-toggle{width:40px;padding:0}.hero-art{height:260px}.directory-row h4{font-size:18px}}

/* Original project identities, rendered without color. Keep their actual artwork. */
.original-logo{display:inline-flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}
.original-logo img{display:block;width:100%;height:100%;object-fit:contain;filter:grayscale(1) brightness(1.25);transform:scale(var(--logo-scale,1))}
.logo-bimbi{--logo-scale:1.7}.logo-budgetbuddy{--logo-scale:1.5}
.logo-runnin img,.logo-betterbet img,.logo-stawka img{filter:grayscale(1) brightness(0) invert(1)}
.product-mark img{filter:grayscale(1)}
.product-mark.logo-runnin img,.product-mark.logo-betterbet img{filter:grayscale(1) brightness(0)}
.directory-monogram.logo-autospa{width:48px;height:48px}
.project-copy h3 .project-monogram{font-size:inherit;letter-spacing:normal}
.logo-bimbi img,.logo-budgetbuddy img{filter:grayscale(1)}

/* Height is measured per interaction so reversals start at the visible frame. */
.service-list details.is-animating{overflow:hidden}
.service-list summary[aria-expanded=false] i{transform:rotate(0deg)}
.service-list summary[aria-expanded=true] i{transform:rotate(45deg)}

/* One header offset only. Anchor the section label, not its empty top padding. */
#produkty{--anchor-gap:40px}
#oferta{--anchor-gap:40px}
#studio{--anchor-gap:40px}
#kontakt{--anchor-gap:32px}
#produkty,#oferta,#studio,#kontakt{scroll-margin-top:calc(var(--anchor-gap) - var(--section))}
#start,#main{scroll-margin-top:0}
@media(max-width:800px){#produkty,#oferta,#studio{--anchor-gap:24px}#kontakt{--anchor-gap:24px}}

/* Manual carousel: no sticky scene and no page-scroll driven state. */
.carousel-controls{display:none}
.carousel-ready .showcase-sticky{position:static;height:auto;min-height:0}
.carousel-ready .project-switcher{display:flex}
.carousel-ready .project-stage{display:grid;overflow:hidden;touch-action:pan-y pinch-zoom}
.carousel-ready .project-panel{grid-area:1/1;min-width:0;opacity:0;visibility:hidden;pointer-events:none;transform:translateX(36px);transition:opacity 320ms ease,transform 480ms var(--ease),visibility 480ms;border-bottom:0}
.carousel-ready .project-panel.is-active{opacity:1;visibility:visible;pointer-events:auto;transform:none}
.carousel-ready .carousel-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0;border-top:1px solid #3a3a36}
.carousel-controls>div{display:flex;gap:10px}.carousel-controls button{width:48px;height:48px;border:1px solid #66665e;background:transparent;color:inherit;font-size:25px;transition:background 180ms,color 180ms}.carousel-controls button:hover{background:#f5f5f1;color:#111110}
.carousel-status{font-size:12px;color:#bcbcb5}
.carousel-ready .showcase-progress{display:block}.showcase-progress span{transition:transform 400ms var(--ease)}
.stawka-art{display:flex;align-items:center;justify-content:center;background:#dadad2}
.quiz-orbit{position:absolute;width:84%;aspect-ratio:1;border:1px solid #99998f;border-radius:50%}
.quiz-ticket{position:relative;width:60%;padding:30px;background:#111;color:#f5f5f1;transform:rotate(-8deg);border:1px solid #777;display:grid;gap:25px}
.quiz-ticket>span{font-size:8px;letter-spacing:.1em}.quiz-ticket b{font-size:clamp(65px,7vw,110px);letter-spacing:-.07em;line-height:.85;font-weight:550}
.quiz-chip{position:absolute;right:12%;bottom:18%;border:1px solid #111;border-radius:50%;width:95px;height:95px;display:grid;place-items:center;background:#f5f5f1;font-size:60px}
.autospa-art{background:#d4d4ce}.spa-word{position:absolute;left:8%;top:16%;font-size:clamp(70px,8vw,120px);font-weight:600;letter-spacing:-.07em;line-height:.86}.spa-word span{-webkit-text-stroke:1px #111;color:transparent}.spa-sun{position:absolute;width:70%;aspect-ratio:1;border:1px solid #99998f;border-radius:50%;right:-15%;top:-15%}.spa-rule{position:absolute;left:8%;right:8%;height:1px;bottom:28%;background:#99998f}.spa-label{position:absolute;left:8%;bottom:15%;font-size:9px;line-height:1.8;letter-spacing:.12em}
@media(max-width:800px){.carousel-ready .project-switcher{display:grid;grid-template-columns:1fr 1fr}.project-switcher button{min-height:50px;padding:14px;font-size:13px}.carousel-ready .project-panel{align-content:start}.carousel-status{font-size:11px}}
@media(max-width:560px){.carousel-ready .project-visual{min-height:300px}.carousel-ready .project-panel{gap:24px}.spa-word{font-size:80px}.quiz-ticket{padding:24px}.quiz-chip{width:75px;height:75px;font-size:48px}.carousel-ready .project-copy h3{font-size:36px}}
.product-mark.logo-stawka img{filter:grayscale(1) brightness(0)}
@media(max-width:560px){.quiz-ticket{transform:translateY(-16px) rotate(-8deg) scale(.88)}}

.carousel-controls .carousel-playback{width:auto;min-width:114px;padding:0 14px;font-size:12px;white-space:nowrap}
@media(max-width:560px){.carousel-ready .carousel-controls{flex-wrap:wrap;gap:12px}.carousel-controls>div{margin-left:auto}.carousel-controls .carousel-playback{min-width:110px}}

.carousel-controls .carousel-playback{display:grid;place-items:center;width:48px;min-width:48px;padding:12px}
.carousel-playback svg{width:22px;height:22px}.playback-play{display:none}
.carousel-playback[aria-pressed=true] .playback-play{display:block}.carousel-playback[aria-pressed=true] .playback-pause{display:none}
.countdown-row{display:none;align-items:center;gap:18px}.carousel-ready .countdown-row{display:flex}
.countdown-row .showcase-progress{flex:1;height:3px}.countdown-row .showcase-progress span{transition:none;transform:scaleX(0)}
.carousel-seconds{min-width:32px;text-align:right;font-size:12px;font-variant-numeric:tabular-nums;color:#bcbcb5}

/* Vector symbols never depend on platform emoji fonts. */
svg.ui-symbol{display:inline-block;width:1em;height:1em;vertical-align:-.15em;flex-shrink:0;pointer-events:none;overflow:visible}