@font-face{font-family:BarlowDisplay;src:url('assets/barlow-condensed-black.otf') format('opentype');font-weight:900;font-display:swap}
@font-face{font-family:Barlow;src:url('assets/barlow-semibold.otf') format('opentype');font-weight:600;font-display:swap}
@font-face{font-family:Poppins;src:url('assets/poppins-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Poppins;src:url('assets/poppins-medium.ttf') format('truetype');font-weight:500;font-display:swap}
:root{--brand-purple:#240c36;--brand-red:#c52035;--brand-white:#ffffff;--bg:#240c36;--white:#ffffff;--accent:#c52035;--secondary:#c52035;--gray:#b2aab9;--line:#ffffff26;--pad:clamp(24px,4.5vw,86px);--display:BarlowDisplay,Impact,'Arial Narrow',sans-serif;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--white);font:400 14px/1.65 Poppins,Arial,sans-serif;-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}body::after{content:'';pointer-events:none;position:fixed;inset:0;z-index:90;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.94' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23noise)' opacity='.8' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:500;letter-spacing:-.045em;line-height:1.05}h2{font-size:clamp(40px,5.1vw,78px)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{border-radius:0}img{display:block;max-width:100%;height:auto}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--secondary);outline-offset:6px}::selection{color:var(--bg);background:var(--accent)}.section-pad{padding-left:var(--pad);padding-right:var(--pad)}.display{font-family:var(--display);font-weight:900;letter-spacing:-.02em;line-height:.88}.outline{-webkit-text-stroke:1px currentColor;color:transparent}.serif{font-family:Georgia,serif;font-weight:400;font-style:italic;letter-spacing:-.065em}.eyebrow,.section-meta>span{font-family:Barlow,Arial,sans-serif;font-size:10px;line-height:1.6;letter-spacing:.08em;text-transform:uppercase}.section-meta{display:flex;align-items:center;justify-content:space-between;gap:24px}.section-meta .small-star{font-size:40px;color:var(--accent);line-height:1}.small-star{font-size:50px;color:var(--accent)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip{position:fixed;top:-100px;left:20px;padding:12px 22px;background:var(--accent);color:var(--bg);z-index:200}.skip:focus{top:20px}.scroll-progress{position:fixed;top:0;left:0;height:2px;background:var(--accent);width:100%;transform:scaleX(0);transform-origin:left;z-index:120}.cursor{position:fixed;left:0;top:0;transform:translate(-150px,-150px);width:12px;height:12px;background:var(--accent);border-radius:50%;pointer-events:none;z-index:150;display:grid;place-items:center;opacity:0;transition:width .25s,height .25s,background .25s}.cursor span{opacity:0;font:600 10px Barlow,Arial;letter-spacing:.03em;color:var(--bg)}.cursor.expanded{width:80px;height:80px}.cursor.expanded span{opacity:1}.cursor.on-light{background:var(--secondary)}.header{position:fixed;top:0;left:0;right:0;z-index:40;display:flex;justify-content:space-between;align-items:center;gap:30px;height:97px;padding:0 var(--pad);transition:background .4s,height .4s,border-color .4s;border-bottom:1px solid transparent}.header.scrolled{background:#240c36e8;backdrop-filter:blur(16px);height:78px;border-color:#ffffff12}.brand{display:block;width:220px;flex-shrink:0}.brand img{width:100%}.header-caption{font:600 9px/1.45 Barlow,Arial;letter-spacing:.09em;opacity:.6;margin-left:auto;margin-right:5vw}.header-actions{display:flex;align-items:center;gap:16px}.header-contact{border:1px solid #ffffff50;border-radius:30px;display:flex;align-items:center;gap:30px;padding:11px 20px;font-size:11px;transition:color .3s,background .3s}.header-contact>span:last-child{font-size:18px;line-height:1}.header-contact:hover{background:var(--accent);color:var(--bg);border-color:var(--accent)}.menu-toggle{background:none;border:0;padding:9px 0 9px 15px;display:flex;gap:12px;align-items:center;font:600 10px Barlow;letter-spacing:.05em}.menu-plus{font-size:28px;line-height:1;transition:transform .4s}.menu-toggle:hover .menu-plus{transform:rotate(90deg)}.hero{position:relative;isolation:isolate;min-height:820px;height:100svh;max-height:1150px;padding:130px var(--pad) 0;overflow:hidden;background:var(--bg)}.hero-grid{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(90deg,transparent calc(100% - 1px),#ffffff09 calc(100% - 1px));background-size:25% 100%;opacity:.8}.hero-topline{display:flex;justify-content:space-between;gap:25px;position:relative;z-index:3;font:600 9px Barlow;letter-spacing:.08em;color:#dedbe1}.hero-topline p{display:flex;align-items:center;gap:10px}.live-dot{width:6px;height:6px;display:inline-block;background:var(--accent);border-radius:50%;box-shadow:0 0 14px #c5203550;flex-shrink:0}.hero-topline time{margin-left:8px}.hero h1{font-family:var(--display);font-weight:900;font-size:clamp(120px,17vw,280px);letter-spacing:-.018em;line-height:.82;position:relative;z-index:2;margin-top:38px;width:69%;pointer-events:none}.hero-line{display:block;overflow:hidden;padding-bottom:.045em;margin-bottom:-.045em}.line-inner{display:block;transform-origin:left bottom}.hero-line-big{color:var(--accent);white-space:nowrap;font-size:1.23em;margin-top:8px}.hero-big{display:inline-block;pointer-events:auto}.hero-dot{color:var(--secondary)}.hero-stage{position:absolute;width:53vw;height:80%;min-height:540px;right:-3.5vw;top:12%;z-index:1;touch-action:pan-y;cursor:grab}.hero-stage:active{cursor:grabbing}.hero-stage canvas{width:100%;height:100%;display:block;position:absolute;inset:0;z-index:2;opacity:0;transition:opacity 1s}.hero-stage.scene-ready canvas{opacity:1}.scene-halo{position:absolute;width:78%;height:78%;left:12%;top:8%;background:radial-gradient(ellipse,#c5203517,transparent 65%);border-radius:50%;border:1px solid #c5203520;transform:rotate(-25deg);pointer-events:none}.scene-halo::after{content:'';position:absolute;inset:8%;border:1px solid #ffffff0c;border-radius:50%;transform:rotate(45deg) scaleX(.8)}.scene-fallback{position:absolute;inset:15%;width:70%;height:70%;object-fit:cover;border-radius:50%;filter:saturate(.5);opacity:.5;transition:opacity .6s}.scene-ready .scene-fallback{opacity:0}.scene-cross{position:absolute;color:var(--accent);font:400 25px Arial;opacity:.5;z-index:3}.scene-cross-a{top:18%;left:15%}.scene-cross-b{bottom:19%;right:12%}.scene-label{position:absolute;right:16%;top:8%;font:600 8px Barlow;letter-spacing:.08em;display:flex;align-items:center;gap:18px;z-index:3}.scene-label>span:last-child{font-size:26px}.scene-mode{position:absolute;bottom:16%;left:25%;z-index:4;background:#240c36bb;border:1px solid #ffffff35;backdrop-filter:blur(12px);color:var(--white);border-radius:30px;padding:12px 16px;display:flex;gap:11px;align-items:center;font:600 8px Barlow;letter-spacing:.06em;transition:background .3s}.scene-mode:hover{background:#453054}.material-dot{background:linear-gradient(135deg,white,#a3a3a3,#4c4c4c);width:13px;height:13px;border-radius:50%;display:block}.scene-mode>span:last-child{font-size:18px}.scene-coordinate{position:absolute;right:15%;bottom:9%;font:600 7px Barlow;letter-spacing:.08em;opacity:.45;z-index:3}.hero-bottom{position:absolute;left:var(--pad);right:var(--pad);bottom:84px;display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:5vw;align-items:center;z-index:4;pointer-events:none}.hero-bottom>p:first-child{font-size:18px;line-height:1.5;letter-spacing:-.035em}.hero-description{font-size:11px;max-width:280px;color:var(--gray);line-height:1.8}.round-link{width:85px;height:85px;border:1px solid #ffffff70;border-radius:50%;display:grid;place-items:center;position:relative;justify-self:end;margin-right:90px;pointer-events:auto}.round-link>span:first-child{font:400 40px/1 Arial;color:var(--accent);transition:transform .4s}.round-link:hover>span:first-child{transform:translateY(8px)}.round-label{position:absolute;left:calc(100% + 16px);font:600 8px/1.6 Barlow;letter-spacing:.05em;white-space:nowrap}.hero-edge{position:absolute;left:var(--pad);right:var(--pad);bottom:25px;display:flex;justify-content:space-between;gap:20px;padding-top:20px;border-top:1px solid var(--line);font:600 7px Barlow;letter-spacing:.08em;color:#a79eaf}.ticker{background:var(--accent);color:var(--bg);overflow:hidden;padding:17px 0;transform:rotate(-1.5deg) scale(1.04);position:relative;z-index:5;margin-top:-10px}.ticker-track{display:flex;align-items:center;gap:35px;width:max-content;animation:ticker 26s linear infinite;will-change:transform}.ticker span{font:900 58px/.95 var(--display);white-space:nowrap;letter-spacing:-.01em}.ticker i{font-style:normal;font-size:46px;line-height:1}.ticker:hover .ticker-track{animation-play-state:paused}@keyframes ticker{to{transform:translateX(-50%)}}
.manifesto{padding-top:130px;padding-bottom:120px}.manifesto-text{font-size:clamp(43px,6.5vw,104px);font-weight:500;max-width:1200px;line-height:1.14;letter-spacing:-.065em;margin:45px 0 65px}.word-reveal{display:inline-block;margin-right:.22em}.manifesto-bottom{display:grid;grid-template-columns:1fr 1.2fr 1fr;align-items:end;gap:6vw}.outline-number{font:400 135px/.7 Arial;color:var(--accent)}.manifesto-bottom>p{font-size:12px;line-height:1.9;color:var(--gray);max-width:360px}.text-link{font-size:11px;font-weight:500;border:0;border-bottom:1px solid currentColor;background:none;padding:0 0 7px;display:inline-flex;gap:28px;align-items:center;justify-content:space-between;justify-self:start;line-height:1.65}.text-link>span{font-size:23px;line-height:1}.manifesto-bottom .text-link{justify-self:end}.work{padding-bottom:65px;background:var(--bg)}.work-heading{padding-top:30px;padding-bottom:70px;display:flex;align-items:flex-end;justify-content:space-between;gap:40px}.work-heading .eyebrow{color:var(--gray);margin-bottom:28px}.work-heading h2{font-size:clamp(85px,11vw,180px)}.work-intro{padding-bottom:10px}.work-intro p{font-size:12px;line-height:1.8}.work-intro>span{font:600 8px Barlow;color:var(--gray);display:block;margin-top:35px;letter-spacing:.06em}.work-stage{position:relative}.work-toolbar{padding:20px var(--pad);background:#240c36;display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid var(--line);font:600 8px Barlow;letter-spacing:.08em}.project-dots{display:flex;gap:12px}.project-dots button{border:1px solid #ffffff35;background:none;color:var(--white);font:600 9px Barlow;width:30px;height:30px;border-radius:50%;transition:color .3s,background .3s}.project-dots button.active{background:var(--accent);color:var(--bg);border-color:var(--accent)}.case{display:grid;grid-template-columns:35% 65%;min-height:650px;position:relative;overflow:hidden}.case-copy{padding:55px 30px 40px var(--pad);display:flex;flex-direction:column;position:relative;z-index:2;background:#240c36}.case-number{font:600 9px Barlow;color:#bdb6c3;letter-spacing:.1em;display:block;margin-bottom:45px}.case-copy>.eyebrow{font-size:8px;opacity:.7}.case h3{font:900 clamp(74px,8.1vw,135px)/.88 var(--display);letter-spacing:-.025em;margin-top:16px}.case h3>span{color:#c52035}.case-description{margin-top:auto;padding-top:35px}.case-description>p{font-size:19px;letter-spacing:-.04em}.case-description>span{font-size:10px;line-height:1.8;display:block;max-width:240px;opacity:.65;margin-top:6px}.case-open{display:flex;align-items:center;justify-content:space-between;gap:15px;border:0;border-top:1px solid #ffffff40;background:none;padding:22px 0 0;margin-top:25px;max-width:260px;font-size:10px;text-align:left}.case-open>span:last-child{font-size:29px;line-height:1}.case-visual{position:relative;overflow:hidden;min-height:650px;background:#240c36}.case-visual>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;will-change:transform}.case-visual::after{content:'';inset:0;position:absolute;background:linear-gradient(0deg,#0008,transparent 60%);pointer-events:none}.concept-badge{position:absolute;top:25px;right:25px;padding:5px 9px;border:1px solid #ffffff60;background:#0003;font:600 7px Barlow;letter-spacing:.08em;z-index:2}.case-image-type{position:absolute;bottom:50px;left:40px;font:900 clamp(70px,10vw,155px)/.83 var(--display);letter-spacing:-.015em;color:#ffffffc9;z-index:2;mix-blend-mode:screen;pointer-events:none}.case-coordinate{position:absolute;bottom:22px;left:40px;font:600 7px Barlow;letter-spacing:.1em;color:#fffc;z-index:2}.case-kkraaee .case-copy{background:#c52035;color:#ffffff}.case-kkraaee h3>span{color:#ffffff}.case-kkraaee .case-number{color:#ffffff}.case-kkraaee .case-open{border-color:#ffffff55}.case-mgr .case-copy{background:#240c36}.case-mgr h3>span{color:var(--accent)}.case-mgr .case-number{color:#bdb6c3}.case-mgr h3{font-size:clamp(64px,7.1vw,115px)}.work-progress{height:3px;background:#ffffff1a;display:none}.work-progress span{display:block;height:100%;width:100%;transform:scaleX(.3333);transform-origin:left;background:var(--accent)}.work-disclosure{font-size:8px;color:#b2aab9;line-height:1.8;max-width:900px;margin-top:25px}.work-scroll-hint{display:none}
@media(min-width:900px){.motion-on .work-stage{height:100svh;overflow:hidden}.motion-on .work-toolbar{position:absolute;top:78px;left:0;right:0;z-index:5;background:#240c36cf;backdrop-filter:blur(10px)}.motion-on .work-track{display:flex;width:max-content;height:100%}.motion-on .case{flex:0 0 100vw;width:100vw;height:100%;padding-top:145px;min-height:0}.motion-on .case-copy{padding-top:30px;padding-bottom:30px}.motion-on .case-number{margin-bottom:25px}.motion-on .case-visual{min-height:0}.motion-on .work-progress{display:block;position:absolute;left:0;right:0;bottom:0;z-index:6}.motion-on .work-scroll-hint{display:block}}
.services{background:var(--white);color:var(--bg);padding-top:90px;padding-bottom:110px}.services .section-meta{border-bottom:1px solid #0003;padding-bottom:25px}.services-heading{display:flex;justify-content:space-between;gap:5vw;align-items:flex-end;margin:55px 0}.services-heading h2{font-size:clamp(39px,4.6vw,70px);font-family:Barlow,Arial,sans-serif;font-weight:600;letter-spacing:-.045em}.services-heading .serif{font-size:1.3em;line-height:1.15;display:inline-block;margin-top:10px}.services-heading>p{font-size:12px;max-width:270px;line-height:1.9}.service{border-top:1px solid #0003;position:relative}.service:last-child{border-bottom:1px solid #0003}summary{list-style:none;cursor:pointer}summary::-webkit-details-marker{display:none}.service summary{display:grid;grid-template-columns:65px 1fr 70px;align-items:center;gap:25px;padding:30px 0;position:relative}.service-index{font:600 10px Barlow;opacity:.5}.service h3{font-family:Barlow,Arial,sans-serif;font-size:clamp(27px,3.7vw,57px);font-weight:600;letter-spacing:-.04em;line-height:1.15}.service-icon{font:400 45px Arial;justify-self:end;transition:transform .4s,color .4s}.service[open] .service-icon{transform:rotate(45deg);color:#c52035}.service-body{display:grid;grid-template-columns:1fr 1fr;gap:25px 6vw;padding:0 70px 30px 90px}.service-body>p{font-size:12px;line-height:1.9;max-width:430px}.service-body ul{margin:0;list-style:none;padding:0;font-size:11px;line-height:2}.service-body li::before{content:'↗';margin-right:10px}.service-body .text-link{font-size:10px;grid-column:1/-1}.service summary:hover h3{transform:translateX(8px)}.service h3{transition:transform .4s var(--ease)}.lab{background:#311b42;color:var(--white);padding-top:100px;padding-bottom:35px;overflow:hidden}.lab-heading{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;position:relative;z-index:2}.lab-heading .eyebrow{color:var(--accent);margin-bottom:25px}.lab-heading h2{font-size:clamp(65px,8vw,120px)}.lab-heading h2 .serif{font-size:.57em;line-height:1.2;display:block;margin-top:15px}.lab-heading>p{font-size:11px;line-height:1.9;color:#bdb6c3;max-width:240px;padding-bottom:5px}.idea-board{position:relative;height:650px;max-width:1600px;margin:25px auto 0;overflow:hidden;isolation:isolate;background-image:radial-gradient(#ffffff17 .7px,transparent .7px);background-size:25px 25px}.board-watermark{position:absolute;inset:0;display:grid;align-content:center;justify-content:center;font:900 340px/.72 var(--display);letter-spacing:-.03em;color:#ffffff07;pointer-events:none}.board-axis{position:absolute;inset:55px var(--pad);display:grid;grid-template-columns:1fr 1fr;align-content:space-between;font:400 25px Arial;color:#ffffff25;pointer-events:none}.board-axis span:nth-child(even){text-align:right}.idea-piece{position:absolute;border:0;box-shadow:0 13px 25px #240c3645;text-align:left;user-select:none;touch-action:none;cursor:grab;will-change:transform;transition:box-shadow .3s}.idea-piece:hover,.idea-piece:focus-visible{box-shadow:0 22px 40px #240c3666}.idea-piece:active{cursor:grabbing}.piece-note{background:var(--accent);color:#ffffff;width:240px;height:285px;left:7%;top:90px;padding:20px;display:flex;flex-direction:column;justify-content:space-between;transform:rotate(-9deg)}.piece-note>span{font:600 8px Barlow;letter-spacing:.07em}.piece-note strong{font:900 115px/.75 var(--display);letter-spacing:-.02em}.piece-photo{background:var(--white);color:#240c36;width:300px;padding:12px 12px 17px;left:29%;top:215px;transform:rotate(7deg)}.piece-photo>img{width:100%;height:205px;object-fit:cover;pointer-events:none}.piece-photo>span{display:block;font:600 8px Barlow;margin-top:12px;letter-spacing:.03em}.piece-circle{width:210px;height:210px;background:#ffffff;color:#240c36;border:10px solid #c52035;border-radius:50%;left:49%;top:50px;padding:15px;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(-12deg)}.piece-circle>span{font:600 7px Barlow;letter-spacing:.06em}.piece-circle strong{font:900 50px/.85 var(--display);margin:9px 0}.piece-pink{background:var(--secondary);color:#ffffff;width:210px;height:275px;left:72%;top:140px;padding:18px;display:flex;flex-direction:column;justify-content:space-between;transform:rotate(10deg)}.piece-pink>span{font:600 8px Barlow;letter-spacing:.06em}.piece-pink strong{font:900 65px/.83 var(--display)}.piece-type{width:260px;height:170px;background:var(--white);color:#240c36;padding:20px;left:50%;top:390px;transform:rotate(-5deg);display:flex;flex-direction:column;justify-content:space-between}.piece-type strong{font:900 54px/.82 var(--display)}.piece-type>span{font:600 7px Barlow}.piece-star{border:0;box-shadow:none;background:none;color:var(--accent);left:9%;top:400px;width:160px;height:160px;padding:0;display:grid;place-items:center;transform:rotate(12deg);font:400 170px/1 Arial;filter:drop-shadow(0 10px 5px #0003)}.piece-star:hover{box-shadow:none}.lab-controls{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid #ffffff20;padding-top:25px}.lab-controls>span{font:600 7px Barlow;letter-spacing:.08em;color:#bdb6c3}.lab-controls .text-link{font-size:10px}.about{padding-top:110px;padding-bottom:120px}.about .section-meta{color:var(--gray);margin-bottom:40px}.about-heading{display:flex;justify-content:space-between;gap:40px;align-items:flex-end}.about-heading h2{font-size:clamp(65px,9vw,150px);line-height:.92}.about-heading>p{font-size:11px;color:var(--gray);line-height:1.9;max-width:270px;margin-bottom:8px}.about-grid{display:grid;grid-template-columns:1fr 1fr .85fr;gap:28px;margin-top:70px;align-items:start}.founder-karloso{padding-top:90px}.portrait-wrap{position:relative;aspect-ratio:.82;overflow:hidden;background:#240c36}.portrait-wrap>img{width:100%;height:115%;object-fit:cover;filter:grayscale(1);transform:translateY(-5%);transition:filter .7s}.portrait-wrap:hover>img{filter:grayscale(0)}.portrait-symbol{position:absolute;right:20px;bottom:20px;font:400 55px Arial;color:var(--accent);line-height:1;mix-blend-mode:screen}.founder figcaption{display:flex;justify-content:space-between;gap:14px;padding-top:17px;align-items:center;font-size:11px}.founder figcaption>span:last-child{font:600 7px Barlow;color:var(--gray);max-width:100px;text-align:right;letter-spacing:.04em}.about-note{padding:35px 0 0 25px}.about-note h3{font-size:28px;line-height:1.1;letter-spacing:-.05em;margin:28px 0 24px}.about-note>p{font-size:11px;color:var(--gray);line-height:1.9;max-width:260px}.about-note .text-link{font-size:9px;margin-top:25px}.process{padding-top:0;padding-bottom:110px}.process .section-meta{padding-top:35px;border-top:1px solid var(--line);color:var(--gray);margin-bottom:45px}.process h2{font-size:clamp(35px,4.4vw,65px)}.process h2 .serif{display:block;margin-top:10px;font-size:1.15em}.process-grid{margin:70px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr 1fr;gap:50px}.process-grid li{border-top:1px solid var(--line);padding-top:22px}.process-number{font:900 80px/.9 var(--display);color:var(--accent);display:block;margin-bottom:35px}.process-grid h3{font-size:26px;margin-bottom:20px}.process-grid p{font-size:11px;color:var(--gray);line-height:1.9;max-width:320px}.contact{background:var(--accent);color:var(--bg);padding-top:70px;padding-bottom:85px}.contact .live-dot{background:var(--bg);margin-right:8px}.contact .section-meta{border-bottom:1px solid #240c3630;padding-bottom:25px}.contact-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:7vw;margin-top:60px;align-items:center}.contact h2{font-size:clamp(90px,10.7vw,175px);line-height:.87}.contact h2>span{color:#240c36;-webkit-text-stroke:1px #240c36}.contact-copy>p{font-size:13px;margin-top:30px;line-height:1.8}.contact-email{display:inline-block;border-bottom:1px solid #ffffff70;font-size:12px;padding-bottom:6px;margin-top:25px}.brief-form{background:var(--bg);color:var(--white);padding:36px;position:relative;transform:rotate(1deg)}.form-index{display:block;font:600 8px Barlow;letter-spacing:.08em;color:var(--accent);margin-bottom:30px}.brief-form h3{font-size:27px;margin-bottom:30px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:22px}.brief-form label{display:block;font-size:10px;margin-top:22px;color:#c8c2cd}.form-row label{margin-top:0}.brief-form input,.brief-form select,.brief-form textarea{display:block;width:100%;background:none;border:0;border-bottom:1px solid #ffffff38;border-radius:0;padding:15px 0;font-size:11px;color:var(--white);outline-offset:4px}.brief-form select option{background:var(--bg);color:var(--white)}.brief-form input::placeholder,.brief-form textarea::placeholder{color:#b2aab9}.brief-form textarea{resize:vertical;min-height:95px}.send-button{width:100%;border:0;background:var(--accent);color:var(--bg);display:flex;justify-content:space-between;align-items:center;gap:15px;padding:18px 20px;font-size:11px;margin-top:25px;transition:background .3s}.send-button:hover{background:var(--white)}.send-button>span:last-child{font-size:25px;line-height:1}.form-note{font-size:8px!important;line-height:1.9!important;color:#b2aab9;margin-top:15px}.form-note>a{text-decoration:underline}.faq{display:grid;grid-template-columns:1fr 1.3fr;gap:9vw;padding-top:100px;padding-bottom:90px}.faq .eyebrow{color:var(--gray);margin-bottom:20px}.faq h2{font-size:clamp(40px,4.5vw,70px)}.faq details{border-bottom:1px solid var(--line)}.faq details:first-child{border-top:1px solid var(--line)}.faq summary{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:24px 0;font-size:13px;line-height:1.5}.faq summary>span{font-size:25px;font-weight:400;color:var(--accent);transition:transform .3s}.faq details[open] summary>span{transform:rotate(45deg)}.faq details p{font-size:11px;color:var(--gray);padding:0 35px 24px 0;line-height:1.9}.footer{padding-top:50px;padding-bottom:25px;border-top:1px solid var(--line);overflow:hidden}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:25px;font:600 8px/1.7 Barlow;letter-spacing:.07em;color:var(--gray)}.footer-up{width:46px;height:46px;border:1px solid #ffffff50;border-radius:50%;display:grid;place-items:center;color:var(--white);font:400 25px Arial}.footer-word{display:flex;align-items:center;justify-content:space-between;position:relative;isolation:isolate;margin-top:35px;font:900 clamp(170px,35vw,550px)/.85 var(--display);letter-spacing:-.04em;color:var(--accent)}.footer-word>span{transition:color .5s,transform .5s}.footer-word:hover>span:nth-child(1){transform:rotate(-7deg);color:var(--secondary)}.footer-word:hover>span:nth-child(3){transform:rotate(7deg);color:var(--secondary)}.footer-word>i{font:400 .45em/1 Arial;position:absolute;left:55%;top:5%;z-index:-1;color:#ffffff12;transition:transform .8s}.footer-word:hover>i{transform:rotate(180deg);color:#ffffff45}.footer-bottom{display:flex;justify-content:space-between;gap:25px;font:600 7px Barlow;color:var(--gray);letter-spacing:.05em;padding-top:30px;border-top:1px solid var(--line);margin-top:30px}.motion-toggle{position:fixed;left:18px;bottom:16px;z-index:45;border:1px solid #ffffff45;border-radius:25px;background:#240c36d9;backdrop-filter:blur(10px);padding:8px 12px;display:flex;align-items:center;gap:9px;color:var(--white)}.motion-toggle>span:first-child{font-size:18px;line-height:1;color:var(--accent)}.motion-label{font:600 7px Barlow;letter-spacing:.07em}.motion-on .motion-toggle>span:first-child{animation:spin 12s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.motion-off .ticker-track{animation-play-state:paused}
dialog{border:0;background:var(--bg);color:var(--white);padding:0;max-height:90dvh;overscroll-behavior:contain}dialog::backdrop{background:#240c36db;backdrop-filter:blur(10px)}.menu-dialog{width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:30px var(--pad);background:var(--accent);color:var(--bg)}.menu-top{display:flex;justify-content:space-between;align-items:center;gap:30px}.menu-top img{width:230px;height:auto}.menu-close{border:0;background:none;display:flex;gap:20px;align-items:center;font:600 10px Barlow;letter-spacing:.05em}.menu-close>span{font:400 40px Arial}.menu-dialog nav{margin:40px 0;max-width:1100px}.menu-dialog nav a{font:900 clamp(50px,7.1vw,110px)/1.07 var(--display);display:flex;align-items:center;border-top:1px solid #240c3635;gap:25px;letter-spacing:-.015em;overflow:hidden;transition:padding .4s var(--ease),color .4s}.menu-dialog nav a:hover{padding-left:25px;color:#c52035}.menu-dialog nav a>span{font:600 9px Barlow;align-self:center;letter-spacing:.05em}.menu-dialog nav a>i{font:400 .7em Arial;margin-left:auto}.menu-bottom{display:flex;justify-content:space-between;gap:30px;font-size:11px;padding-top:15px;border-top:1px solid #240c3635}.menu-bottom>span{font:600 8px Barlow;letter-spacing:.07em}.dialog-close{position:absolute;top:17px;right:17px;z-index:5;border:1px solid #fff5;width:42px;height:42px;display:grid;place-items:center;background:var(--bg);color:var(--white);border-radius:50%;font:400 30px Arial}.project-dialog{width:min(1000px,calc(100% - 36px));max-width:1000px;border:1px solid #ffffff25}.project-dialog>img{width:100%;max-height:440px;object-fit:cover}.dialog-content{padding:35px 40px 40px}.dialog-content>.eyebrow{color:var(--accent)}.dialog-content h2{font:900 70px/1 var(--display);margin:18px 0}.dialog-content>p:not(.eyebrow){font-size:12px;line-height:1.9}.project-intent{border-top:1px solid var(--line);padding-top:25px;margin-top:25px}.project-intent h3{font-size:22px;margin-bottom:15px}.project-intent p{font-size:11px;color:var(--gray);line-height:1.9}.concept-disclosure{background:#ffffff08;color:var(--gray);padding:18px;font-size:9px!important;margin:25px 0}.pill-button{display:inline-flex;align-items:center;gap:25px;border:1px solid var(--accent);border-radius:30px;padding:14px 22px;background:var(--accent);color:var(--bg);font-size:11px;line-height:1.6}.pill-button:hover{background:var(--white);border-color:var(--white)}.brief-dialog{width:min(650px,calc(100% - 30px));padding:45px;border:1px solid #ffffff25}.brief-dialog>.eyebrow{color:var(--accent)}.brief-dialog h2{font-family:Barlow,Arial,sans-serif;font-weight:600;font-size:40px;margin:20px 0}.brief-dialog>p{font-size:12px;color:var(--gray)}.brief-dialog pre{font:400 11px/1.9 Poppins,Arial;white-space:pre-wrap;overflow-wrap:anywhere;background:#ffffff08;padding:22px;margin:25px 0}.brief-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.brief-actions .text-link{font-size:10px}.legal-page{max-width:900px;margin:auto;padding:140px var(--pad) 70px}.legal-page h1{font-size:clamp(40px,5vw,70px);margin-bottom:30px}.legal-page h2{font-size:27px;margin:35px 0 15px}.legal-page p{font-size:13px;line-height:1.9;color:var(--gray);margin:15px 0}.legal-page>a{display:inline-block;margin-top:25px;border-bottom:1px solid}
@media(min-width:1600px){.hero{min-height:950px}.hero h1{margin-top:50px}.hero-bottom{bottom:105px}.hero-stage{top:10%;height:83%}}
@media(max-width:1100px){.brand{width:195px}.header-caption{margin-right:2vw}.hero h1{font-size:17.5vw;margin-top:65px}.hero{min-height:800px}.hero-stage{width:57vw;right:-7vw;top:16%;height:70%;min-height:500px}.hero-bottom{grid-template-columns:1fr 1fr .7fr;gap:30px}.hero-bottom>p:first-child{font-size:16px}.hero-description{font-size:10px}.round-link{width:70px;height:70px;margin-right:55px}.round-label{font-size:6px}.manifesto-bottom{grid-template-columns:.6fr 1.2fr 1fr;gap:30px}.manifesto-bottom>p{font-size:11px}.manifesto-bottom .text-link{font-size:10px}.case-copy{padding-right:24px}.case h3{font-size:9vw}.case-mgr h3{font-size:7.5vw}.case-image-type{font-size:12vw}.services-heading>p{max-width:240px;font-size:11px}.piece-note{left:5%;width:210px;height:260px}.piece-note strong{font-size:100px}.piece-photo{width:250px;left:28%}.piece-photo>img{height:180px}.piece-circle{width:175px;height:175px;left:52%}.piece-circle strong{font-size:42px}.piece-pink{width:185px;height:250px;left:75%}.piece-pink strong{font-size:60px}.piece-type{width:240px;left:50%;top:370px}.piece-star{left:9%;top:390px}.about-grid{grid-template-columns:1fr 1fr .8fr;gap:20px}.about-note{padding-left:10px}.about-note h3{font-size:25px}.contact-grid{gap:5vw}.brief-form{padding:28px}.brief-form h3{font-size:25px}.about-heading>p{max-width:220px;font-size:10px}}
@media(max-width:899px){.header-caption{display:none}.header{height:85px}.hero{min-height:920px;height:auto;padding-top:120px}.hero-topline>span{font-size:7px}.hero h1{font-size:23vw;width:100%;margin-top:40px;position:relative;z-index:3}.hero-stage{width:65vw;height:600px;min-height:0;top:230px;right:-13vw;z-index:2}.scene-label{top:10%;right:25%;font-size:6px}.hero-bottom{bottom:100px;grid-template-columns:1fr 1fr}.hero-description{grid-column:1;max-width:250px;font-size:11px}.hero-bottom>p:first-child{font-size:19px}.round-link{grid-column:2;grid-row:1/3;align-self:end;margin-right:90px;width:85px;height:85px}.round-label{font-size:7px}.scene-coordinate{display:none}.scene-mode{bottom:18%;left:16%;font-size:7px}.hero-edge>span:last-child{display:none}.hero-edge{font-size:7px}.manifesto{padding-top:95px;padding-bottom:90px}.manifesto-text{font-size:8vw;line-height:1.16}.manifesto-bottom{grid-template-columns:80px 1fr;gap:25px}.outline-number{font-size:95px}.manifesto-bottom>p{font-size:12px;max-width:440px}.manifesto-bottom>.text-link{grid-column:2;justify-self:start}.work-heading{padding-top:20px;padding-bottom:45px}.work-heading h2{font-size:13vw}.work-intro p{font-size:10px}.case{grid-template-columns:38% 62%;min-height:580px}.case-copy{padding-top:35px}.case-visual{min-height:580px}.case h3{font-size:10vw}.case-mgr h3{font-size:8vw}.case-number{margin-bottom:35px}.case-description>p{font-size:18px}.case-description>span{font-size:9px}.case-image-type{font-size:12vw;left:25px}.case-coordinate{left:25px}.case-open{font-size:9px}.services{padding-top:65px;padding-bottom:75px}.services-heading{margin-top:40px;align-items:flex-start;flex-direction:column;gap:25px}.services-heading h2{font-size:6vw}.services-heading>p{font-size:12px;max-width:430px}.service summary{grid-template-columns:35px 1fr 40px;gap:15px}.service h3{font-size:4.2vw}.service-icon{font-size:35px}.service-body{padding-left:50px;padding-right:40px;gap:22px 35px}.lab{padding-top:70px}.lab-heading{flex-direction:column;align-items:flex-start;gap:25px}.lab-heading h2{font-size:11vw}.lab-heading>p{font-size:11px}.lab-heading>p br{display:none}.lab-heading>p{max-width:400px}.idea-board{height:700px}.piece-note{left:7%;top:65px}.piece-photo{left:35%;top:300px}.piece-circle{left:49%;top:45px}.piece-pink{left:66%;top:170px;width:180px}.piece-type{left:13%;top:480px;width:220px}.piece-type strong{font-size:48px}.piece-star{left:63%;top:510px}.board-watermark{font-size:270px}.about{padding-top:80px;padding-bottom:80px}.about-heading{flex-direction:column;align-items:flex-start;gap:30px}.about-heading h2{font-size:12vw}.about-heading>p{max-width:440px;font-size:12px}.about-grid{grid-template-columns:1fr 1fr;gap:25px}.about-note{grid-column:1/-1;display:grid;grid-template-columns:70px 1fr 1.2fr;gap:20px;align-items:center;padding:20px 0 0}.about-note h3{margin:0;font-size:28px}.about-note>p{font-size:11px;max-width:none}.about-note .text-link{grid-column:3;margin-top:0}.process h2{font-size:5.7vw}.process-grid{gap:30px}.process-grid h3{font-size:24px}.process-grid p{font-size:11px}.contact{padding-top:55px;padding-bottom:65px}.contact-grid{grid-template-columns:1fr 1fr;gap:35px}.contact h2{font-size:12vw}.brief-form{padding:25px;transform:none}.brief-form h3{font-size:25px}.form-row{grid-template-columns:1fr;gap:22px}.brief-form input,.brief-form select,.brief-form textarea{font-size:11px}.send-button{font-size:10px;padding:16px}.contact-copy>p{font-size:12px}.contact-email{font-size:10px}.faq{padding-top:75px;padding-bottom:70px;gap:45px}.faq h2{font-size:6vw}.faq summary{font-size:12px}.menu-dialog nav a{font-size:9vw}.menu-dialog nav{margin:60px 0}}
@media(max-width:600px){:root{--pad:22px}.header{height:78px;gap:15px}.header.scrolled{height:68px}.brand{width:166px}.header-actions{gap:10px}.header-contact{padding:8px 12px;font-size:9px;gap:12px}.header-contact>span:last-child{font-size:17px}.menu-toggle{padding-left:0;font-size:8px;gap:6px}.menu-plus{font-size:24px}.hero{padding-top:110px;min-height:1020px}.hero-topline{font-size:7px;letter-spacing:.04em}.hero-topline>span{display:none}.hero-topline p{gap:7px}.hero h1{font-size:27vw;margin-top:32px;width:100%;line-height:.81;z-index:3}.hero-line-big{font-size:1.23em;margin-top:8px}.hero-stage{top:280px;width:112vw;right:-17vw;height:520px}.scene-mode{bottom:18%;left:20%;font-size:7px;padding:11px 14px}.scene-label{right:24%;top:16%;font-size:6px}.scene-cross-a{left:20%;top:26%}.scene-cross-b{right:21%;bottom:21%}.hero-bottom{bottom:85px;gap:18px 10px;grid-template-columns:1fr 80px}.hero-bottom>p:first-child{font-size:17px;line-height:1.4}.hero-description{font-size:10px;line-height:1.8;max-width:235px}.round-link{width:62px;height:62px;margin:0 15px 0 0;align-self:center}.round-link>span:first-child{font-size:31px}.round-label{left:50%;top:calc(100% + 9px);transform:translateX(-50%);font-size:6px;text-align:center}.hero-edge{bottom:20px;font-size:6px;gap:15px;padding-top:18px}.hero-edge>span:nth-child(2){font-size:5px}.ticker{padding:13px 0;transform:rotate(-2.5deg) scale(1.07);margin-top:-7px}.ticker span{font-size:40px}.ticker i{font-size:32px}.ticker-track{gap:25px}.manifesto{padding-top:70px;padding-bottom:70px}.section-meta .eyebrow,.section-meta>span{font-size:7px}.section-meta>span:not(.small-star){max-width:130px;text-align:right;font-size:6px}.section-meta .small-star{font-size:30px}.manifesto-text{font-size:10.7vw;line-height:1.2;letter-spacing:-.055em;margin:30px 0}.manifesto-bottom{grid-template-columns:35px 1fr;gap:20px}.outline-number{font-size:55px;align-self:start}.manifesto-bottom>p{font-size:11px;line-height:1.9}.manifesto-bottom .text-link{font-size:10px}.work-heading{flex-direction:column;align-items:flex-start;gap:25px;padding-top:25px;padding-bottom:35px}.work-heading .eyebrow{font-size:8px;margin-bottom:20px}.work-heading h2{font-size:22vw}.work-intro p{font-size:11px}.work-intro>span{margin-top:15px;font-size:7px}.work-toolbar{padding:16px var(--pad);gap:15px;font-size:7px}.project-dots{gap:8px}.project-dots button{width:29px;height:29px;font-size:8px}.case{grid-template-columns:1fr;min-height:0}.case-copy{padding:30px var(--pad);display:grid;grid-template-columns:1fr 1fr;gap:15px 20px}.case-number{margin:0;grid-column:1;grid-row:1;font-size:8px}.case-copy>.eyebrow{grid-column:2;grid-row:1;font-size:6px;justify-self:end}.case h3{font-size:22vw;margin-top:10px;grid-column:1;grid-row:2/4}.case-mgr h3{font-size:19vw}.case-description{grid-column:2;grid-row:2;margin-top:0;padding-top:15px;align-self:end}.case-description>p{font-size:18px}.case-description>span{font-size:9px;line-height:1.7}.case-open{grid-column:2;grid-row:3;margin-top:0;padding-top:15px;gap:10px;font-size:8px;align-self:end}.case-open>span:last-child{font-size:23px}.case-visual{min-height:460px;aspect-ratio:.9}.case-visual>img{object-position:55% center}.concept-badge{right:18px;top:18px;font-size:6px}.case-image-type{font-size:25vw;left:24px;bottom:42px}.case-coordinate{left:24px;font-size:6px;bottom:20px}.work-disclosure{font-size:8px;margin-top:20px;line-height:1.85}.work{padding-bottom:45px}.services{padding-top:50px;padding-bottom:60px}.services-heading{gap:25px;margin:35px 0}.services-heading h2{font-size:7.5vw;letter-spacing:-.04em}.services-heading h2>.serif{font-size:1.36em;margin-top:7px}.services-heading>p{font-size:11px;max-width:300px}.service summary{grid-template-columns:22px 1fr 25px;gap:12px;padding:25px 0}.service h3{font-size:24px;line-height:1.15}.service-index{font-size:8px}.service-icon{font-size:27px}.service-body{padding:0 0 25px 34px;grid-template-columns:1fr;gap:18px}.service-body>p{font-size:11px}.service-body ul{font-size:10px}.service-body .text-link{font-size:9px}.lab{padding-top:55px;padding-bottom:28px}.lab-heading{gap:22px}.lab-heading .eyebrow{font-size:8px;margin-bottom:20px}.lab-heading h2{font-size:18vw}.lab-heading h2 .serif{font-size:.59em;margin-top:12px}.lab-heading>p{font-size:10px;max-width:280px}.idea-board{height:700px;margin-top:18px}.board-watermark{font-size:225px}.piece-note{width:150px;height:205px;left:7%;top:60px;padding:14px}.piece-note>span{font-size:5px}.piece-note strong{font-size:80px}.piece-circle{width:138px;height:138px;border-width:6px;left:57%;top:30px;padding:10px}.piece-circle strong{font-size:34px;margin:5px 0}.piece-circle>span{font-size:5px}.piece-photo{width:200px;left:12%;top:305px;padding:9px 9px 12px}.piece-photo>img{height:150px}.piece-photo>span{font-size:6px;margin-top:9px}.piece-pink{width:140px;height:210px;left:57%;top:225px;padding:14px}.piece-pink strong{font-size:46px}.piece-pink>span{font-size:6px}.piece-type{left:38%;top:510px;width:205px;height:145px;padding:16px}.piece-type strong{font-size:44px}.piece-type>span{font-size:5px}.piece-star{left:3%;top:510px;width:120px;height:120px;font-size:125px}.lab-controls{gap:20px;padding-top:20px}.lab-controls>span{font-size:5px;max-width:160px;line-height:1.8}.lab-controls .text-link{font-size:8px;gap:10px;white-space:nowrap}.lab-controls .text-link>span{font-size:18px}.about{padding-top:65px;padding-bottom:65px}.about .section-meta{margin-bottom:30px}.about-heading h2{font-size:19vw}.about-heading>p{font-size:11px;line-height:1.85}.about-grid{margin-top:40px;gap:15px}.founder-karloso{padding-top:50px}.portrait-wrap{aspect-ratio:.72}.portrait-symbol{font-size:35px;right:12px;bottom:12px}.founder figcaption{flex-direction:column;align-items:flex-start;gap:4px;padding-top:12px;font-size:10px}.founder figcaption>span:last-child{font-size:6px;text-align:left;max-width:none}.about-note{grid-template-columns:35px 1fr;gap:20px;padding-top:30px}.about-note .small-star{font-size:35px;align-self:start}.about-note h3{font-size:27px}.about-note>p{grid-column:2;max-width:none;font-size:11px}.about-note .text-link{grid-column:2;font-size:9px;max-width:250px}.process{padding-bottom:65px}.process .section-meta{margin-bottom:35px;padding-top:28px}.process h2{font-size:7.4vw;line-height:1.1}.process h2>.serif{font-size:1.1em;line-height:1.15;margin-top:5px}.process-grid{grid-template-columns:1fr;gap:27px;margin-top:40px}.process-grid li{display:grid;grid-template-columns:65px 1fr;gap:0 20px;padding-top:22px}.process-number{font-size:65px;grid-row:1/3;margin-bottom:0;line-height:1}.process-grid h3{font-size:24px;margin:0 0 12px}.process-grid p{font-size:11px;max-width:none;line-height:1.9}.contact{padding-top:40px;padding-bottom:50px}.contact-grid{grid-template-columns:1fr;gap:40px;margin-top:40px}.contact h2{font-size:24vw;line-height:.86}.contact-copy>p{font-size:12px;margin-top:25px}.contact-email{font-size:11px;margin-top:20px}.brief-form{padding:25px}.form-index{font-size:7px;margin-bottom:24px}.brief-form h3{font-size:27px;margin-bottom:25px}.form-row{grid-template-columns:1fr 1fr;gap:20px}.brief-form input,.brief-form select,.brief-form textarea{font-size:12px;padding:14px 0}.brief-form label{font-size:10px}.brief-form textarea{min-height:100px}.send-button{font-size:10px;padding:17px}.form-note{font-size:8px!important}.faq{grid-template-columns:1fr;gap:30px;padding-top:60px;padding-bottom:60px}.faq h2{font-size:12vw}.faq .eyebrow{font-size:8px;margin-bottom:18px}.faq summary{font-size:12px;padding:23px 0}.faq details p{font-size:10px;line-height:1.9}.footer{padding-top:35px}.footer-top{font-size:6px;gap:20px}.footer-up{height:36px;width:36px;font-size:20px;flex-shrink:0}.footer-word{font-size:37vw;margin-top:35px}.footer-bottom{font-size:6px;flex-wrap:wrap;gap:20px;margin-top:25px;padding-top:22px;padding-bottom:30px}.footer-bottom>span:last-child{flex-basis:100%;font-size:5px}.motion-toggle{left:12px;bottom:12px;padding:7px 9px;gap:7px}.motion-label{font-size:6px}.motion-toggle>span:first-child{font-size:15px}.cursor{display:none}.menu-dialog{padding:25px var(--pad)}.menu-top img{width:190px}.menu-close{font-size:8px;gap:12px}.menu-close>span{font-size:32px}.menu-dialog nav{margin:55px 0 40px}.menu-dialog nav a{font-size:15vw;line-height:1.2;gap:17px}.menu-dialog nav a>span{font-size:7px}.menu-dialog nav a>i{font-size:.65em}.menu-bottom{font-size:9px;flex-direction:column;gap:20px}.menu-bottom>span{font-size:6px}.dialog-content{padding:25px}.dialog-content h2{font-size:55px}.project-dialog>img{height:280px;object-fit:cover}.dialog-content>p:not(.eyebrow){font-size:11px}.project-intent h3{font-size:21px}.project-intent p{font-size:10px}.concept-disclosure{font-size:8px!important}.brief-dialog{padding:40px 25px 30px}.brief-dialog h2{font-size:32px}.brief-dialog>p{font-size:11px}.brief-dialog pre{font-size:10px;padding:17px}.brief-actions{gap:20px}.brief-actions .pill-button{width:100%;justify-content:space-between}.pill-button{font-size:10px}.legal-page{padding-top:115px}.legal-page h1{font-size:38px}}
@media(max-width:360px){.brand{width:145px}.header-contact{font-size:8px;padding:7px 9px}.header-contact>span:last-child{font-size:15px}.header-actions{gap:8px}.hero{min-height:960px}.hero-stage{top:245px;height:480px}.hero-bottom>p:first-child{font-size:15px}.hero-bottom .hero-description{max-width:200px;font-size:9px}.scene-label{display:none}.piece-pink{left:53%}.piece-circle{left:55%}.piece-type{left:30%;width:200px}.form-row{grid-template-columns:1fr;gap:20px}.service h3{font-size:21px}}
html,body{overflow-x:clip}.brand img{filter:brightness(0) invert(1)}
.motion-toggle{left:auto;right:18px}
@media(min-width:900px){.round-label{left:auto;right:calc(100% + 16px);text-align:right}}
@media(max-width:600px){.motion-toggle{left:auto;right:12px;width:31px;height:31px;padding:0;justify-content:center}.motion-label{display:none}.contact h2>span{white-space:nowrap;font-size:.84em}}
@media(min-width:900px){.motion-on .case-copy{padding-bottom:70px}}
@media(pointer:fine) and (min-width:900px){.motion-on body,.motion-on a,.motion-on button,.motion-on summary,.motion-on .hero-stage{cursor:none}.motion-on input,.motion-on select,.motion-on textarea{cursor:auto}.motion-on .idea-piece{cursor:grab}}
@media(max-width:600px){.brief-form input,.brief-form select,.brief-form textarea{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.ticker-track{animation:none}.cursor{display:none}}

/* BKB official web-export palette. Color roles only; approved V2 layout and motion remain unchanged. */
.ticker,.piece-note,.send-button,.pill-button,.skip,.project-dots button.active,.header-contact:hover{color:var(--brand-white)}
.send-button:hover,.pill-button:hover{color:var(--brand-purple)}
.cursor span{color:var(--brand-white)}
.contact{color:var(--brand-white)}
.contact h2,.contact h2>span{color:var(--brand-white);-webkit-text-stroke-color:var(--brand-white)}
.contact .live-dot{background:var(--brand-white)}
.contact :focus-visible{outline-color:var(--brand-white)}
.menu-dialog{background:var(--brand-white);color:var(--brand-purple)}
.piece-pink{background:var(--brand-purple);color:var(--brand-white)}
.lab-heading .eyebrow,.form-index,.dialog-content>.eyebrow,.brief-dialog>.eyebrow{color:var(--brand-white)}
.case-kkraaee .case-copy>.eyebrow,.case-kkraaee .case-description>span{opacity:1}
.scene-fallback{filter:grayscale(1)}