.showcase-case.showcase-nebula{--case-tone:#63503b;--case-paper:#f3efe6}.showcase-case.showcase-kova{--case-tone:#262c30;--case-paper:#e5e7e6}.showcase-case.showcase-nova{--case-tone:#102b43;--case-paper:#edf3f5}.major-selection{border-top:1px solid var(--border);padding-block:56px 72px}.major-selection>h3{margin-bottom:26px}.major-selection-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;display:grid}.major-selection-grid>a{flex-direction:column;gap:12px;min-width:0;text-decoration:none;display:flex}.major-selection-grid img{aspect-ratio:3/2;object-fit:contain;background:#e6e5de;width:100%;height:auto}.major-selection-name{justify-content:space-between;align-items:center;font-size:clamp(20px,2vw,28px);display:flex}.major-selection-sector{color:var(--muted);font-size:13px}:is(.major-selection-grid>a:hover .major-selection-name,.major-selection-grid>a:focus-visible .major-selection-name){color:var(--accent)}.major-chapter,.major-mobile{padding-block:clamp(40px,6vw,90px)}.major-desktop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 28px;display:grid}.major-desktop-grid>div{min-width:0}.major-view-lead,.major-desktop-grid>:last-child:nth-child(2n){grid-column:1/-1}.major-desktop-grid .screenshot-button{width:100%}.major-mobile-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:56px 28px;display:grid}.major-mobile-grid figure{min-width:0;margin:0}.major-mobile-grid figcaption{max-width:310px;color:var(--muted);margin:20px auto 0;font-size:13px}.major-mobile-grid .phone-preview{width:100%}@media (max-width:1050px){.major-mobile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.major-selection-grid,.major-desktop-grid,.major-mobile-grid{grid-template-columns:minmax(0,1fr);gap:36px}.major-view-lead,.major-desktop-grid>:last-child:nth-child(2n){grid-column:auto}.major-mobile-grid .phone-preview{width:min(100%,290px)}.major-mobile-grid figcaption{max-width:290px}}.phone-preview{box-sizing:border-box;aspect-ratio:9/19.5;background:#1b1c19;border-radius:clamp(20px,2.2vw,34px);width:100%;min-width:0;position:relative;box-shadow:inset 0 2px 3px #ffffff20,5px 24px 34px -16px #181a1759}.phone-screen,.phone-overlay{width:95%;height:auto;aspect-ratio:var(--phone-screen-ratio,9 / 20);background:#eee9de;border-radius:clamp(12px,1.7vw,26px);position:absolute;top:50%;left:2.5%;overflow:hidden;transform:translateY(-50%)}.phone-overlay{z-index:2;pointer-events:none;background:0 0}.phone-screen.is-scrollable{scrollbar-width:none;scroll-behavior:auto;overflow-y:auto}.phone-screen:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.phone-preview .phone-screen>img{object-fit:contain;object-position:top;width:100%;max-width:none;height:auto;box-shadow:none;border-radius:0;display:block;transform:none}.phone-scroll-hint{text-align:center;letter-spacing:.03em;width:100%;color:var(--muted-foreground);pointer-events:none;font-size:10px;line-height:1.4;position:absolute;top:calc(100% + 10px);left:0}.phone-gallery{grid-template-columns:repeat(3,minmax(0,280px));justify-content:center;align-items:start;gap:clamp(25px,4vw,65px);padding:12px 0 0;display:grid}.phone-gallery>figure:nth-child(2){margin-top:0}.concept-case .phone-gallery figcaption{padding-top:28px}.concept-case-mobile .concept-phone-figure{width:100%;max-width:310px}.concept-case .concept-phone-figure figcaption{padding-top:28px}.concept-case-mobile:has(>figure:nth-of-type(3)) .concept-mobile-intro{grid-column:1/-1;padding-top:0}.showcase-responsive .phone-gallery:has(>figure:nth-child(2)):not(:has(>figure:nth-child(3))){grid-template-columns:repeat(2,minmax(0,280px))}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.phone-gallery .phone-preview,.concept-phone-figure .phone-preview{transition:transform .7s cubic-bezier(.2,.7,.2,1)}.phone-gallery .phone-preview:is(:hover,:focus-within),.concept-phone-figure .phone-preview:is(:hover,:focus-within){transform:translateY(-5px)}}@media (max-width:700px){.phone-gallery{grid-template-columns:minmax(0,280px);gap:45px}.showcase-responsive .phone-gallery:has(>figure:nth-child(2)):not(:has(>figure:nth-child(3))){grid-template-columns:minmax(0,280px)}.concept-case-mobile .concept-phone-figure{width:min(86%,280px)}.phone-gallery>figure:nth-child(2){margin-top:0}}.home-v2 .hero-work .hero-screen-flagship{z-index:2}.home-v2 .hero-work .hero-screen-rouge{z-index:3;right:-1%;transform:rotate(2.5deg)}.home-v2 .hero-work .hero-screen-rouge img{aspect-ratio:1.5;object-fit:contain;background:#f3eee5}.home-v2 .hero-work .hero-screen-rouge>span{color:#f3eee5;background:#50121d}.home-v2 .hero-work .hero-screen-concept{z-index:1;box-shadow:0 8px 20px #22231810}.home-v2 .hero-work .hero-screen-casa{width:66%;top:30px;right:-2%;transform:rotate(7deg)}.home-v2 .hero-work .hero-screen-brasa{width:62%;top:300px;left:-7%;transform:rotate(-7deg)}.home-v2 .hero-work .hero-screen-concept span{letter-spacing:.4px;font-size:8px}.home-v2 .hero-work .hero-screen-brasa span{color:var(--paper);background:#252720}.home-v2 .hero-work .hero-screen:is(:focus-visible,:focus-within){z-index:20}@media (hover:hover) and (pointer:fine){.home-v2 .hero-work .hero-screen:hover{z-index:21}}.home-v2 .hero-work .hero-screen[data-poster-active]{z-index:40}@media (prefers-reduced-motion:no-preference){.home-v2 .hero-work .hero-screen:focus-visible{transform:rotate(0)translateY(-5px)}}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.home-v2 .hero-work .hero-screen:hover{filter:contrast(1.02);transform:rotate(0)translateY(-5px)}}@media (prefers-reduced-motion:reduce){.home-v2 .hero-work .hero-screen{transition:none}}.hero-proof small{margin-top:3px;font-size:10px;display:block}.home-v2 .hero-work .hero-proof{top:-70px}.concepts-heading{border-top:1px solid var(--border);grid-template-columns:1fr 2fr;gap:24px 5%;margin:120px 0 100px;padding-top:45px;display:grid}.concepts-heading h2{font-size:clamp(40px,4.6vw,72px)}.concepts-heading>p:last-child{color:var(--muted-foreground);grid-column:2;font-size:15px;line-height:1.7}.concept-work{margin-block:0 150px}.concept-visual{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;display:grid;position:relative}.concept-visual img{width:100%;height:auto;transition:transform .65s cubic-bezier(.22,1,.36,1);display:block;box-shadow:0 12px 25px #2223180c}.concept-primary{grid-area:1/1/auto/12}.concept-secondary{z-index:1;grid-row:1}.concept-secondary.is-mobile{grid-column:10/13;margin-top:64%}.concept-secondary.is-desktop{grid-column:7/13;margin-top:75%}.concept-caption{grid-template-columns:1.2fr 1fr auto;align-items:start;gap:24px;padding-top:26px;display:grid}.concept-caption h3{letter-spacing:-.05em;margin-top:9px;font-size:clamp(29px,3.4vw,48px);font-weight:400;line-height:1.08}.concept-caption>p{color:var(--muted-foreground);padding-top:6px;font-size:15px}.concept-caption .text-link{align-self:start;font-size:13px}.concept-caption .project-type{letter-spacing:.65px;font-size:10px}.concept-landscape{width:92%}.concept-offset{width:84%;margin-left:auto}.concept-offset .concept-primary{grid-column:4/13}.concept-offset .concept-secondary{grid-column:1/4;margin-top:85%}.concept-paired{width:88%}.concept-paired .concept-primary{grid-column:1/10}.concept-paired .concept-secondary{grid-column:11/13;margin-top:40%}.concept-wide .concept-primary{grid-column:1/12}.concept-closing{width:94%}.concept-closing .concept-secondary{grid-column:7/13}.concept-work:last-child{margin-bottom:65px}.concept-visual:focus-visible{outline:2px solid var(--accent);outline-offset:8px}@media (hover:hover) and (prefers-reduced-motion:no-preference){.concept-visual:hover .concept-secondary{transform:translateY(-6px)}}.concept-case .case-intro h1{font-size:clamp(58px,8.5vw,136px);line-height:1.05}.concept-case .case-label .concept-status{color:var(--accent);display:block}.concept-case-intro{grid-template-columns:1.5fr 1fr;align-items:end;gap:10%;margin-top:38px;display:grid}.concept-case-intro>p:first-child{letter-spacing:-.018em;max-width:640px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:clamp(18px,1.8vw,24px);font-weight:400;line-height:1.45}.concept-case-intro .concept-disclosure{color:var(--muted-foreground);font-size:12px;line-height:1.7}.concept-case figure{margin:0}.concept-case figure img{width:100%;height:auto;display:block}.concept-case figcaption{color:var(--muted-foreground);padding-top:16px;font-size:11px;line-height:1.5}.concept-case figcaption>span{display:none}.concept-case-cover{margin-top:25px}.concept-case .case-story{margin-block:110px 60px}.concept-case .case-story h2{max-width:720px}.concept-case-mobile{grid-template-columns:1fr 1fr 1fr;align-items:start;gap:5%;padding-block:65px;display:grid}.concept-mobile-intro{padding-top:50px}.concept-mobile-intro h2{margin-block:25px;font-size:clamp(32px,3.3vw,52px)}.concept-mobile-intro>p:last-child{color:var(--muted-foreground);max-width:360px;font-size:15px;line-height:1.7}.concept-case-mobile>figure:last-child{margin-top:24px}.concept-case-next{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;gap:26px;padding-block:28px 75px;display:flex}.concept-direction{grid-template-columns:1.25fr 1fr;align-items:center;gap:7%;margin-block:95px 30px;display:grid}.concept-direction figure{margin:0}.concept-direction figure img{aspect-ratio:1.3;object-fit:cover;width:100%;height:auto;display:block}.concept-direction figcaption{letter-spacing:.09em;color:var(--muted-foreground);margin-top:15px;font-size:9px}.concept-direction-copy>.eyebrow{color:var(--accent);font-size:10px}.concept-direction h2{letter-spacing:-.04em;margin-block:23px;font-size:clamp(30px,3vw,46px);line-height:1.1}.concept-direction-copy>p:not(.eyebrow):not(.concept-direction-scope){color:var(--muted-foreground);font-size:15px;line-height:1.75}.concept-journey{margin:28px 0;padding:0;list-style:none}.concept-journey li{border-top:1px solid var(--border);gap:20px;padding:14px 0;font-size:14px;display:flex}.concept-journey span{color:var(--accent);font-variant-numeric:tabular-nums;align-self:center;font-size:10px}.concept-direction-copy>.concept-direction-scope{color:var(--muted-foreground);font-size:11px;line-height:1.65}@media (max-width:700px){.concept-direction{grid-template-columns:1fr;gap:30px;margin-block:50px 0}.concept-direction figure img{aspect-ratio:1.5}}.concept-mobile-brasa{gap:6%;position:relative}.concept-mobile-brasa .screenshot-button{background:#191c17;border:0;border-radius:28px;padding:5px;overflow:hidden;transform:rotate(-1.5deg);box-shadow:0 3px 6px #24251f18,9px 28px 40px -15px #24251f45}.concept-mobile-brasa .screenshot-button>img{border-radius:23px}.concept-mobile-brasa>figure:last-child .screenshot-button{transform:rotate(2deg)}.concept-mobile-brasa>figure{max-width:390px}.concept-mobile-brasa .screenshot-button:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.concept-mobile-brasa .screenshot-figure>figcaption{max-width:300px;margin-top:25px}@media (min-width:701px) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.concept-mobile-brasa .screenshot-button{transition:transform .7s cubic-bezier(.2,.7,.2,1)}.concept-mobile-brasa .screenshot-button:is(:hover,:focus-visible){transform:translateY(-5px)rotate(-.5deg)}.concept-mobile-brasa>figure:last-child .screenshot-button:is(:hover,:focus-visible){transform:translateY(-9px)rotate(.7deg)}}@media (max-width:700px){.concept-mobile-brasa .screenshot-button,.concept-mobile-brasa>figure:last-child .screenshot-button{transform:none}}@media (prefers-reduced-motion:reduce){.concept-mobile-brasa .screenshot-button{transition:none}}.brasa-responsive-notes{margin:30px 0 0;padding:0;font-size:13px;line-height:1.6;list-style:none}.brasa-responsive-notes li{border-top:1px solid var(--border);padding:13px 0}.brasa-responsive-notes li:before{content:"↳";color:var(--accent);margin-right:12px}@media (min-width:701px) and (max-width:1100px){.home-v2 .hero-work .hero-screen-casa{top:60px;right:-4%}.home-v2 .hero-work .hero-screen-brasa{width:66%;top:290px;left:-3%}.home-v2 .hero-work .hero-proof{top:-68px}.concept-caption{grid-template-columns:1fr 1fr}.concept-caption .text-link{grid-column:2}.concept-case-mobile{grid-template-columns:1fr 1fr;gap:7%}.concept-mobile-intro{grid-column:1/-1;padding-top:0}}@media (min-width:701px) and (max-width:900px){.concept-visual .concept-secondary{display:none}.concept-visual .concept-primary{grid-column:1/-1}}@media (max-width:700px){.home-v2 .hero-work{height:calc(58vw + 144px)}.home-v2 .hero-work .hero-screen-brasa{width:66%;top:150px;left:-1%;transform:rotate(-7deg)}.home-v2 .hero-work .hero-screen-rouge{width:72%;top:116px;right:-1%}.home-v2 .hero-work .hero-screen-casa{width:65%;top:35px;right:-1%;transform:rotate(6deg)}.home-v2 .hero-work .hero-proof{top:auto;bottom:-16px}.hero-proof small{font-size:9px}.concepts-heading{margin:65px 0 55px;padding-top:28px;display:block}.concepts-heading h2{margin-block:23px;font-size:39px}.concepts-heading>p:last-child{font-size:14px}.concept-work{width:100%;margin:0 0 75px}.concept-visual{display:block}.concept-visual .concept-secondary{display:none}.concept-caption{grid-template-columns:1fr;gap:15px;padding-top:22px}.concept-caption>p{padding:0;font-size:14px}.concept-caption .text-link{justify-self:start}.concept-case .case-intro h1{font-size:clamp(54px,14vw,90px)}.concept-case-intro{margin-top:25px;display:block}.concept-case-intro .concept-disclosure{margin-top:25px}.concept-case-cover{margin-top:0}.concept-case .case-story{margin-block:65px 35px}.concept-case-mobile{grid-template-columns:minmax(0,1fr);gap:44px;padding-block:42px;display:grid}.concept-mobile-intro{padding:0}.concept-case-mobile>figure{width:86%;margin-inline:auto}.concept-case-mobile>figure:last-child{margin:0 auto}.concept-case-next{padding-bottom:50px}}@media (prefers-reduced-motion:reduce){.concept-visual img{transition:none}}
