:root{--ink:#15181c;--deep:#101319;--paper:#f2f0ea;--blue:#4d74f8;--blue2:#2749ed;--mint:#cefca8;--line:rgba(255,255,255,.24);--pad:clamp(22px,4.6vw,84px);--font:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--font);-webkit-font-smoothing:antialiased;overflow-x:clip}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{font:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--mint);outline-offset:5px}::selection{background:var(--blue);color:white}.skip{position:fixed;top:-100px;left:10px;background:white;color:black;padding:12px;z-index:300}.skip:focus{top:10px}.reading-progress{position:fixed;left:0;top:0;width:0;height:3px;background:var(--mint);z-index:220;pointer-events:none}.site-header{position:fixed;z-index:120;left:0;right:0;top:0;height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--pad);color:white;transition:background .3s,color .3s,border-color .3s;background:rgba(16,19,25,.94);border-bottom:1px solid #fff2;backdrop-filter:blur(16px)}.site-header.is-light{background:rgba(242,240,234,.96);color:var(--ink);border-color:#14181c30}.brand{display:inline-flex;align-items:center;gap:9px;white-space:nowrap}.brand-symbol{display:grid;place-items:center;width:31px;height:31px}.brand-symbol svg{width:100%;height:100%}.brand-word,.footer-brand{font-size:23px;letter-spacing:-.065em;font-weight:950;line-height:1}.brand-word sup,.footer-brand span{font-size:9px;vertical-align:top;margin-left:3px;font-weight:700;letter-spacing:0}.desktop-nav{display:flex;align-items:center;gap:clamp(18px,2.3vw,48px)}.desktop-nav a,.header-cta{font-size:12px;font-weight:800;letter-spacing:.015em}.desktop-nav a{position:relative;opacity:.77;padding:12px 0}.desktop-nav a:hover,.desktop-nav a.active{opacity:1}.desktop-nav a:after{content:'';position:absolute;bottom:6px;left:0;right:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .22s}.desktop-nav a:hover:after,.desktop-nav a.active:after{transform:scaleX(1)}.header-cta{border:1px solid currentColor;padding:13px 17px;display:flex;gap:24px;align-items:center;transition:background .25s,color .25s}.header-cta:hover{background:var(--mint);color:var(--ink);border-color:var(--mint)}.menu-toggle{display:none;border:0;background:none;color:inherit;cursor:pointer;position:relative;width:44px;height:44px;z-index:130}.menu-toggle span{display:block;width:27px;height:2px;background:currentColor;margin:6px auto;transition:transform .3s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}.mobile-nav{display:none}
.hero{min-height:100svh;background:var(--deep);color:var(--paper);position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:126px var(--pad) 48px;isolation:isolate;overflow:hidden}.hero-backdrop{position:absolute;inset:0;z-index:-1;pointer-events:none}.hero-backdrop:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#101319 9%,transparent 68%),linear-gradient(180deg,transparent 65%,#10131999)}.sweep{position:absolute;background:#355afa;width:32vw;height:130vh;left:55%;top:-29%;transform:rotate(25deg) skewY(-10deg);box-shadow:44px 0 0 #151e4d,89px 0 0 #132643;opacity:.93}.sweep-b{left:76%;top:-12%;width:20vw;transform:rotate(25deg);background:#283d9a;opacity:.3;box-shadow:none}.hero-giant{position:absolute;top:4%;right:0;letter-spacing:-.15em;font-size:min(50vw,720px);line-height:1;font-weight:950;color:#11131a;opacity:.18;transform:rotate(-17deg);white-space:nowrap}.hero-grain{position:absolute;inset:0;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.24' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.hero-overline,.hero-rail,.section-meta,.statement-rule,.contact-meta,.intermission-top,.intermission-foot{font-size:10px;letter-spacing:.11em;font-weight:800}.hero-overline{display:flex;justify-content:space-between;gap:20px;position:relative;z-index:2}.live-dot{display:inline-block;width:8px;height:8px;background:var(--mint);border-radius:50%;margin-right:9px;box-shadow:0 0 0 4px #cefca81c}.hero-title{position:relative;z-index:2;margin:26px 0 10px;text-transform:uppercase;line-height:.74;letter-spacing:-.104em;font-size:clamp(76px,13.4vw,230px);font-weight:950}.hero-line{display:block;white-space:nowrap}.hero-line:nth-child(2){margin-left:9vw}.hero-line-last{margin-left:2.5vw}.word{display:inline-block;will-change:transform}.hero-outline{color:transparent;-webkit-text-stroke:2px #f0f0e9;text-stroke:2px #f0f0e9}.hero-alt{font-family:Georgia,serif;font-weight:400;font-style:italic;letter-spacing:-.13em;font-size:.87em}.hero-period{color:var(--mint)}.hero-bottom{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-top:30px;padding-bottom:4px}.hero-bottom p{font-size:clamp(17px,1.7vw,25px);max-width:620px;line-height:1.3;letter-spacing:-.032em;margin:0;font-weight:400}.hero-bottom strong{font-weight:700}.round-link{width:150px;height:150px;flex:0 0 150px;border:1px solid #e8e8df70;border-radius:50%;padding:27px;display:flex;align-items:center;justify-content:space-between;flex-direction:column;transition:background .3s,transform .3s,color .3s}.round-link span:first-child{align-self:flex-start;font-size:10px;letter-spacing:.07em;line-height:1.3;font-weight:800}.round-link .round-arrow{align-self:flex-end;font-size:42px;line-height:1}.round-link:hover{background:var(--mint);color:var(--ink);transform:rotate(-9deg)}.hero-rail{position:absolute;bottom:15px;left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;opacity:.45;font-size:9px}
.statement{padding:45px var(--pad) 48px;background:var(--paper)}.section-meta,.statement-rule{display:flex;justify-content:space-between;gap:20px;border-top:1px solid currentColor;padding-top:14px}.statement-grid{display:grid;grid-template-columns: minmax(0,1.7fr) minmax(250px,.6fr);gap:clamp(30px,4vw,120px);min-height:570px;align-items:center;padding:90px 0 100px}.statement-title,.work-heading h2,.services-intro h2,.method-head h2{font-size:clamp(55px,7.5vw,136px);line-height:.86;letter-spacing:-.09em;font-weight:950;margin:0}.statement-title em,.work-heading em,.services-intro em,.method-head em{font-family:Georgia,serif;letter-spacing:-.09em;font-weight:400}.statement-title span{color:var(--blue2);font-size:.74em}.statement-aside{align-self:end;padding-bottom:24px}.statement-aside .asterisk{color:var(--blue2);font-size:100px;line-height:1;font-weight:400}.statement-aside p{font-size:clamp(16px,1.35vw,20px);line-height:1.32;letter-spacing:-.035em;margin:17px 0 22px}.statement-aside p+p{font-size:14px;line-height:1.55;letter-spacing:-.01em;max-width:350px;opacity:.65}.line-link{display:flex;justify-content:space-between;gap:15px;width:100%;border-bottom:1px solid #333;padding:12px 0;font-size:13px;font-weight:800}.line-link span{font-size:20px}.statement-rule{font-size:9px;color:#747474;border-color:#15181c6b;padding-bottom:10px}
.work{background:#11151c;color:var(--paper);padding:46px var(--pad) 75px}.work-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:55px;padding:110px 0 90px}.work-heading h2{font-size:clamp(62px,8.35vw,150px);line-height:.89}.work-heading em{color:var(--mint);display:block}.work-heading p{max-width:270px;line-height:1.45;font-size:15px;margin:0 0 6px;color:#c7c7c7}.case-track{display:grid;gap:28px}.case{min-height:560px;display:grid;grid-template-columns:43% 57%;overflow:hidden;isolation:isolate;border:1px solid #ffffff1a}.case-copy{padding:clamp(27px,3vw,58px);display:flex;flex-direction:column;justify-content:space-between;min-width:0;z-index:2}.case-copy>div:nth-child(2){margin:auto 0;padding:50px 0}.case-number,.case-bottom,.work-footnote{font-size:10px;font-weight:800;letter-spacing:.08em}.case-copy h3{font-size:clamp(65px,8vw,138px);letter-spacing:-.105em;line-height:.83;margin:0 0 30px;font-weight:950}.case-copy h3 span{display:block}.case-copy h3 sup{font-size:12px;vertical-align:top;letter-spacing:0;margin-left:8px}.case-copy p{font-size:clamp(21px,2vw,31px);letter-spacing:-.045em;line-height:1.05;margin:0;font-weight:700}.case-bottom{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:12px}.case-open{cursor:pointer;border:0;border-bottom:1px solid currentColor;color:inherit;background:transparent;padding:10px 0;font-size:10px;font-weight:900;letter-spacing:.055em;display:flex;gap:18px;align-items:center}.case-open span{font-size:22px;font-weight:400;transition:transform .3s}.case-open:hover span{transform:translate(4px,-4px)}.case-stage{position:relative;min-width:0;min-height:560px;overflow:hidden}.case-frc{background:#daff9e;color:#101c12}.case-frc .case-copy{background:#d9ff9e}.case-frc .case-copy h3 span{font-weight:950;color:#155031}.stage-frc{background:#135039;isolation:isolate}.field{position:absolute;inset:12% -29%;border:3px solid #d1fdb9b3;transform:rotate(-25deg) scale(1.1);opacity:.75;background:repeating-linear-gradient(90deg,#205e41 0 58px,#1c6545 58px 116px)}.field:before{content:'';position:absolute;left:50%;top:0;bottom:0;border-left:3px solid #d1fdb9b3}.field-circle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:230px;width:230px;border:3px solid #d1fdb9b3;border-radius:50%}.penalty{position:absolute;top:16%;bottom:16%;width:17%;border:3px solid #d1fdb9b3}.penalty-one{left:0;border-left:0}.penalty-two{right:0;border-right:0}.match-ticket{position:absolute;left:26%;top:16%;width:min(56%,390px);aspect-ratio:.8;background:#e9eee7;color:#152d20;padding:clamp(18px,2.2vw,34px);box-shadow:20px 28px 0 #0c3024b5;transform:rotate(11deg);display:flex;flex-direction:column;justify-content:space-between;transition:transform .7s cubic-bezier(.2,.8,.2,1);z-index:2}.case-frc:hover .match-ticket{transform:rotate(5deg) translate(-2%,2%)}.ticket-header,.ticket-foot{display:flex;justify-content:space-between;font-weight:900;font-size:9px;letter-spacing:.07em;gap:8px}.match-ticket strong{font-size:clamp(42px,5.8vw,103px);line-height:.84;letter-spacing:-.11em}.ticket-foot{font-size:34px;letter-spacing:-.06em;align-items:end}.ticket-foot small{font-size:7px;letter-spacing:.04em;display:block}.ticket-circle{background:#153a29;color:#e9eee7;border-radius:50%;height:55px;width:55px;display:grid;place-items:center;font-size:30px}.case-side-text{position:absolute;right:13px;top:27px;writing-mode:vertical-rl;letter-spacing:.1em;font-size:11px;color:#d9ffc9}.case-task{background:#f7f3e9;color:#221e28}.case-task .case-copy{background:#f5ede1}.case-task .case-copy h3 span{color:#ff5e3b}.stage-task{background:#f36e49;display:flex;align-items:center;justify-content:center}.stage-task:before{content:'';position:absolute;width:120%;height:80%;transform:rotate(22deg);border:2px solid #ffcaa788;border-radius:50%}.task-window{width:79%;height:72%;max-height:445px;background:#faf9f5;border:8px solid #262229;box-shadow:24px 30px 0 #4f1c2a44;transform:rotate(-8deg);display:flex;border-radius:12px;overflow:hidden;transition:transform .7s cubic-bezier(.2,.8,.2,1)}.case-task:hover .task-window{transform:rotate(-3deg) translateY(-10px)}.task-sidebar{width:14%;background:#232229;display:flex;flex-direction:column;align-items:center;gap:20px;padding:20px 10px}.task-sidebar b{color:white;font-weight:900;font-size:29px;letter-spacing:-.1em}.task-sidebar b span{color:#ff6e45}.task-sidebar i{height:7px;width:18px;border-radius:5px;background:#61606b}.task-main{padding:24px 6%;width:86%;color:#1d1a20}.task-top{display:flex;justify-content:space-between;font:700 10px var(--font);letter-spacing:.07em;padding-bottom:30px}.task-main>strong{display:block;font-weight:950;letter-spacing:-.065em;font-size:clamp(23px,3.4vw,50px)}.task-main>strong span{color:#f36e49}.task-filters{display:flex;gap:10px;padding:22px 0 16px}.task-filters span{font:700 9px var(--font);border:1px solid #dad7d2;padding:9px;border-radius:16px}.task-filters span:first-child{background:#d7f0ad}.task-list{border-top:1px solid #ddd}.task-list div{display:flex;align-items:center;gap:12px;padding:12px 4px;border-bottom:1px solid #ddd;font-size:12px}.task-list b{font-size:9px;color:#777}.task-list span{flex:1}.task-list em{font-style:normal;color:#e45f40}.task-graph{height:60px;display:flex;align-items:end;gap:9px;padding-top:15px;opacity:.7}.task-graph span{flex:1;background:#b9d3a3;height:32%}.task-graph span:nth-child(2){height:60%}.task-graph span:nth-child(3){height:45%}.task-graph span:nth-child(4){height:88%;background:#ff6e45}.task-graph span:nth-child(5){height:63%}.task-graph span:nth-child(6){height:92%}.task-graph span:nth-child(7){height:79%}.task-orbit{position:absolute;left:25px;bottom:25px;font-size:11px;font-weight:900;letter-spacing:.1em}.case-goal{background:#ded9f4;color:#26204e}.case-goal .case-copy{background:#ded9f4}.case-goal .case-copy h3 span{color:#6549c1;font-size:.85em}.work-footnote{font-size:11px;line-height:1.5;color:#b7b4b0;letter-spacing:0;max-width:730px;margin:30px 0 0;font-weight:400}
.intermission{position:relative;background:#4d74f8;color:#10161e;padding:40px var(--pad) 50px;overflow:hidden;min-height:90svh;display:flex;flex-direction:column;justify-content:space-between}.intermission:before{content:'';position:absolute;right:-8%;bottom:2%;width:45vw;height:45vw;border:clamp(22px,4vw,80px) solid #283ef1;border-radius:50%;opacity:.5}.intermission-top{display:flex;justify-content:space-between;border-top:1px solid #17294f;padding-top:14px}.intermission p{position:relative;z-index:1;margin:60px 0 25px;font-size:clamp(58px,9.3vw,165px);font-weight:950;line-height:.86;letter-spacing:-.102em}.intermission em{font:italic 400 .8em Georgia,serif;letter-spacing:-.095em;color:#d6f9b2}.intermission p>span{color:#d6f9b2}.intermission-foot{align-self:flex-end}
.method{background:#f2f0ea;padding:44px var(--pad) 120px}.method-layout{display:grid;grid-template-columns:57% 43%;gap:25px;padding-top:100px}.method-head h2{font-size:clamp(60px,7vw,118px)}.method-head em{color:#4774ff}.method-head p{font-size:18px;line-height:1.4;max-width:350px;margin-top:45px}.method-steps{padding:0 0 0 40px}.method-steps article{border-top:1px solid #888;padding:18px 0 30px}.method-steps article:last-child{border-bottom:1px solid #888}.method-steps article>span{font-size:10px;font-weight:900;letter-spacing:.08em}.method-steps h3{font-size:clamp(25px,2.8vw,42px);letter-spacing:-.07em;line-height:1.04;margin:24px 0 12px;max-width:480px}.method-steps p{font-size:14px;line-height:1.5;max-width:460px;color:#666}
.contact{min-height:90svh;position:relative;background:#cefca8;color:#121b16;padding:45px var(--pad) 85px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.contact-meta{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #1b2619;padding-top:15px;position:relative;z-index:3}.contact h2{position:relative;z-index:2;line-height:.79;letter-spacing:-.11em;font-weight:950;font-size:clamp(85px,15vw,255px);margin:75px 0 70px}.contact h2 em{font-family:Georgia,serif;font-size:.82em;font-weight:400;letter-spacing:-.105em;color:#4464da}.contact h2 span{color:#4464da}.contact-bottom{position:relative;z-index:2;display:flex;justify-content:space-between;gap:30px;align-items:end}.contact-bottom p{max-width:410px;font-size:18px;line-height:1.4;letter-spacing:-.025em;margin:0}.contact-action{font-size:clamp(17px,2.2vw,31px);font-weight:950;letter-spacing:-.04em;display:flex;align-items:center;gap:60px;border-bottom:2px solid #101713;padding-bottom:12px;transition:gap .25s}.contact-action:hover{gap:86px}.contact-action span{font-weight:400;font-size:1.5em}.contact-giant{position:absolute;right:-15%;top:4%;font-size:80vw;font-weight:950;line-height:.8;color:#b5e698;opacity:.62;letter-spacing:-.2em;pointer-events:none;transform:rotate(-17deg)}.site-footer{background:#11151c;color:#f0efe9;padding:33px var(--pad);display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:10px;font-weight:900;letter-spacing:.04em}.footer-brand{font-size:35px;letter-spacing:-.07em}.footer-contact{display:flex;align-items:center;gap:8px;min-width:0}.footer-email{overflow-wrap:anywhere}.footer-instagram{display:inline-flex;width:18px;height:18px;align-items:center;justify-content:center;color:inherit;flex:0 0 18px}.footer-instagram svg{display:block;width:100%;height:100%}.footer-brand span{font-size:9px}.site-footer a:not(.footer-brand):hover{text-decoration:underline}.case-dialog{position:fixed;margin:auto;max-width:min(680px,calc(100vw - 24px));width:100%;max-height:calc(100dvh - 30px);border:0;padding:0;background:#f1efe8;color:#141820;box-shadow:0 20px 90px #0008;overflow:auto}.case-dialog::backdrop{background:rgba(6,9,16,.84);backdrop-filter:blur(8px)}.dialog-inner{padding:clamp(24px,5vw,64px)}.dialog-close{margin-left:auto;display:flex;align-items:center;gap:20px;border:0;background:none;padding:6px 0;cursor:pointer;font-size:11px;font-weight:900;letter-spacing:.08em}.dialog-close span{font-size:32px;font-weight:400}.dialog-inner>p:first-of-type{font-size:11px;font-weight:900;letter-spacing:.12em;color:#3459d7;margin-top:35px}.dialog-inner h2{font-size:clamp(58px,8vw,110px);line-height:.87;letter-spacing:-.09em;margin:26px 0}.dialog-inner>p:nth-of-type(2){font-size:clamp(18px,2vw,25px);line-height:1.35;letter-spacing:-.04em;max-width:490px}.dialog-footer{border-top:1px solid #999;margin-top:65px;padding-top:15px;display:flex;justify-content:space-between;gap:25px;align-items:start;font-size:10px;font-weight:900;letter-spacing:.06em}.dialog-footer a{border-bottom:1px solid currentColor;padding-bottom:5px;text-align:right}.prototype-note{position:fixed;bottom:15px;left:15px;z-index:119;display:flex;align-items:center;gap:9px;background:#f2f0e9;color:#10151d;box-shadow:0 8px 40px #0004;padding:9px 12px;font-size:9px;letter-spacing:.06em;font-weight:850;border-radius:0}.prototype-note strong{background:#4d74f8;color:#fff;padding:5px 6px;font-size:10px}.prototype-note button{background:none;border:0;cursor:pointer;font-size:22px;padding:0 0 0 8px;color:inherit}.reveal{transition:opacity .85s ease,transform .9s cubic-bezier(.2,.7,.2,1)}.reveal.is-before{opacity:.45;transform:translateY(16px)}
@media(max-width:1150px){.hero-title{font-size:13.4vw}.statement-grid{grid-template-columns:1.7fr .65fr}.case-copy h3{font-size:7.7vw}.services-layout{grid-template-columns:44% 56%}.services-list{padding-left:15px}.service-row{grid-template-columns:25px 1fr 32px;gap:14px}.service-description{grid-column:2/3;grid-row:2;margin-top:-5px}.service-arrow{grid-column:3;grid-row:1}.service-row{align-content:center}.service-name{font-size:4vw}.method-layout{grid-template-columns:53% 47%}}
@media(max-width:850px){.site-header{height:70px}.desktop-nav,.header-cta{display:none}.menu-toggle{display:block}.mobile-nav{position:fixed;z-index:110;inset:70px 0 0;background:#11151c;color:white;display:flex;flex-direction:column;padding:45px var(--pad);visibility:hidden;opacity:0;pointer-events:none;transform:translateY(-20px);transition:opacity .25s,transform .25s,visibility .25s}.mobile-nav.is-open{visibility:visible;opacity:1;pointer-events:auto;transform:none}.mobile-nav>a{display:flex;justify-content:space-between;gap:20px;font-size:clamp(33px,8vw,60px);font-weight:950;letter-spacing:-.065em;border-bottom:1px solid #ffffff4d;padding:17px 0}.mobile-nav>a span{font-size:22px}.mobile-nav>p{margin-top:auto;font-size:11px;letter-spacing:.06em}.hero{padding-top:100px}.hero-title{font-size:13.5vw;margin:70px 0}.hero-bottom p{max-width:460px}.round-link{width:120px;height:120px;flex-basis:120px;padding:20px}.statement-grid{grid-template-columns:1fr;gap:30px;padding:75px 0;min-height:auto}.statement-aside{display:grid;grid-template-columns:80px 1fr;align-items:start;gap:12px 22px}.statement-aside .asterisk{grid-row:1/3}.statement-aside p{margin:0}.statement-aside p+p{grid-column:2}.statement-aside .line-link{grid-column:2;max-width:420px}.work-heading{display:block;padding:70px 0}.work-heading p{margin:30px 0 0;max-width:500px}.case{grid-template-columns:1fr;min-height:unset}.case-copy{min-height:390px}.case-copy>div:nth-child(2){padding:30px 0}.case-copy h3{font-size:clamp(70px,13vw,118px)}.case-stage{min-height:480px}.match-ticket{left:31%;width:49%;top:13%}.case-task .case-copy h3{font-size:clamp(70px,12vw,110px)}.services-layout{grid-template-columns:1fr;gap:50px;padding-top:70px}.services-intro{position:static;display:grid;grid-template-columns:1fr auto;gap:25px;align-items:end}.services-intro h2{grid-column:1/3;font-size:clamp(68px,9vw,100px)}.services-intro p{margin:0}.service-visual{margin:0;width:210px;height:155px}.service-visual span{font-size:100px}.services-list{padding:0}.service-name{font-size:clamp(34px,5vw,55px)}.service-row{grid-template-columns:35px minmax(0,1.4fr) minmax(150px,.8fr) 30px}.service-description{grid-row:1;grid-column:3;margin:0}.service-arrow{grid-column:4}.method-layout{grid-template-columns:1fr;gap:60px}.method-steps{padding:0}.intermission{min-height:75svh}}
@media(max-width:580px){:root{--pad:21px}.site-header{padding:0 21px}.brand-word{font-size:22px}.hero{min-height:100svh;padding:112px 21px 37px;justify-content:space-between}.hero-overline{font-size:8px;flex-direction:column;gap:7px}.hero-title{font-size:clamp(64px,16vw,96px);margin:12vh 0 40px;line-height:.81;letter-spacing:-.1em}.hero-line:nth-child(2){margin-left:0}.hero-line-last{margin-left:0}.hero-outline{-webkit-text-stroke:1.3px #f2f0ea}.hero-alt{font-size:.8em}.sweep{width:47vw;left:69%;top:0;transform:rotate(20deg)}.sweep-b{left:82%}.hero-backdrop:after{background:linear-gradient(90deg,#101319 10%,#10131930 100%)}.hero-bottom{display:flex;align-items:end;gap:8px;justify-content:space-between;margin:0 0 23px}.hero-bottom p{font-size:16px;line-height:1.31;max-width:220px}.round-link{width:88px;height:88px;flex-basis:88px;padding:13px}.round-link span:first-child{font-size:8px}.round-link .round-arrow{font-size:25px}.hero-rail{font-size:8px;left:21px;right:21px;bottom:9px}.hero-rail span:first-child{display:none}.section-meta,.statement-rule,.contact-meta,.intermission-top,.intermission-foot{font-size:8px;line-height:1.4}.section-meta span:last-child{text-align:right}.statement{padding-top:30px;padding-bottom:30px}.statement-grid{padding:75px 0 55px}.statement-title{font-size:clamp(52px,12.5vw,80px)}.statement-aside{display:block}.statement-aside .asterisk{font-size:67px;display:block;margin-bottom:20px}.statement-aside p{margin:0 0 15px;max-width:330px}.statement-aside p+p{font-size:14px}.statement-aside .line-link{margin-top:10px}.work{padding-top:30px;padding-bottom:45px}.work-heading{padding:65px 0 44px}.work-heading h2{font-size:clamp(46px,11vw,70px)}.work-heading p{font-size:14px}.case-track{gap:18px}.case-copy{padding:25px;min-height:320px}.case-number,.case-bottom,.case-open{font-size:9px}.case-copy h3,.case-task .case-copy h3{font-size:clamp(62px,16vw,105px);margin-bottom:15px}.case-goal .case-copy h3{font-size:clamp(57px,15vw,100px)}.case-copy p{font-size:22px}.case-stage{min-height:360px}.match-ticket{left:27%;top:12%;width:58%;aspect-ratio:.83}.match-ticket strong{font-size:clamp(48px,10vw,80px)}.ticket-foot{font-size:25px}.ticket-circle{width:40px;height:40px;font-size:23px}.ticket-header{font-size:8px}.field{inset:6% -30%}.task-window{height:68%;width:83%;border-width:6px}.task-main{padding:16px 5%}.task-top{font-size:8px;padding-bottom:18px}.task-main>strong{font-size:24px}.task-filters{padding:15px 0 10px}.task-filters span{font-size:7px;padding:6px}.task-list div{font-size:9px;padding:10px 2px}.task-graph{height:36px}.task-orbit{font-size:9px;left:15px;bottom:15px}.services{padding-top:30px;padding-bottom:65px}.services-layout{padding-top:67px}.services-intro{display:block}.services-intro h2{font-size:clamp(53px,13vw,76px)}.services-intro p{font-size:15px;margin-top:28px}.service-visual{width:60%;height:150px;margin:45px 0 10px 30%;transform:rotate(-6deg)}.service-row{min-height:160px;padding:19px 0;grid-template-columns:27px 1fr 32px;gap:10px}.service-index{font-size:10px}.service-name{font-size:clamp(35px,10vw,54px)}.service-description{grid-column:2;grid-row:2;max-width:260px;font-size:12px}.service-arrow{grid-column:3;grid-row:1}.intermission{min-height:65svh;padding-top:26px;padding-bottom:28px}.intermission p{font-size:clamp(52px,12.6vw,72px);margin:75px 0 30px}.intermission-foot{align-self:flex-start;font-size:8px}.method{padding-top:30px;padding-bottom:70px}.method-layout{padding-top:72px}.method-head h2{font-size:clamp(55px,13vw,79px)}.method-head p{font-size:16px}.method-steps h3{font-size:30px}.contact{min-height:79svh;padding-top:30px;padding-bottom:65px}.contact h2{font-size:clamp(70px,16vw,130px);margin:95px 0 70px}.contact-bottom{display:block}.contact-bottom p{font-size:16px;margin-bottom:40px}.contact-action{font-size:23px;gap:28px}.site-footer{display:grid;grid-template-columns:1fr 1fr;gap:26px;font-size:9px}.footer-contact{gap:6px;min-width:0}.footer-email{font-size:8px;letter-spacing:.02em;white-space:nowrap}.footer-instagram{width:16px;height:16px;flex-basis:16px}.prototype-note{bottom:7px;left:7px;padding:5px 8px;font-size:8px}.prototype-note button{font-size:16px}.dialog-footer{flex-wrap:wrap}.service-visual i{font-size:32px}}
@media(max-width:380px){.hero-title{font-size:16vw}.hero-bottom p{font-size:14px;max-width:205px}.round-link{width:77px;height:77px;flex-basis:77px;padding:9px}.statement-title{font-size:12vw}.case-copy h3{font-size:15vw}.work-heading h2{font-size:11vw}.services-intro h2{font-size:12vw}.contact h2{font-size:15vw}.service-name{font-size:9vw}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.reveal.is-before{transform:none;opacity:1}.match-ticket,.task-window{transition:none}}

/* V1 refinement: keep the mobile headline near the opening viewport. */
@media(max-width:580px){.hero{justify-content:flex-start}.hero-title{margin:clamp(55px,10svh,95px) 0 0}.hero-bottom{margin-top:auto}}
.site-header.menu-open{background:#11151c!important;color:#fff!important;border-color:#fff2!important}
@media(min-width:851px){.case{position:sticky;top:95px;box-shadow:0 -5px 35px #0001}.case:nth-child(2){top:108px}.case:nth-child(3){top:121px}}


/* V1 · Case Guthi — única composição, com tipografia realmente sobre as imagens. */
.case-guthi {
  position:relative; display:block; min-height:clamp(650px,53vw,780px);
  overflow:hidden; isolation:isolate; color:#291338;
  background:linear-gradient(109deg,#f8f2eb 0%,#f3eae6 36%,#eaddeb 59%,#95719d 82%,#39234f 100%);
}
.guthi-ambient {position:absolute;inset:0;z-index:0;pointer-events:none;background:
  radial-gradient(ellipse at 8% 20%,#fffaf4 0,rgba(255,250,244,0) 58%),
  radial-gradient(ellipse at 82% 84%,rgba(73,29,105,.12),transparent 54%);
}
.guthi-media {position:absolute;inset:0 0 0 30%;z-index:1;pointer-events:none;isolation:isolate;}
.guthi-media:before {content:'';position:absolute;inset:0;z-index:5;pointer-events:none;
  background:linear-gradient(90deg,rgba(246,237,233,.7) 0%,rgba(246,237,233,.3) 21%,transparent 46%);
}
.guthi-frame {position:absolute;margin:0;overflow:hidden;box-shadow:0 20px 56px rgba(33,14,44,.18);border:1px solid rgba(255,255,255,.78);background:#f8f4f4;
  transition:transform .65s cubic-bezier(.22,1,.36,1),filter .6s ease,opacity .6s ease;}
.guthi-frame img {width:100%;height:100%;object-fit:cover;object-position:center;display:block;}
.guthi-frame-process {left:7%;top:13%;width:47%;height:53%;z-index:1;transform:rotate(-4deg);border-radius:12px;opacity:.70;filter:saturate(.84);}
.guthi-frame-main {right:4%;top:13%;width:56%;height:55%;z-index:2;transform:rotate(3deg);border-radius:14px;}
.guthi-browser-chrome {height:27px;display:flex;align-items:center;gap:6px;background:#fffafa;padding:0 10px;border-bottom:1px solid #e8e1e6;}
.guthi-browser-chrome i {width:7px;height:7px;border-radius:50%;background:#d9c5d5;}
.guthi-browser-chrome i:nth-child(2) {background:#e7d4ad;}
.guthi-browser-chrome i:nth-child(3) {background:#b9c8b6;}
.guthi-browser-chrome span {margin-left:auto;color:#7c6981;font-size:8px;font-weight:850;letter-spacing:.06em;}
.guthi-frame-main img{height:calc(100% - 27px);object-position:center top;}
.guthi-frame-products {left:25%;bottom:10%;width:47%;height:37%;z-index:3;transform:rotate(-3deg);border-radius:14px;}
.guthi-frame-mug {right:4%;bottom:10%;width:20%;height:36%;z-index:4;transform:rotate(4deg);border-radius:14px;}
.guthi-visual-caption {position:absolute;right:5%;bottom:5%;z-index:6;font-weight:900;font-size:9px;letter-spacing:.11em;color:#f8f2ef;}
.guthi-visual-caption span {font-size:14px;margin-left:12px;}
/* The lettering is on its own upper layer; the translucent wash protects legibility
   without erasing the client artwork or introducing a rigid vertical boundary. */
.guthi-title-wash {position:absolute;inset:0;z-index:2;pointer-events:none;background:
  radial-gradient(ellipse 67% 31% at 24% 42%,rgba(248,242,235,.96) 0%,rgba(248,242,235,.88) 50%,rgba(248,242,235,0) 100%),
  linear-gradient(90deg,rgba(248,242,235,.85) 0%,rgba(248,242,235,.58) 29%,rgba(248,242,235,0) 67%);}
.guthi-content {position:relative;z-index:10;min-height:inherit;display:flex;flex-direction:column;padding:clamp(30px,3vw,48px) clamp(28px,3.5vw,60px) clamp(27px,3vw,45px);pointer-events:none;}
.guthi-eyebrow {display:flex;gap:13px;align-items:center;font-size:10px;letter-spacing:.13em;font-weight:850;color:#682c8c;}
.guthi-eyebrow>span:last-child {font-size:9px;color:#76607c;letter-spacing:.11em;}
.guthi-dot {width:7px;height:7px;border-radius:50%;background:#8c2aa9;}
.guthi-heading {margin:clamp(110px,14vw,165px) 0 0;max-width:100%;}
.guthi-heading h3 {font-size:clamp(55px,6.35vw,112px);font-weight:950;letter-spacing:-.105em;line-height:.85;margin:0;text-transform:uppercase;
  text-wrap:nowrap;white-space:nowrap;}
.guthi-name-first,.guthi-name-second {display:block;position:relative;z-index:12;}
.guthi-name-first {color:#2d143e;}
.guthi-name-second {color:#7426ad;font-size:.98em;letter-spacing:-.097em;text-shadow:0 2px 0 rgba(248,242,235,.08);}
.guthi-endmark {color:#e4a500;}
.guthi-tagline {max-width:340px;margin:28px 0 0;font:italic 400 clamp(24px,2.15vw,36px)/1.05 Georgia,serif;letter-spacing:-.04em;color:#3c2446;}
.guthi-bottom {display:flex;align-items:end;justify-content:flex-start;gap:36px;width:100%;margin-top:auto;}
.guthi-bottom p {font-size:13px;line-height:1.55;letter-spacing:-.015em;font-weight:650;max-width:260px;margin:0;color:#594963;}
.guthi-bottom .case-open{pointer-events:auto;position:relative;z-index:20;border:1px solid #5a277f;padding:14px 17px;background:#5a277f;color:#fff;letter-spacing:.06em;white-space:nowrap;}
.guthi-bottom .case-open:hover {background:#32163e;border-color:#32163e;}
.case-guthi:hover .guthi-frame-main {transform:rotate(1.4deg) translateY(-6px);}
.case-guthi:hover .guthi-frame-products {transform:rotate(-1deg) translateY(-5px);}
.case-guthi:hover .guthi-frame-mug {transform:rotate(2deg) translateY(-6px);}
/* Gallery inside the same accessible case modal. */
.guthi-gallery[hidden] {display:none!important;}
.guthi-gallery{margin-top:27px;}
.guthi-gallery-frame{margin:0;background:#eee5ee;aspect-ratio:16/8;border:1px solid #e1d4e2;overflow:hidden;}
.guthi-gallery-frame img {display:block;width:100%;height:100%;object-fit:cover;object-position:center top;}
.guthi-gallery-controls{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-top:10px;flex-wrap:wrap;color:#5e376e;}
.guthi-gallery-controls>span{font-size:9px;font-weight:900;letter-spacing:.07em;}
.guthi-gallery-controls>div{display:flex;flex-wrap:wrap;gap:6px;}
.guthi-gallery-tab{padding:9px 10px;background:#f7f0f7;border:1px solid #d7c8dc;color:#5c3972;font-size:9px;font-weight:900;letter-spacing:.03em;}
.guthi-gallery-tab.is-active,.guthi-gallery-tab:hover{background:#62268b;color:#fff;border-color:#62268b;}
@media (min-width:851px) {
  .case-guthi{position:sticky;top:95px;box-shadow:0 -5px 35px #0001;}
  .case-frc{top:108px;}.case-task{top:121px;}.case-goal{top:134px;}
}
@media (max-width:1150px) and (min-width:851px) {
  .case-guthi{min-height:610px;}
  .guthi-heading h3{font-size:6.65vw;}
  .guthi-name-second{font-size:.76em;}
  .guthi-media{left:25%;}
  .guthi-bottom{margin-top:48px;}
}
@media (max-width:850px) {
  .case-guthi{min-height:850px;background:linear-gradient(145deg,#faf4ed 0%,#f1e7ec 52%,#6a4781 80%,#332043 100%);}
  .guthi-content{min-height:inherit;padding:28px 30px 36px;}
  .guthi-eyebrow>span:last-child{display:none;}
  .guthi-heading{margin:35px 0 0;}
  .guthi-heading h3{font-size:clamp(51px,9vw,83px);}
  .guthi-name-second{font-size:.77em;letter-spacing:-.10em;}
  .guthi-tagline{font-size:27px;margin-top:20px;}
  .guthi-media{inset:28% 0 5% 0;}
  .guthi-title-wash{background:linear-gradient(180deg,rgba(248,242,235,.95) 0%,rgba(248,242,235,.87) 21%,rgba(248,242,235,.04) 53%,transparent 80%);}
  .guthi-frame-process{top:17%;left:5%;width:48%;height:42%;}
  .guthi-frame-main{top:11%;right:4%;width:58%;height:50%;}
  .guthi-frame-products{bottom:10%;left:12%;width:49%;height:38%;}
  .guthi-frame-mug{right:6%;bottom:8%;width:24%;height:36%;}
  .guthi-bottom{margin-top:auto;align-items:center;}
  .guthi-bottom p{max-width:210px;color:#f8effb;text-shadow:0 1px 12px #1f122f;}
  .guthi-bottom .case-open{box-shadow:0 8px 30px rgba(27,10,42,.25);}
}
@media(max-width:580px) {
  .case-guthi{min-height:720px;}
  .guthi-content{padding:23px 19px 24px;}
  .guthi-heading{margin-top:28px;}
  .guthi-heading h3{font-size:clamp(47px,12.8vw,71px);}
  .guthi-name-second{font-size:.65em;letter-spacing:-.10em;}
  .guthi-tagline{font-size:25px;margin-top:20px;}
  .guthi-media{inset:26% 0 8% 0;}
  .guthi-frame{border-radius:12px;}
  .guthi-frame-process{left:4%;top:20%;width:48%;height:40%;}
  .guthi-frame-main{right:4%;top:14%;width:65%;height:44%;}
  .guthi-frame-products{left:9%;bottom:12%;width:53%;height:35%;}
  .guthi-frame-mug{right:5%;bottom:11%;width:27%;height:32%;}
  .guthi-visual-caption{font-size:8px;bottom:6%;}
  .guthi-bottom{align-items:stretch;flex-direction:column;gap:14px;}
  .guthi-bottom p{display:none;}
  .guthi-bottom .case-open{width:100%;justify-content:space-between;}
  .guthi-gallery-frame{aspect-ratio:4/3;}
}
@media(max-width:380px){.guthi-heading h3{font-size:12vw;}.guthi-name-second{font-size:.69em;}}
@media(prefers-reduced-motion:reduce){.guthi-frame{transition:none!important;}.guthi-frame-main,.guthi-frame-products,.guthi-frame-mug,.guthi-frame-process{transform:none!important;}}

/* Project dialog headline must stay readable even with long names. */
.case-dialog .dialog-inner h2{font-size:clamp(48px,5.2vw,78px);overflow-wrap:anywhere;hyphens:auto;}
@media(max-width:580px){.case-dialog .dialog-inner h2{font-size:clamp(42px,10vw,60px);}}

/* Functional refinement: no stacked work cards may cover a CTA from a previous case.
   Motion is still supplied by stage parallax and hover. */
@media(min-width:851px){.case,.case-guthi,.case-frc,.case-task,.case-goal{position:relative!important;top:auto!important;}}
@media(min-width:581px) and (max-width:850px){.guthi-bottom p{display:none}.guthi-bottom{justify-content:flex-start}.guthi-bottom .case-open{margin-left:0;}}




/* FRC / chapter with natural page scroll and viewport-pinned stage */
.frc-chapter{--frc-ink:#09150f;--frc-green:#d9ffa1;position:relative;height:calc(2 * 100svh);min-height:1600px;isolation:auto;background:#11151c;color:#14221a;border:0;overflow:visible;scroll-margin-top:88px;}
.frc-chapter-pin{position:sticky;top:85px;height:calc(100svh - 106px);min-height:510px;width:100%;display:grid;grid-template-columns:43% 57%;overflow:hidden;isolation:isolate;border:1px solid rgba(255,255,255,.14);}
.frc-chapter-intro{padding:clamp(25px,3vw,57px);display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(154deg,#e1ffad 0%,#d5fa98 72%,#c7f08d 100%);position:relative;z-index:1;min-width:0;}
.frc-chapter-intro:after{content:'';position:absolute;right:0;top:0;bottom:0;width:1px;background:rgba(19,64,40,.14);}
.frc-intro-kicker,.frc-intro-bottom{font-size:10px;font-weight:900;letter-spacing:.09em;}
.frc-intro-core{padding:20px 0;}
.frc-intro-core h3{margin:0 0 27px;font-size:clamp(80px,8.3vw,146px);line-height:.77;font-weight:950;letter-spacing:-.12em;}
.frc-intro-core h3 span{display:block;color:#14643d;}
.frc-intro-core p{margin:0;max-width:17ch;font-size:clamp(20px,2vw,30px);font-weight:750;line-height:1.07;letter-spacing:-.045em;}
.frc-intro-bottom{display:flex;justify-content:space-between;align-items:end;gap:12px;flex-wrap:wrap;}
.frc-intro-bottom>span{max-width:180px;line-height:1.45;}
.frc-details{background:none;color:inherit;border:0;border-bottom:1px solid currentColor;padding:9px 0;display:flex;align-items:center;gap:16px;font-size:10px;font-weight:900;letter-spacing:.06em;cursor:pointer;white-space:nowrap;}
.frc-details>span{font-size:21px;font-weight:400;}
.frc-canvas{position:relative;overflow:hidden;isolation:isolate;background:#0b1913;color:#f0fff3;}
.frc-scene{position:absolute;inset:0;opacity:0;visibility:hidden;transform:translate3d(3%,0,0) scale(1.045);will-change:opacity,transform;overflow:hidden;pointer-events:none;}
.frc-scene.is-active{visibility:visible;}
.frc-scene-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:58% center;filter:brightness(.56) saturate(.91) blur(2px);transform:scale(1.08);}
.frc-scene-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,14,11,.97) 0%,rgba(4,16,12,.9) 28%,rgba(4,16,12,.57) 54%,rgba(4,16,12,.15) 100%),linear-gradient(180deg,rgba(3,10,8,.28) 0%,transparent 35%,rgba(2,13,9,.72) 100%);}
.frc-scene:after{content:'';position:absolute;inset:0;border:1px solid rgba(193,255,220,.10);pointer-events:none;}
.frc-scene-foreground{position:absolute;z-index:2;left:clamp(22px,3.1vw,55px);top:17%;width:51%;max-width:425px;}
.frc-scene-index{display:block;font-size:10px;font-weight:900;letter-spacing:.18em;color:#67efaa;margin-bottom:21px;}
.frc-scene-foreground h4{margin:0 0 21px;font-size:clamp(39px,4.15vw,75px);font-weight:950;letter-spacing:-.085em;line-height:.90;text-wrap:balance;}
.frc-scene-foreground h4 em{color:#65eea5;font-family:Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.09em;}
.frc-scene-foreground p{font-size:clamp(13px,1.1vw,16px);line-height:1.5;max-width:26ch;margin:0;color:#e3eee6;}
.frc-feature-frame{position:absolute;z-index:1;right:3%;top:17%;width:57%;height:60%;margin:0;overflow:hidden;border:1px solid rgba(188,255,220,.20);background:#0c1711;box-shadow:0 40px 95px rgba(1,12,7,.42);border-radius:15px;transform:rotate(-2.5deg);}
.frc-feature-frame>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;}
.frc-frame-top{height:33px;background:#081710;display:flex;align-items:center;justify-content:space-between;padding:0 11px;color:#dbffe6;}
.frc-frame-top span{display:flex;gap:5px;}
.frc-frame-top i{width:7px;height:7px;background:#64dba0;border-radius:100%;opacity:.7;}
.frc-frame-top b{font-size:8px;letter-spacing:.08em;}
.frc-browser-frame img{height:calc(100% - 33px);object-position:60% center;}
.frc-player-frame{right:2%;top:15%;width:54%;height:62%;transform:rotate(2deg);}
.frc-goal-frame{right:2%;top:17%;width:58%;height:59%;transform:rotate(-1.5deg);}
.frc-chapter-interface{position:absolute;z-index:6;left:clamp(22px,3.1vw,55px);right:clamp(22px,3.1vw,55px);bottom:20px;display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:end;pointer-events:none;}
.frc-scene-counter{display:flex;align-items:baseline;gap:7px;color:#eaffef;font-size:25px;font-weight:950;line-height:1;letter-spacing:-.06em;white-space:nowrap;}
.frc-scene-counter span:last-child{font-size:11px;color:#a7b8ae;letter-spacing:0;}
.frc-scene-timeline{display:grid;gap:12px;padding-bottom:2px;}
.frc-timeline-track{height:2px;background:rgba(205,255,226,.23);width:100%;display:block;position:relative;overflow:hidden;}
.frc-timeline-track>i{position:absolute;left:0;top:0;height:100%;width:0;background:#6effae;box-shadow:0 0 20px #6effae;}
.frc-timeline-labels{display:flex;justify-content:space-between;gap:5px;font-size:9px;font-weight:900;letter-spacing:.08em;color:#d5e9db;}
.frc-timeline-labels span{opacity:.44;transition:opacity .15s,color .15s;}
.frc-timeline-labels span.is-active{opacity:1;color:#7bffb8;}
.frc-scroll-instruction{font-size:9px;font-weight:900;letter-spacing:.08em;white-space:nowrap;color:#b8dfc6;padding-bottom:3px;}
@media(max-width:1100px){.frc-intro-core h3{font-size:clamp(65px,8.1vw,112px)}.frc-scene-foreground{width:60%;}.frc-scene-foreground h4{font-size:clamp(36px,4vw,60px)}.frc-feature-frame{width:57%;right:-3%;}}
@media(max-width:850px){.frc-chapter{height:calc(2 * 100svh);min-height:1450px;scroll-margin-top:70px}.frc-chapter-pin{top:70px;height:calc(100svh - 70px);min-height:520px;grid-template-columns:1fr;grid-template-rows:155px minmax(0,1fr)}.frc-chapter-intro{padding:14px 22px;display:grid;grid-template-columns:1fr auto;gap:5px 20px;align-items:center}.frc-intro-kicker{grid-column:1/-1}.frc-intro-core{padding:0}.frc-intro-core h3{font-size:clamp(44px,7vw,72px);letter-spacing:-.105em;margin:0;line-height:.8;}.frc-intro-core h3 span{display:inline;margin-left:.2em}.frc-intro-core p{display:none}.frc-intro-bottom{display:flex;flex-direction:column;align-items:flex-end;gap:6px;text-align:right}.frc-intro-bottom>span{font-size:8px}.frc-details{font-size:8px;padding:3px 0}.frc-scene-foreground{top:10%;width:55%;left:22px}.frc-scene-foreground h4{font-size:clamp(33px,5.7vw,54px)}.frc-scene-index{margin-bottom:10px}.frc-feature-frame{top:16%;height:65%;width:56%;right:-1%;}.frc-chapter-interface{left:22px;right:22px;bottom:17px}.frc-scroll-instruction{display:none}}
@media(max-width:580px){.frc-chapter{min-height:1250px}.frc-chapter-pin{grid-template-rows:126px minmax(0,1fr);min-height:480px}.frc-chapter-intro{padding:14px 18px}.frc-intro-core h3{font-size:clamp(38px,9vw,55px)}.frc-intro-bottom>span{font-size:7px;max-width:114px}.frc-details{font-size:8px}.frc-scene-backdrop{object-position:66% center}.frc-scene-shade{background:linear-gradient(90deg,rgba(3,14,11,.95) 0%,rgba(4,16,12,.78) 42%,rgba(4,16,12,.25) 100%),linear-gradient(180deg,rgba(3,10,8,.13) 0%,transparent 48%,rgba(2,13,9,.8) 100%)}.frc-scene-foreground{left:18px;top:11%;width:65%;}.frc-scene-foreground h4{font-size:clamp(33px,9.6vw,46px);margin-bottom:14px;max-width:10ch}.frc-scene-foreground p{font-size:12px;line-height:1.35;max-width:24ch}.frc-scene-index{font-size:8px}.frc-feature-frame{top:27%;right:-17%;width:67%;height:46%;border-radius:10px;transform:rotate(-5deg);opacity:.80}.frc-player-frame{transform:rotate(3deg)}.frc-goal-frame{transform:rotate(-2deg)}.frc-chapter-interface{left:18px;right:18px;bottom:14px;gap:10px;grid-template-columns:38px 1fr}.frc-scene-counter{font-size:21px}.frc-timeline-labels{font-size:7px;letter-spacing:.02em}}
@media(prefers-reduced-motion:reduce){.frc-scene{will-change:auto;transform:none!important}.frc-timeline-labels span{transition:none}}

/* Editorial crop on verified project screenshots: expose the product/photographic half instead of duplicating screenshot copy. */
.frc-feature-frame>img{object-position:right center;}
.frc-browser-frame img{object-position:right center;}
.frc-feature-frame{right:-2%;width:53%;}
.frc-player-frame{right:-2%;width:53%;}
.frc-goal-frame{right:-2%;width:53%;}
@media(max-width:850px){.frc-feature-frame,.frc-player-frame,.frc-goal-frame{right:-2%;width:53%;}}
@media(max-width:580px){.frc-feature-frame,.frc-player-frame,.frc-goal-frame{right:-15%;width:67%;}}

/* Method section: editorial title with informational, non-interactive steps. */
.method-layout{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:clamp(40px,5vw,90px);align-items:stretch;padding-top:clamp(110px,11vw,180px);}
.method-head{align-self:center;min-width:0;}
.method-head h2{font-size:clamp(64px,7.2vw,126px);line-height:.86;}
.method-head .method-title-rule{display:block;width:100%;height:1px;background:rgba(21,24,28,.34);margin:32px 0 26px;}
.method-head p{font-size:18px;line-height:1.5;max-width:440px;margin:0;}
.method-steps{display:flex;flex-direction:column;justify-content:space-between;padding:0;}
.method-steps article{display:grid;grid-template-columns:clamp(68px,6vw,100px) minmax(0,1fr);gap:clamp(20px,2.8vw,46px);align-items:start;border:0;border-bottom:1px solid #b6b5b0;padding:32px 0 36px;cursor:default;}
.method-steps article:last-child{border-bottom:0;}
.method-steps article>.method-step-number{color:#dcdbd6;font-size:clamp(62px,6vw,100px);font-weight:950;letter-spacing:-.12em;line-height:.82;}
.method-step-copy{min-width:0;}
.method-step-label{display:block;font-size:10px;font-weight:900;letter-spacing:.1em;margin:0 0 14px;}
.method-steps h3{font-size:clamp(26px,2.3vw,36px);font-weight:900;letter-spacing:-.065em;line-height:1.06;margin:0;max-width:440px;}
@media(max-width:850px){.method-layout{grid-template-columns:1fr;gap:58px;padding-top:100px;}.method-head h2{font-size:clamp(66px,9vw,112px);}.method-head .method-title-rule{margin:28px 0 22px;}.method-steps article{grid-template-columns:clamp(82px,12vw,112px) minmax(0,1fr);gap:clamp(22px,4vw,40px);}}
@media(max-width:580px){.method-layout{gap:40px;padding-top:70px;}.method-head h2{font-size:clamp(39px,11.5vw,64px);}.method-head p{font-size:16px;}.method-head .method-title-rule{margin:24px 0 20px;}.method-steps article{grid-template-columns:58px minmax(0,1fr);gap:18px;padding:24px 0 28px;}.method-steps article>.method-step-number{font-size:58px;}.method-step-label{font-size:9px;margin-bottom:11px;}.method-steps h3{font-size:clamp(23px,6vw,30px);}}

/* FRC Goleiros case: provided panel artwork, cropped to the stage on each viewport. */
.stage-goal{isolation:isolate;position:relative;background:#111318;}
.stage-goal::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:url("assets/landing-pro/frc-goleiros-painel-direito.webp") center/auto 138% no-repeat;}
@media(min-width:851px) and (max-width:1150px){.stage-goal::before{background-position:60% center;}}
@media(max-width:580px){.stage-goal::before{background-position:80% center;}}
@media(min-width:1750px){.stage-goal::before{background-size:auto 165%;background-position:center 60%;}}
@media(min-width:1900px){.stage-goal::before{background-size:auto 180%;}}

/* The stacked mobile headline must stay still; desktop parallax overlaps its lines. */
@media(max-width:580px){.hero-line{transform:none!important;}}

/* TaskProof: supplied final artwork stays as one intact, contained panel. */
.stage-task{display:block;isolation:isolate;overflow:hidden;background:#f66341;}
.taskproof-panel{position:absolute;inset:0 0 10%;display:grid;place-items:center;}
.taskproof-panel img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;}
.stage-task .task-orbit{z-index:1;}