/*
  BIRDBROS. — editorial digital portfolio
  Lightweight by design: system fonts, CSS-made visuals, no heavy images.
  Brand colors / typography can be edited in :root.
*/
:root{
  --ink:#10110e;--ink-2:#171913;--paper:#f0f0e9;--muted:#a1a49a;
  --line:rgba(244,245,235,.18);--accent:red;--accent-dark:#b7dc63;
  --font-display:Arial,Helvetica,"Helvetica Neue",sans-serif;
  --font-body:Arial,Helvetica,"Helvetica Neue",sans-serif;
  --header-h:88px;--ease:cubic-bezier(.22,1,.36,1);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:95px}
body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
body.menu-open{overflow:hidden}
::selection{background:var(--accent);color:#111}
a{color:inherit;text-decoration:none}
button{font:inherit}
button,a,summary{-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}
img,svg{display:block;max-width:100%}
.layout-container{width:min(100%,1800px);padding-inline:clamp(22px,5.15vw,100px);margin-inline:auto}
.skip-link{position:fixed;z-index:999;top:12px;left:20px;transform:translateY(-150%);padding:15px 20px;background:var(--accent);color:#111;font-weight:700}.skip-link:focus{transform:translateY(0)}
.scroll-progress{position:fixed;top:0;left:0;width:100%;height:2px;z-index:110;background:transparent;pointer-events:none}.scroll-progress span{display:block;transform:scaleX(0);transform-origin:left;height:100%;background:var(--accent)}
.cursor-orbit{position:fixed;z-index:120;top:0;left:0;width:32px;height:32px;margin:-16px;pointer-events:none;border:1px solid rgba(216,251,121,.68);border-radius:50%;mix-blend-mode:difference;opacity:0;transition:width .25s,height .25s,margin .25s,opacity .25s}.cursor-orbit.is-visible{opacity:1}.cursor-orbit.is-hover{width:56px;height:56px;margin:-28px}

/* Fixed navigation */
.site-header{height:var(--header-h);position:fixed;z-index:100;top:0;left:0;width:100%;display:flex;align-items:center;padding-inline:clamp(22px,5.15vw,100px);gap:3rem;transition:height .35s,background .35s,border-color .35s; border-bottom:1px solid transparent}
.site-header.is-scrolled{height:70px;background:rgba(15,16,13,.91);border-color:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
.brand{display:inline-flex;align-items:center;gap:10px;min-width:215px;line-height:1}.brand-icon{width:35px;height:35px;color:var(--accent)}.brand-text{display:flex;flex-direction:column;gap:5px}.brand-text strong{font-size:25px;font-weight:900;letter-spacing:-.085em}.brand-dot{color:var(--accent)}.brand-text small{font-size:7px;letter-spacing:.12em;font-weight:700;color:#aaaeb0}
.site-nav{display:flex;align-items:center;justify-content:center;gap:clamp(20px,2.4vw,48px);margin:auto}.nav-link{font-size:12px;white-space:nowrap;font-weight:700;letter-spacing:-.005em;transition:color .2s}.nav-link:hover{color:var(--accent)}.nav-index{font-size:9px;margin-right:7px;color:var(--accent);vertical-align:top}.nav-link--mobile{display:none}
.header-contact{display:inline-flex;align-items:center;gap:28px;font-size:12px;font-weight:700;white-space:nowrap;border:1px solid rgba(255,255,255,.3);border-radius:100px;padding:7px 7px 7px 20px;transition:background .25s,color .25s,border-color .25s}.header-contact:hover{background:var(--accent);color:#111;border-color:var(--accent)}
.link-arrow{width:30px;height:30px;border-radius:50%;background:var(--accent);color:var(--ink);display:grid;place-items:center;font-size:18px}.header-contact:hover .link-arrow{background:#111;color:var(--accent)}
.menu-toggle{display:none;background:none;color:inherit;border:0;padding:12px;width:45px;height:44px;position:relative;cursor:pointer}.menu-toggle span{display:block;height:2px;background:currentColor;width:26px;position:absolute;left:10px;transition:transform .25s,top .25s}.menu-toggle span:first-child{top:16px}.menu-toggle span:last-child{top:25px}

/* 01 — FULLSCREEN COVER */
.hero{position:relative;isolation:isolate;min-height:min(990px,100svh);min-height:max(790px,100svh);overflow:hidden;padding-top:var(--header-h);background:#10110e}
.hero-aura{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 42% 60% at 79% 43%,rgba(87,102,56,.19),transparent 74%),radial-gradient(ellipse 28% 43% at 5% 95%,rgba(67,79,42,.12),transparent 80%);z-index:-1}
.hero-fine-grid{position:absolute;inset:0;z-index:-1;opacity:.13;background-image:linear-gradient(to right,rgba(255,255,255,.2) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.2) 1px,transparent 1px);background-size:clamp(80px,9vw,160px) clamp(80px,9vw,160px);mask-image:linear-gradient(90deg,transparent 27%,#000 100%)}
.hero-inner{min-height:calc(max(790px,100svh) - 172px);display:grid;grid-template-columns:minmax(0,1.16fr) minmax(0,.84fr);align-items:center;position:relative;gap:0}
.hero-copy{position:relative;z-index:5;padding-block:80px 85px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.125em;text-transform:uppercase}.hero-eyebrow{display:flex;align-items:center;gap:12px;white-space:nowrap;margin:0 0 clamp(36px,5vw,80px);color:#bdc0b5}.live-dot{display:inline-block;width:7px;height:7px;background:var(--accent);border-radius:50%;flex:none;box-shadow:0 0 0 5px rgba(216,251,121,.12)}.eyebrow-break{color:var(--accent);margin-inline:2px}
.hero-title{font-family:var(--font-display);font-size:clamp(78px,8.1vw,157px);font-weight:900;line-height:.86;letter-spacing:-.095em;margin:0;white-space:nowrap}.hero-title-line{display:block;overflow:visible}.hero-title-italic{font:italic 400 .81em/.7 Georgia,Times,serif;letter-spacing:-.09em;display:inline-block;position:relative;top:-.035em;margin-left:.03em}.hero-outline{color:transparent;-webkit-text-stroke:2px var(--paper);paint-order:stroke fill}.hero-period{color:var(--accent);margin-left:.035em}.hero-intro-row{display:flex;gap:22px;max-width:420px;margin-top:clamp(40px,5.1vw,82px)}.hero-asterisk{font-size:49px;color:var(--accent);line-height:1;display:block}.hero-intro-copy p{font-size:clamp(15px,1.2vw,19px);line-height:1.6;margin:1px 0 20px;color:#c6c9bf;max-width:330px;letter-spacing:-.02em}.text-link{display:inline-flex;align-items:center;gap:35px;padding-bottom:8px;border-bottom:1px solid var(--accent);font-weight:700;font-size:12px;transition:gap .3s var(--ease),color .2s}.text-link:hover{gap:48px;color:var(--accent)}.text-link span{font-size:18px;color:var(--accent)}
.hero-showcase{height:clamp(480px,45vw,770px);position:relative;min-width:0;transform-style:preserve-3d;perspective:1200px}.hero-showcase-top{display:flex;position:absolute;z-index:2;top:12%;left:12%;right:5%;justify-content:space-between;color:#717b68;font-size:8px;font-weight:700;letter-spacing:.12em}.hero-rings{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:95%;aspect-ratio:1;pointer-events:none}.hero-rings span{position:absolute;inset:0;border:1px solid rgba(209,250,121,.14);border-radius:50%}.hero-rings span:nth-child(2){inset:13%}.hero-rings span:nth-child(3){inset:27%}
.hero-device{position:absolute;overflow:hidden;border:5px solid #262a25;background:#101414;border-radius:36px;box-shadow:0 24px 75px rgba(0,0,0,.62),inset 0 0 0 1px rgba(255,255,255,.2);transition:filter .35s}.hero-device-content{position:absolute;inset:0;overflow:hidden;border-radius:29px}.hero-device--front{width:40%;height:70%;left:32%;top:15%;z-index:4;transform:rotate(-6deg)}.hero-device--rear{width:31%;height:56%;left:9%;top:24%;z-index:2;transform:rotate(-22deg)}.hero-device--side{width:30%;height:54%;left:66%;top:27%;z-index:3;transform:rotate(15deg)}.hero-device-island{position:absolute;top:9px;left:50%;width:31%;height:15px;transform:translateX(-50%);background:#060706;border-radius:20px;z-index:6}
.hero-showcase-note{position:absolute;z-index:3;left:0;bottom:9%;font-size:8px;line-height:1.8;letter-spacing:.11em;color:#899080;font-weight:700;display:flex;gap:8px;align-items:flex-start}.note-line{width:27px;height:1px;background:var(--accent);margin-top:6px}.hero-showcase-mark{position:absolute;right:0;bottom:3%;font-size:clamp(60px,7vw,118px);font-weight:900;letter-spacing:-.12em;color:#2a3322;line-height:1}.hero-showcase-mark span{font-size:11px;position:absolute;right:-12px;top:6px;letter-spacing:0}
/* Three editorial concept phones */
.mini-peli{background:#19161f;color:#fff;padding:18% 9% 8%;display:flex;flex-direction:column}.mini-topline{display:flex;justify-content:space-between;align-items:start;font-size:clamp(10px,1.25vw,21px);line-height:.92;letter-spacing:-.07em;font-weight:900}.mini-topline span:last-child{font-size:22px;color:#d4adff}.mini-poster{margin-top:14%;flex:1;min-height:0;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(140deg,#513342,#ad6d62 60%,#241b2d);padding:8%;border-radius:2px}.mini-poster-sun{position:absolute;width:140%;aspect-ratio:1;border-radius:50%;top:14%;left:23%;border:16px solid #ecbca2;box-shadow:0 0 0 22px rgba(35,20,38,.5),0 0 0 50px rgba(215,150,152,.17)}.mini-poster-top,.mini-poster-foot{position:relative;z-index:1;font-size:clamp(4px,.45vw,9px);letter-spacing:.1em;font-weight:700}.mini-poster strong{font-size:clamp(20px,2.25vw,49px);position:relative;z-index:1;line-height:.9;letter-spacing:-.08em;font-weight:900}.mini-bottom{display:flex;justify-content:space-between;align-items:center;font-size:clamp(5px,.52vw,10px);letter-spacing:.08em;font-weight:800;padding-top:9%}.mini-bottom span:last-child{font-size:18px}
.mini-retro{background:#1a2a20;color:#d0ff8c;padding:20% 10% 10%;font-family:monospace;display:flex;flex-direction:column;justify-content:space-between}.mini-status{font-size:clamp(8px,.8vw,13px);font-weight:900;border-bottom:1px solid #6c9153;padding-bottom:8px}.mini-lcd{background:#abc88a;color:#304f34;padding:9% 6%;box-shadow:inset 0 0 17px rgba(14,38,17,.22);display:flex;flex-direction:column;gap:10px}.mini-lcd span,.mini-lcd small{font-size:clamp(6px,.65vw,11px);letter-spacing:.06em}.mini-lcd strong{font-size:clamp(17px,1.9vw,38px);letter-spacing:-.09em;white-space:nowrap}.mini-lcd .mini-colon{font-size:.65em}.mini-retro-dot{width:42%;aspect-ratio:1;margin-inline:auto;background:#cee6ad;border-radius:50%;border:10px solid #506c43}.mini-retro-bottom{font-size:clamp(7px,.69vw,11px);display:flex;justify-content:space-between;align-items:center}.mini-retro-bottom span{font-size:21px}
.mini-sanct{background:radial-gradient(ellipse at 50% 60%,#63422d 0,#201a16 67%,#17120f 100%);color:#f9dbab;padding:20% 10% 11%;display:flex;flex-direction:column;justify-content:space-between}.mini-sanct-top{font-size:clamp(7px,.62vw,11px);letter-spacing:.18em;display:flex;justify-content:space-between}.mini-sanct-arch{height:62%;border-radius:48% 48% 0 0/30% 30% 0 0;border:1px solid #a37e55;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 57%,#946747,#49301e 55%,#251c19)}.mini-candle{position:absolute;width:18%;height:30%;background:linear-gradient(90deg,#a9784b,#f8e0ad 45%,#ad8058);bottom:12%;left:41%;border-radius:5px 5px 2px 2px;box-shadow:0 5px 25px #e8b06f}.mini-candle span{position:absolute;width:42%;height:40%;border-radius:50% 50% 50% 50%;background:#ffe7a1;left:29%;top:-45%;box-shadow:0 0 16px 12px #f5b86276;transform:rotate(10deg)}.mini-sanct-bottom{font:italic clamp(16px,1.6vw,30px)/1.1 Georgia,serif;letter-spacing:-.05em;text-align:center}
.hero-footer{height:80px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.12);color:#888f83;font-size:10px;font-weight:700;letter-spacing:.08em}.hero-scroll{display:flex;gap:12px;align-items:center}.scroll-icon{display:inline-block;width:21px;height:33px;border:1px solid #7b8570;border-radius:20px;position:relative}.scroll-icon span{position:absolute;left:9px;top:7px;width:1px;height:10px;background:var(--accent);animation:scroll-nudge 2s infinite}@keyframes scroll-nudge{0%,100%{transform:translateY(0);opacity:1}75%{transform:translateY(8px);opacity:0}}.hero-footer-right{display:flex;align-items:center;gap:12px;color:#a8aba1}.hero-footer-right strong{font-size:38px;color:var(--accent);font-weight:800;letter-spacing:-.06em}.hero-footer-right span{font-size:8px;line-height:1.5}.hero-footer-coord{color:#8e9389}
/* Moving text / division */
.ticker{height:106px;background:var(--accent);color:var(--ink);overflow:hidden;display:flex;align-items:center;transform:rotate(-1deg) scale(1.015);position:relative;z-index:8;margin-top:-3px}.ticker-track{display:flex;align-items:center;gap:30px;width:max-content;animation:ticker 27s linear infinite;white-space:nowrap}.ticker-track span{font-size:clamp(30px,4.2vw,76px);font-weight:900;letter-spacing:-.065em;line-height:1}.ticker-track i{font-style:normal;font-size:27px}@keyframes ticker{to{transform:translateX(-50%)}}
/* Global section styles */
.section-pad{padding-top:clamp(110px,11vw,200px);padding-bottom:clamp(120px,11vw,190px)}.section-kicker{display:flex;align-items:center;gap:18px;font-size:10px;letter-spacing:.105em;font-weight:800;text-transform:uppercase;line-height:1.2}.section-kicker-no{color:var(--accent);white-space:nowrap}.section-kicker-line{height:1px;background:var(--line);flex:1;max-width:96px}.section-kicker>span:last-child{color:#8b9286}.display-heading{font-size:clamp(56px,7.2vw,143px);font-family:var(--font-display);font-weight:900;letter-spacing:-.087em;line-height:.91;margin:0}.display-heading em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.075em}.display-heading>span{color:transparent;-webkit-text-stroke:1px var(--paper)}
.intro{padding-bottom:165px}.intro-grid{display:grid;grid-template-columns:1.32fr .68fr;align-items:end;gap:clamp(55px,8vw,155px);margin-top:60px}.intro-main h2{max-width:1050px}.intro-main h2 em{color:var(--accent)}.intro-aside{padding-bottom:5px;max-width:360px}.asterisk-badge{font-size:72px;color:var(--accent);line-height:1;margin-bottom:37px}.intro-aside p{font-size:clamp(16px,1.3vw,20px);line-height:1.55;letter-spacing:-.02em;margin:0 0 23px;color:#c3c5bc}.intro-aside p+p{font-size:14px;color:#7d837b}.intro-stat{margin-top:60px;padding-top:23px;border-top:1px solid var(--line);display:flex;align-items:end;gap:20px}.intro-stat strong{font-size:90px;line-height:.85;letter-spacing:-.09em}.intro-stat strong span{font-size:23px;color:var(--accent);vertical-align:top;margin-left:6px}.intro-stat>span{font-size:10px;font-weight:800;letter-spacing:.11em;line-height:1.6;color:#a2a89d}

/* 02 — Immersive case studies */
.projects-section{padding-top:85px;background:#161712;position:relative}.projects-head{padding-bottom:58px}.projects-heading-row{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-top:60px}.projects-heading-row h2{font-size:clamp(58px,6.75vw,130px)}.projects-heading-row h2 em{color:var(--accent)}.projects-heading-row>p{max-width:320px;color:#aeb1a8;font-size:17px;line-height:1.5;letter-spacing:-.02em;margin:0 0 10px}.projects-overline{display:block;margin-top:60px;font-size:10px;letter-spacing:.1em;color:#9d9e94;font-weight:800}.projects-overline span{color:var(--accent);font-size:20px;margin-left:14px}
.projects-stack{display:flex;flex-direction:column;gap:20px}.project-card{height:min(750px,calc(100svh - 120px));min-height:620px;position:sticky;top:85px;border-radius:12px;overflow:hidden;display:grid;grid-template-columns:45% 55%;isolation:isolate;color:#181a15;box-shadow:0 23px 75px rgba(0,0,0,.24)}.project-card:nth-child(1){z-index:1}.project-card:nth-child(2){z-index:2}.project-card:nth-child(3){z-index:3}.project-card:nth-child(4){z-index:4}
.project-card--peli{--project-paper:#d9c6ed;--project-board:#baa0d4;background:var(--project-paper)}
.project-card--caseta{--project-paper:#eac2a0;--project-board:#ed9f79;background:var(--project-paper)}
.project-card--sanctorium{--project-paper:#d7c6ac;--project-board:#a98c79;background:var(--project-paper)}
.project-card--retro{--project-paper:#c9d89e;--project-board:#a0be75;background:var(--project-paper)}
.project-copy{padding:clamp(33px,3.7vw,72px);display:flex;flex-direction:column;justify-content:space-between;position:relative;z-index:2}.project-meta{display:flex;justify-content:space-between;gap:15px;font-size:9px;letter-spacing:.09em;font-weight:800;white-space:nowrap}.project-meta span:first-child{font-weight:900;font-size:12px}.project-copy-body{margin-block:50px}.project-icon{width:53px;height:53px;border:1px solid rgba(19,21,16,.36);border-radius:50%;display:grid;place-items:center;font-size:25px;margin-bottom:34px}.project-icon--caseta{font-size:35px}.project-copy h3{font-family:var(--font-display);font-size:clamp(48px,5.8vw,111px);letter-spacing:-.086em;line-height:.89;font-weight:900;margin:0 0 33px}.project-copy h3 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.07em}.project-copy-body>p{max-width:455px;font-size:clamp(13px,1.1vw,18px);line-height:1.6;letter-spacing:-.01em;margin:0 0 25px}.project-tags{display:flex;gap:8px;flex-wrap:wrap;max-width:500px}.project-tags span{font-size:10px;font-weight:700;border:1px solid rgba(20,20,16,.36);padding:8px 12px;border-radius:30px}.project-link{display:inline-flex;justify-content:space-between;align-items:center;gap:24px;max-width:265px;font-size:12px;font-weight:800;margin-top:36px;border-bottom:1px solid #14160f;padding-bottom:9px;transition:gap .3s}.project-link:hover{gap:48px}.project-link-arrow{font-size:23px}.project-caption{font-weight:800;font-size:9px;letter-spacing:.09em}
.project-visual{position:relative;background:var(--project-board);overflow:hidden;isolation:isolate}.project-visual>.phone{position:absolute;z-index:2;top:50%;left:51%;transform:translate(-50%,-50%) rotate(var(--phone-tilt,-8deg))}.art-label{position:absolute;z-index:3;font-size:9px;line-height:1.7;letter-spacing:.11em;font-weight:800}.art-label--top{top:46px;left:48px}.art-label--bottom{bottom:31px;right:34px;text-align:right;opacity:.58;font-size:8px}.visual-grid{position:absolute;inset:0;opacity:.23;background-image:linear-gradient(rgba(30,16,48,.25) 1px,transparent 1px),linear-gradient(90deg,rgba(30,16,48,.25) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,#000,transparent)}.visual-orbit{position:absolute;width:75%;aspect-ratio:1;border:1px solid rgba(25,21,35,.26);border-radius:50%;top:10%;left:26%;box-shadow:0 0 0 100px rgba(67,30,99,.04),0 0 0 220px rgba(67,30,99,.02)}.floating-index{position:absolute;z-index:3;left:9%;bottom:13%;width:166px;aspect-ratio:1;border-radius:50%;background:#1b1821;color:#eae4ee;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-14deg);box-shadow:0 15px 40px rgba(24,10,44,.25)}.floating-index strong{font-size:53px;font-weight:900;letter-spacing:-.1em}.floating-index span{font-size:8px;line-height:1.4;letter-spacing:.15em;text-align:center;font-weight:700}
/* Shared phone */
.phone{width:clamp(224px,21.3vw,316px);aspect-ratio:308 / 622;border:7px solid #161718;background:#151515;border-radius:45px;box-shadow:0 35px 65px rgba(16,14,14,.39),0 0 0 2px #535353,0 0 0 4px #1d1b1b;isolation:isolate}.phone::before{content:"";position:absolute;top:26%;left:-9px;height:10%;width:3px;background:#464646;border-radius:2px}.phone::after{content:"";position:absolute;top:40%;right:-9px;height:14%;width:3px;background:#464646;border-radius:2px}.phone-screen{position:absolute;inset:0;overflow:hidden;border-radius:37px;display:flex;flex-direction:column}.phone-island{position:absolute;z-index:6;width:33%;height:23px;top:9px;left:50%;transform:translateX(-50%);border-radius:20px;background:#141414}.screen-top{height:48px;flex:none;display:flex;justify-content:space-between;align-items:center;padding:10px 26px 0 25px;font-size:12px;font-weight:800;color:#fff;position:relative;z-index:4}.screen-top--dark{color:#151815}.screen-signal{letter-spacing:-3px;font-size:13px}
/* Movie-screen art direction */
.peli-screen{background:#181420;color:#fff}.peli-bar{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 11px}.peli-bar strong{font-size:23px;letter-spacing:-.08em;line-height:.8}.peli-bar strong span{display:block;color:#dac2eb;font-family:Georgia,serif;font-style:italic;font-weight:400;font-size:20px}.peli-ornament{color:#b4a4d2;font-size:20px}.peli-feature-caption{font-size:8px;color:#c2b0d0;display:flex;justify-content:space-between;letter-spacing:.12em;font-weight:800;padding:12px 18px}.peli-poster{flex:1;min-height:0;position:relative;overflow:hidden;margin:0 15px;background:radial-gradient(circle at 59% 34%,#c9b7a9 0,#ba756e 22%,transparent 22.2%),linear-gradient(145deg,#7e6169,#a9766e 47%,#2b2639 85%)}.peli-poster-planet{position:absolute;width:240px;height:240px;top:18%;left:17%;border-radius:50%;border:33px solid rgba(30,23,47,.6);box-shadow:0 0 0 20px rgba(210,178,162,.2)}.peli-poster-cut{position:absolute;width:130%;height:70%;background:linear-gradient(145deg,#34283b,#16131e);transform:rotate(-28deg);left:-27%;top:53%;opacity:.75}.peli-poster-copy{position:absolute;inset:14px;display:flex;flex-direction:column;justify-content:space-between}.peli-poster-copy small,.peli-poster-copy span{font-size:7px;letter-spacing:.13em;font-weight:700}.peli-poster-copy strong{font-size:clamp(26px,2.9vw,52px);line-height:.84;letter-spacing:-.09em;font-weight:900;text-shadow:0 2px 10px rgba(0,0,0,.2)}.peli-screen-body{padding:17px 18px 13px;display:flex;gap:10px;align-items:center}.peli-daily-dot{color:#dac2eb;font-size:16px}.peli-screen-body div{display:flex;flex-direction:column;gap:4px;flex:1}.peli-screen-body div small{font-size:7px;color:#aea1b6;font-weight:800;letter-spacing:.12em}.peli-screen-body div strong{font-size:12px;letter-spacing:-.03em}.peli-screen-body>span:last-child{font-size:18px}.peli-screen-nav{display:flex;border-top:1px solid #393043;margin-top:auto;justify-content:space-around;padding:12px 8px 18px;color:#c8b9cf}.peli-screen-nav span{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:17px}.peli-screen-nav small{font-size:7px}
/* Feria / map app */
.visual-caseta{--phone-tilt:8deg}.caseta-sun{position:absolute;border-radius:50%;width:82%;aspect-ratio:1;top:-31%;right:-25%;background:radial-gradient(circle,#f7d8ad 0,#eda67b 72%)}.caseta-screen{background:#f1ead6;color:#172b20}.map-layer{position:absolute;inset:0;overflow:hidden}.map-layer svg{width:100%;height:100%;object-fit:cover}.caseta-app-top{position:relative;display:flex;justify-content:space-between;align-items:flex-start;padding:12px 18px 18px;z-index:2;font-size:18px;font-weight:900;line-height:.93;letter-spacing:-.075em}.caseta-app-top span{font-size:20px}.caseta-search{position:relative;z-index:2;display:flex;align-items:center;gap:11px;margin:0 15px;border-radius:100px;background:#fff;padding:13px 14px;font-size:21px;box-shadow:0 8px 30px #262d2222}.caseta-search span{font-size:9px;color:#808a7e}.caseta-map-label{position:absolute;top:44%;left:11%;transform:rotate(-7deg);background:#f7f6ed;z-index:1;padding:8px 10px;font-size:8px;font-weight:800;box-shadow:0 5px 12px #26351d19}.caseta-bottomsheet{position:relative;z-index:2;background:#fefcf4;margin-top:auto;border-radius:24px 24px 0 0;padding:13px 20px 22px;box-shadow:0 -10px 20px #20281a20}.caseta-handle{width:35px;height:4px;border-radius:3px;background:#b8b8ae;margin:0 auto 22px}.caseta-section-label{display:flex;justify-content:space-between;font-size:7px;font-weight:800;letter-spacing:.08em;color:#71806f}.caseta-section-label span{color:#5c8d56}.caseta-bottomsheet>strong{display:block;margin-top:14px;font-size:22px;letter-spacing:-.075em}.caseta-bottomsheet>small{display:block;margin-top:5px;font-size:10px;color:#687267}.caseta-route{display:flex;justify-content:space-between;align-items:center;background:#183f31;color:#fff;padding:16px;border-radius:12px;font-size:10px;letter-spacing:.07em;font-weight:800;margin-top:22px}.caseta-route span{font-size:20px}.caseta-sticker{width:145px;height:145px;position:absolute;bottom:11%;right:8%;background:#ffedcb;border:1px solid #452f27;border-radius:50%;display:grid;place-content:center;z-index:3;transform:rotate(18deg);box-shadow:0 12px 28px rgba(88,49,30,.2)}.caseta-sticker span{font-size:17px;font-weight:900;line-height:1;letter-spacing:-.055em}.caseta-sticker strong{font-size:25px;position:absolute;right:22px;bottom:25px}
/* Spiritual product: intentional atmosphere */
.visual-sanctorium{--phone-tilt:-9deg}.sanctorium-rays{position:absolute;inset:-40%;background:repeating-conic-gradient(from -20deg at 51% 53%,rgba(253,229,178,.13) 0deg 2deg,transparent 2deg 20deg);opacity:.48}.sanct-screen{background:radial-gradient(ellipse at 50% 52%,#785338,#251e19 58%,#171311);color:#e6d5b8}.sanct-app-logo{font-size:8px;letter-spacing:.12em;display:flex;align-items:center;gap:8px;justify-content:center;padding:13px 0;color:#d5bb8d}.sanct-heading{text-align:center;font:italic 25px/1.08 Georgia,serif;margin-top:26px;letter-spacing:-.045em;color:#eaddc0}.sanct-cathedral{position:relative;width:72%;height:43%;margin:26px auto 0;border:1px solid #956f4a;border-bottom:0;border-radius:49% 49% 0 0/30% 30% 0 0;background:radial-gradient(ellipse at 50% 50%,#7c5839,#2b201d 70%);overflow:hidden}.sanct-cathedral::after{content:"";position:absolute;inset:13px;border:1px solid rgba(201,157,100,.25);border-bottom:0;border-radius:49% 49% 0 0/30% 30% 0 0}.sanct-halo{position:absolute;width:125px;height:125px;border-radius:50%;left:50%;top:35%;transform:translate(-50%,-50%);background:#f1aa58;opacity:.3;filter:blur(33px)}.sanct-candle{position:absolute;bottom:12%;left:50%;width:48px;height:110px;transform:translateX(-50%)}.sanct-wax{position:absolute;inset:0;background:linear-gradient(90deg,#896846,#f7dfb2 42%,#e0c097 70%,#987048);border-radius:9px 9px 2px 2px;box-shadow:0 0 26px rgba(255,199,92,.4)}.sanct-base{position:absolute;left:-15px;right:-15px;bottom:-5px;height:9px;background:#69503c;border-radius:50%}.sanct-wick{width:2px;height:19px;background:#d3a56e;position:absolute;left:23px;top:-15px}.sanct-flame{position:absolute;z-index:2;left:18px;top:-50px;width:16px;height:42px;border-radius:55% 5% 55% 55%;background:radial-gradient(ellipse at 70% 72%,#fff7bb,#ffd36a 65%,#f0a53a);box-shadow:0 0 25px 7px rgba(251,178,77,.62);transform:rotate(-8deg);transform-origin:50% 90%;animation:flame 3.8s ease-in-out infinite}@keyframes flame{0%,100%{transform:rotate(-8deg) scale(.95)}50%{transform:rotate(7deg) scale(1.05)}}.sanct-screen-bottom{display:flex;flex-direction:column;align-items:center;gap:8px;padding:21px 15px 13px;margin-top:auto}.sanct-screen-bottom small{font-size:8px;letter-spacing:.15em;color:#d0b08e}.sanct-screen-bottom strong{font:italic 24px Georgia,serif}.sanct-screen-bottom>span{font-size:9px;color:#b9a994}.sanct-action{width:100%;background:#c6a579;color:#251b18;border-radius:25px;font-size:9px;font-weight:900;letter-spacing:.06em;display:flex;justify-content:space-between;margin-top:9px;padding:15px 15px}.sanct-floating-word{font:italic clamp(25px,3vw,48px) Georgia,serif;color:#4a3529;position:absolute;z-index:3;bottom:14%;left:5%;transform:rotate(-13deg)}
/* Retro time mini-demo */
.visual-retro{--phone-tilt:9deg}.retro-big-circle{position:absolute;width:105%;aspect-ratio:1;border:1px solid #507c4a55;left:20%;top:-13%;border-radius:50%;box-shadow:0 0 0 95px #6e935014,0 0 0 180px #6e93500d}.retro-grid{position:absolute;inset:0;background:linear-gradient(#496d3c22 1px,transparent 1px),linear-gradient(90deg,#496d3c22 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(45deg,#000,transparent)}.retro-screen{background:#183a28;color:#eaf8bc;font-family:Arial,monospace}.retro-app-top{display:flex;justify-content:space-between;font:900 10px monospace;padding:15px 20px 6px;letter-spacing:.08em}.retro-app-heading{text-align:center;padding-top:20px;font-weight:900;font-size:44px;letter-spacing:-.1em;line-height:.83}.retro-app-heading span{color:#bee987}.retro-app-heading small{display:block;font:700 9px monospace;letter-spacing:.2em;color:#95bb78;margin-top:14px}.retro-display{background:#b3cf90;color:#284735;margin:34px 16px 0;padding:16px 12px 10px;border:4px solid #325b34;border-radius:11px;box-shadow:inset 0 2px 23px #2c4f373d,0 10px 0 #123222}.retro-display-head,.retro-display-bottom{display:flex;justify-content:space-between;font:800 9px monospace;letter-spacing:.05em}.retro-display>strong{display:block;text-align:center;white-space:nowrap;font:700 clamp(44px,4.5vw,71px)/1.4 monospace;letter-spacing:-.12em;font-variant-numeric:tabular-nums}.retro-display-bottom span:first-child{letter-spacing:-.35em}.retro-target{display:flex;flex-direction:column;align-items:center;gap:4px;font:700 10px monospace;color:#a7d181;padding-top:27px}.retro-target strong{font-size:16px;color:#e0fba2}.retro-game-action{margin-top:25px;padding:0 18px;text-align:center}.game-button{width:100%;display:flex;justify-content:space-between;align-items:center;background:#d2f28d;color:#1b3725;border:0;border-radius:9px;padding:16px 20px;font:900 17px monospace;letter-spacing:.1em;cursor:pointer;transition:transform .15s,background .15s}.game-button:hover{transform:translateY(-3px);background:#efffae}.game-button:active{transform:scale(.98)}.retro-game-action p{font:10px/1.4 monospace;color:#91b480;max-width:185px;margin:13px auto 0}.retro-game-action .game-result{color:#eaffad;font-weight:900;min-height:15px}.retro-app-foot{display:flex;justify-content:space-between;font:700 7px monospace;letter-spacing:.05em;color:#719d74;padding:0 20px 20px;margin-top:auto}.retro-sticker{position:absolute;z-index:4;left:7%;bottom:12%;transform:rotate(-16deg);width:121px;height:121px;border-radius:50%;background:#163324;color:#c9f08f;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:27px;font-weight:900;letter-spacing:-.08em;line-height:.9}.retro-sticker span{font-size:30px;margin-left:62px}
.projects-outro{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-top:70px;padding-bottom:120px;font-size:10px;font-weight:800;letter-spacing:.1em;color:#939991}.underlined-link{font-size:clamp(13px,1.5vw,21px);padding-bottom:10px;border-bottom:1px solid var(--accent);color:var(--paper);letter-spacing:-.02em;text-transform:none}.underlined-link span{color:var(--accent);margin-left:14px}

/* Manifesto */
.manifesto{overflow:hidden;background:red;color:#13150f;position:relative;padding-block:clamp(80px,10vw,180px)}.manifesto-hairline{position:absolute;left:0;right:0;top:0;height:2px;background:#10110e}.manifesto-inner>.eyebrow{margin:0 0 70px}.manifesto-words{font-size:clamp(73px,12.4vw,240px);font-weight:900;letter-spacing:-.105em;line-height:.84;white-space:nowrap}.manifesto-words>span{display:block}.manifesto-words>span:nth-child(2){margin-left:9%}.manifesto-words>span:nth-child(3){margin-left:2%}.manifesto-outlined{color:transparent;-webkit-text-stroke:2px #13150f}.manifesto-end-dot{font-style:normal}.manifesto-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #18211466;margin-top:95px;padding-top:22px;font-size:10px;letter-spacing:.1em;font-weight:800}.manifesto-foot span:nth-child(2){font-size:42px}
/* Capabilities accordion */
.capabilities{padding-bottom:160px}.capabilities-heading{display:flex;justify-content:space-between;align-items:end;gap:70px;margin:63px 0 92px}.capabilities-heading h2{font-size:clamp(60px,6.5vw,127px)}.capabilities-heading h2 em{color:var(--accent)}.capabilities-heading>p{font-size:18px;line-height:1.6;max-width:350px;color:#a5aa9e;margin:0 0 6px}.services-list{border-top:1px solid #52584c}.service-item{border-bottom:1px solid #4c5147;transition:background .25s}.service-item summary{display:grid;grid-template-columns:85px 1fr 50px;gap:20px;align-items:center;cursor:pointer;list-style:none;min-height:124px;padding:15px 20px 15px 5px}.service-item summary::-webkit-details-marker{display:none}.service-no{align-self:center;font-size:12px;color:var(--accent);font-weight:800}.service-name{font-size:clamp(24px,3.25vw,56px);line-height:1.1;font-weight:700;letter-spacing:-.06em;transition:color .25s,transform .4s var(--ease)}.service-item summary:hover .service-name{color:var(--accent);transform:translateX(6px)}.service-plus{width:44px;height:44px;border-radius:50%;border:1px solid #51564c;display:grid;place-items:center;font-size:27px;font-weight:300;transition:transform .3s,background .3s,color .3s}.service-item[open] .service-plus{transform:rotate(45deg);background:var(--accent);color:#111;border-color:var(--accent)}.service-body{display:flex;gap:60px;padding:0 80px 34px 105px;align-items:end;justify-content:space-between}.service-body p{font-size:16px;line-height:1.7;color:#a6ada0;max-width:650px;margin:0}.service-body span{font-size:9px;letter-spacing:.12em;font-weight:800;color:var(--accent);white-space:nowrap}
/* Process */
.process{background:#21231e;padding:clamp(110px,11vw,180px) 0 clamp(120px,12vw,200px)}.process-heading{display:flex;justify-content:space-between;align-items:end;gap:60px;margin:70px 0 100px}.process-heading h2{font-size:clamp(55px,6.2vw,120px)}.process-heading h2 em{color:var(--accent)}.process-heading p{max-width:290px;color:#a9afa3;font-size:17px;line-height:1.6}.process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #575d50}.process-step{padding:27px clamp(20px,2vw,35px) 15px 0;min-height:360px;border-right:1px solid #575d50;display:flex;flex-direction:column}.process-step:not(:first-child){padding-left:clamp(20px,2vw,35px)}.process-step:last-child{border-right:0}.process-step-top{display:flex;justify-content:space-between;font-size:12px;color:#a4ab9f;font-weight:800}.process-step-top span:last-child{font-size:19px;color:var(--accent)}.process-step-symbol{font-size:75px;font-weight:300;line-height:1;color:var(--accent);margin:48px 0 28px}.process-step h3{font-size:clamp(27px,2.8vw,46px);letter-spacing:-.07em;margin:0 0 11px;font-weight:800}.process-step p{margin:0;color:#9aa195;line-height:1.55;font-size:14px;max-width:240px}
/* Contact outro */
.contact-section{position:relative;isolation:isolate;background:red;color:#10140e;min-height:800px;overflow:hidden}.contact-light{position:absolute;z-index:-1;width:70vw;height:70vw;max-width:1000px;max-height:1000px;right:-20%;top:-25%;background:radial-gradient(circle,#f1ffb9 0,#e9ffac 21%,transparent 69%);opacity:.7}.contact-inner{min-height:800px;display:flex;flex-direction:column;justify-content:space-between;padding-top:58px;padding-bottom:45px}.contact-head{display:flex;justify-content:space-between;align-items:center;gap:30px;font-size:10px;font-weight:800;letter-spacing:.08em}.contact-head>span:last-child{display:flex;align-items:center;gap:13px}.contact-head .live-dot{background:#123318;box-shadow:0 0 0 4px rgba(14,67,19,.12)}.contact-intro{font-weight:800;letter-spacing:.1em;font-size:10px;margin:75px 0 0}.contact-title{font-family:var(--font-display);font-size:clamp(80px,12vw,230px);font-weight:900;letter-spacing:-.105em;line-height:.78;margin:15px 0 22px;position:relative}.contact-title em{font-family:Georgia,serif;font-size:.9em;font-weight:400;letter-spacing:-.09em;white-space:nowrap}.contact-star{position:absolute;font-size:clamp(50px,6.6vw,130px);right:0;top:2%;animation:slow-spin 20s linear infinite}@keyframes slow-spin{to{transform:rotate(360deg)}}.contact-actions{display:flex;align-items:center;gap:27px;margin-bottom:80px}.contact-primary{display:inline-flex;align-items:center;gap:70px;background:#11150e;color:#eaf6d1;border-radius:100px;padding:11px 11px 11px 32px;font-size:16px;font-weight:700;letter-spacing:-.03em;transition:background .3s,color .3s,transform .3s}.contact-primary:hover{background:#344322;transform:translateY(-4px)}.contact-primary>span:last-child{width:50px;height:50px;background:var(--accent);color:#151d0e;display:grid;place-items:center;border-radius:50%;font-size:25px}.contact-copy{border:0;background:transparent;padding:13px 0;cursor:pointer;font-size:12px;border-bottom:1px solid #28371d;color:#1a2712;font-weight:800}.contact-copy span{font-size:17px;margin-left:18px}.contact-bottom{display:flex;justify-content:space-between;border-top:1px solid #34471f6c;padding-top:23px;font-size:9px;letter-spacing:.1em;font-weight:800}.contact-separator{color:#778a4e;margin-inline:12px}
.site-footer{display:grid;grid-template-columns:1.3fr 1fr 1.5fr auto;align-items:center;gap:30px;padding-block:55px 60px;background:var(--ink);color:#a2a99c}.footer-brand{color:var(--paper);font-size:clamp(38px,5.1vw,80px);font-weight:900;letter-spacing:-.09em}.footer-brand span{color:var(--accent)}.footer-author,.footer-year{font-size:9px;letter-spacing:.1em;font-weight:800;line-height:1.8}.footer-links{display:flex;justify-content:space-around;gap:18px}.footer-links a{font-size:9px;letter-spacing:.08em;font-weight:800;transition:color .2s;white-space:nowrap}.footer-links a:hover{color:var(--accent)}.footer-year{white-space:nowrap}.toast{position:fixed;z-index:300;bottom:26px;left:50%;transform:translate(-50%,25px);background:#272e20;color:#e8fcb5;border:1px solid #63754e;border-radius:50px;padding:13px 20px;font-size:13px;font-weight:700;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s}.toast.is-visible{opacity:1;transform:translate(-50%,0)}

/* Responsive tuning */
@media(max-width:1400px){
 .site-header{gap:18px}.brand{min-width:178px}.brand-text strong{font-size:24px}.brand-text small{font-size:6px}.site-nav{gap:22px}.hero-title{font-size:clamp(72px,7.75vw,130px)}.hero-showcase{height:570px}.hero-inner{grid-template-columns:1.12fr .88fr}.project-copy h3{font-size:clamp(53px,5.8vw,90px)}.project-copy{padding:45px}.project-copy-body>p{font-size:15px}.phone{width:260px}.retro-display>strong{font-size:57px}.peli-poster-copy strong{font-size:40px}
}
@media(max-width:1100px){
 :root{--header-h:76px}
 .layout-container{padding-inline:clamp(22px,4.5vw,50px)}.site-header{padding-inline:clamp(22px,4.5vw,50px)}.site-nav{gap:18px}.nav-link{font-size:11px}.nav-index{display:none}.header-contact{font-size:11px;gap:10px;padding-left:14px}.brand{min-width:170px}
 .hero{min-height:750px}.hero-inner{min-height:670px}.hero-title{font-size:clamp(68px,7.5vw,106px)}.hero-showcase{height:530px}.hero-intro-row{margin-top:48px}.hero-showcase-note,.hero-showcase-mark{display:none}
 .intro-grid{gap:50px}.intro-aside p{font-size:16px}.intro-stat strong{font-size:70px}
 .project-card{min-height:630px;grid-template-columns:47% 53%}.project-copy{padding:32px}.project-copy-body{margin-block:28px}.project-copy h3{font-size:clamp(48px,5.5vw,70px);margin-bottom:19px}.project-icon{margin-bottom:20px}.project-copy-body>p{font-size:14px}.project-link{margin-top:25px}.phone{width:245px}.floating-index{width:125px}.floating-index strong{font-size:39px}.caseta-sticker{width:120px;height:120px;right:4%}
 .manifesto-words{font-size:12vw}.capabilities-heading h2{font-size:6.4vw}.service-body{padding-right:30px}.process-step{min-height:340px}
}
@media(max-width:800px){
 :root{--header-h:72px}
 .site-header{justify-content:space-between;gap:12px}.site-header.is-scrolled{height:67px}.brand{min-width:0}.brand-icon{height:30px;width:30px}.brand-text strong{font-size:23px}.brand-text small{font-size:6px}.header-contact{margin-left:auto}.menu-toggle{display:block;z-index:105;flex:none}
 .site-nav{position:fixed;inset:0 0 auto 0;height:100svh;background:#11140f;padding:115px 7vw 50px;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;opacity:0;visibility:hidden;transform:translateY(-15px);transition:opacity .3s,visibility .3s,transform .3s}.site-nav.is-open{opacity:1;visibility:visible;transform:translateY(0)}.nav-link{font-size:clamp(35px,8vw,70px);letter-spacing:-.08em;font-weight:900;border-bottom:1px solid #343b2b;padding:23px 0}.nav-index{display:inline-block;font-size:12px;letter-spacing:0;vertical-align:top;padding-top:6px;margin-right:12px}.nav-link--mobile{display:block}.menu-toggle[aria-expanded=true] span:first-child{top:21px;transform:rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{top:21px;transform:rotate(-45deg)}
 .hero{min-height:0}.hero-inner{grid-template-columns:1fr;min-height:0}.hero-copy{padding:90px 0 20px}.hero-title{font-size:clamp(71px,11.6vw,120px)}.hero-eyebrow{margin-bottom:45px;font-size:9px}.hero-intro-row{margin-top:35px}.hero-intro-copy{max-width:330px}.hero-showcase{height:clamp(460px,76vw,630px);margin-bottom:20px}.hero-device--front{width:30%;height:74%;left:36%;top:10%}.hero-device--rear{width:27%;height:58%;left:20%;top:24%}.hero-device--side{width:26%;height:56%;left:62%;top:26%}.hero-showcase-top{top:6%}.hero-footer{height:74px}.hero-footer-coord{display:none}.ticker{height:85px}.ticker-track span{font-size:47px}
 .intro-grid{grid-template-columns:1fr}.intro-aside{display:grid;max-width:none;grid-template-columns:75px 1fr;column-gap:20px}.asterisk-badge{grid-row:1/3;font-size:60px}.intro-aside p{max-width:600px}.intro-aside p+p{grid-column:2}.intro-stat{grid-column:2;margin-top:25px}.intro{padding-bottom:110px}.display-heading{font-size:clamp(64px,10.4vw,108px)}
 .projects-heading-row{flex-direction:column;align-items:flex-start;gap:25px}.projects-heading-row h2{font-size:clamp(65px,8vw,95px)}.projects-heading-row>p{max-width:530px}.project-card{position:relative;top:auto;height:auto;min-height:0;grid-template-columns:1fr;box-shadow:none}.project-copy{min-height:490px;padding:40px}.project-copy h3{font-size:clamp(67px,9.3vw,100px)}.project-copy-body{margin-block:40px}.project-copy-body>p{max-width:530px;font-size:17px}.project-visual{min-height:670px}.phone{width:295px}.peli-poster-copy strong{font-size:48px}.retro-display>strong{font-size:65px}.projects-stack{gap:28px}.projects-outro{padding-top:60px;padding-bottom:100px}
 .manifesto{padding-block:95px}.manifesto-words{font-size:12.3vw}.manifesto-inner>.eyebrow{margin-bottom:60px}.manifesto-foot{margin-top:70px}
 .capabilities-heading,.process-heading{flex-direction:column;align-items:flex-start;gap:25px}.capabilities-heading h2{font-size:clamp(55px,9vw,97px)}.capabilities-heading>p{max-width:530px}.service-item summary{grid-template-columns:45px 1fr 48px}.service-body{padding-left:65px;display:block}.service-body span{display:block;margin-top:20px}.process-heading h2{font-size:clamp(56px,8.2vw,94px)}.process-heading p{max-width:500px}.process-grid{grid-template-columns:repeat(2,1fr)}.process-step:nth-child(2){border-right:0}.process-step:nth-child(1),.process-step:nth-child(2){border-bottom:1px solid #575d50}.process-step:nth-child(3){padding-left:0}.process-step{min-height:300px}
 .contact-section,.contact-inner{min-height:680px}.contact-title{font-size:clamp(75px,11.8vw,125px)}.contact-star{top:-18%;font-size:70px}.contact-actions{margin-bottom:65px}.site-footer{grid-template-columns:1fr 1fr;gap:35px}.footer-brand{font-size:60px}.footer-links{justify-content:flex-start;gap:20px}.footer-year{text-align:right}
}
@media(max-width:560px){
 .layout-container{padding-inline:21px}.site-header{padding-inline:21px}.header-contact{display:none}.brand-icon{width:31px;height:31px}.brand-text small{letter-spacing:.06em}
 .hero-copy{padding-top:88px;padding-bottom:10px}.hero-eyebrow{font-size:8px;gap:9px;letter-spacing:.1em;margin-bottom:34px}.hero-eyebrow .eyebrow-break{display:none}.hero-title{font-size:clamp(57px,12vw,78px);line-height:.9;letter-spacing:-.092em}.hero-title-italic{font-size:.75em}.hero-outline{-webkit-text-stroke:1.4px var(--paper)}.hero-intro-row{gap:12px;margin-top:39px}.hero-asterisk{font-size:37px}.hero-intro-copy p{font-size:15px;line-height:1.55;max-width:290px}.hero-showcase{height:385px;margin-top:8px;margin-bottom:8px}.hero-showcase-top{display:none}.hero-rings{width:110%}.hero-device{border-width:4px;border-radius:22px}.hero-device-content{border-radius:18px}.hero-device--front{width:36%;height:74%;left:33%;top:10%}.hero-device--rear{width:31%;height:56%;left:11%;top:22%}.hero-device--side{width:28%;height:52%;left:67%;top:25%}.hero-device-island{height:10px;top:5px}.mini-peli{padding:19% 8% 7%}.mini-topline{font-size:10px}.mini-topline span:last-child{font-size:12px}.mini-poster{margin-top:16%}.mini-poster strong{font-size:22px}.mini-poster-sun{border-width:12px;box-shadow:0 0 0 12px #23142680,0 0 0 20px #d796982b}.mini-lcd strong{font-size:17px}.mini-lcd{gap:4px}.mini-sanct-bottom{font-size:12px}.hero-footer{height:70px}.hero-scroll{font-size:8px}.hero-footer-right strong{font-size:32px}.hero-footer-right span{font-size:7px}.ticker{height:65px}.ticker-track{gap:20px}.ticker-track span{font-size:34px}.ticker-track i{font-size:17px}
 .section-pad{padding-top:95px;padding-bottom:105px}.section-kicker{gap:10px;font-size:8px}.section-kicker-line{max-width:37px}.intro-grid{margin-top:45px;gap:55px}.display-heading{font-size:clamp(52px,11.2vw,72px);letter-spacing:-.085em}.intro-aside{grid-template-columns:45px 1fr;gap:8px}.asterisk-badge{font-size:40px;margin-bottom:0}.intro-aside p{font-size:15px}.intro-aside p+p{font-size:13px}.intro-stat strong{font-size:68px}.intro-stat>span{font-size:8px}.intro-stat{grid-column:1/-1;margin-top:30px}
 .projects-section{padding-top:77px}.projects-head{padding-bottom:32px}.projects-heading-row{margin-top:44px}.projects-heading-row h2{font-size:clamp(46px,9.5vw,65px)}.projects-heading-row>p{font-size:15px}.projects-overline{margin-top:40px;font-size:9px}.project-card{border-radius:7px}.project-copy{padding:25px;min-height:505px}.project-meta{font-size:8px}.project-meta span:first-child{font-size:10px}.project-copy-body{margin-block:40px}.project-icon{width:41px;height:41px;font-size:18px;margin-bottom:24px}.project-copy h3{font-size:clamp(48px,12vw,69px);margin-bottom:20px}.project-copy-body>p{font-size:14px;line-height:1.55;margin-bottom:17px}.project-tags span{font-size:9px;padding:7px 9px}.project-link{font-size:12px;margin-top:28px}.project-caption{font-size:8px}.project-visual{min-height:570px}.phone{width:245px;border-width:6px;border-radius:37px}.phone-screen{border-radius:30px}.phone-island{height:18px}.screen-top{height:42px;padding-inline:23px;font-size:10px}.art-label--top{top:23px;left:23px;font-size:8px}.art-label--bottom{font-size:7px;bottom:15px;right:15px}.floating-index{left:2%;bottom:12%;width:105px}.floating-index strong{font-size:35px}.floating-index span{font-size:7px}.peli-bar strong{font-size:20px}.peli-bar strong span{font-size:17px}.peli-poster-copy strong{font-size:36px}.peli-screen-body{padding:12px}.peli-screen-nav{padding:9px 5px 14px}.peli-screen-nav span{font-size:15px}.caseta-sticker{right:1%;bottom:10%;width:100px;height:100px}.caseta-sticker span{font-size:14px}.caseta-sticker strong{right:10px;bottom:14px}.caseta-bottomsheet{padding:9px 15px 18px}.caseta-handle{margin-bottom:15px}.caseta-bottomsheet>strong{font-size:18px}.caseta-route{margin-top:13px;padding:12px}.sanct-heading{font-size:19px;margin-top:22px}.sanct-cathedral{margin-top:15px}.sanct-candle{transform:translateX(-50%) scale(.76);transform-origin:bottom}.sanct-screen-bottom{padding:13px 10px 10px}.sanct-screen-bottom strong{font-size:20px}.sanct-action{padding:12px}.sanct-floating-word{font-size:26px}.retro-app-heading{font-size:37px}.retro-display{margin-top:21px;padding:12px 10px 7px}.retro-display>strong{font-size:47px}.retro-target{padding-top:20px}.retro-game-action{margin-top:20px}.game-button{font-size:14px;padding:13px 18px}.retro-game-action p{font-size:8px}.retro-sticker{width:93px;height:93px;left:0;bottom:9%;font-size:22px}.retro-sticker span{font-size:19px}.projects-stack{gap:22px}.projects-outro{align-items:flex-start;flex-direction:column;gap:20px;padding-top:55px;padding-bottom:95px}
 .manifesto{padding:82px 0}.manifesto-inner>.eyebrow{font-size:8px;line-height:1.6;margin-bottom:52px}.manifesto-words{font-size:12.1vw;line-height:1.0}.manifesto-outlined{-webkit-text-stroke:1.2px #13150f}.manifesto-foot{margin-top:55px;padding-top:17px;gap:12px}.manifesto-foot span{font-size:7px}.manifesto-foot span:nth-child(2){font-size:25px}
 .capabilities{padding-bottom:110px}.capabilities-heading{margin:45px 0 60px}.capabilities-heading h2{font-size:clamp(45px,10vw,64px)}.capabilities-heading>p{font-size:15px}.service-item summary{grid-template-columns:28px 1fr 36px;gap:10px;min-height:90px;padding:10px 0}.service-no{font-size:10px}.service-name{font-size:clamp(22px,6vw,30px)}.service-plus{width:35px;height:35px;font-size:23px}.service-body{padding:0 5px 24px 38px}.service-body p{font-size:14px}.service-body span{font-size:8px;white-space:normal}
 .process{padding-block:95px}.process-heading{margin:45px 0 60px}.process-heading h2{font-size:clamp(45px,10vw,64px)}.process-heading p{font-size:15px}.process-grid{grid-template-columns:1fr 1fr}.process-step{min-height:275px;padding:19px 13px 20px 0}.process-step:not(:first-child){padding-left:13px}.process-step:nth-child(3){padding-left:0}.process-step-symbol{font-size:50px;margin:34px 0 30px}.process-step h3{font-size:27px}.process-step p{font-size:12px;line-height:1.5}.process-step-top{font-size:10px}
 .contact-section,.contact-inner{min-height:640px}.contact-inner{padding-top:40px;padding-bottom:30px}.contact-head{align-items:flex-start;font-size:8px;gap:14px}.contact-head>span:last-child{max-width:125px;line-height:1.4}.contact-intro{margin:90px 0 0;max-width:230px;line-height:1.5;font-size:9px}.contact-title{font-size:clamp(62px,13vw,93px);line-height:.89;margin:15px 0 15px}.contact-star{font-size:37px;top:-30%;right:0}.contact-actions{flex-direction:column;align-items:flex-start;gap:20px;margin-bottom:70px}.contact-primary{padding:8px 8px 8px 24px;gap:35px;font-size:14px}.contact-primary>span:last-child{height:44px;width:44px}.contact-copy{font-size:11px}.contact-bottom{gap:12px;font-size:8px;line-height:1.5}.contact-bottom>span:last-child{max-width:105px;text-align:right}.site-footer{padding-block:45px;gap:25px}.footer-brand{font-size:50px}.footer-author{font-size:8px}.footer-links{grid-column:1/-1;justify-content:space-between}.footer-links a{font-size:8px}.footer-year{font-size:8px}
}
@media(max-width:370px){.hero-title{font-size:11.6vw}.project-copy h3{font-size:12vw}.hero-eyebrow{font-size:7.5px}.brand-text small{font-size:5px}.phone{width:225px}.project-visual{min-height:520px}.art-label--top{font-size:7px}.contact-title{font-size:12.6vw}}
@media(hover:none),(pointer:coarse){.cursor-orbit{display:none}.magnetic{transform:none!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.cursor-orbit{display:none}}