/* ChatturAi — one stylesheet for the whole site. Each page's rules are scoped to a class on , so nothing from one page can reach another. Add or edit rules inside the matching block. */ *{margin:0;padding:0;box-sizing:border-box} html{scroll-behavior:smooth} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}} /* ══════════ HOME ══════════ */ body.p-home{--ink:#0C0C0D;--ink-2:#151517;--paper:#F4F1EB;--paper-2:#EBE7DE; --lime:#CDF000;--warm:#F5F1E9; --mute:rgba(245,241,233,.44);--mute-2:rgba(245,241,233,.66); --rule:rgba(245,241,233,.12); --d:'Archivo',Helvetica,Arial,sans-serif; --b:'Inter',Helvetica,Arial,sans-serif; --m:'JetBrains Mono',ui-monospace,monospace; --pad:clamp(20px,5vw,80px);} body.p-home{font-family:var(--b);background:var(--ink);color:var(--warm);-webkit-font-smoothing:antialiased;overflow-x:hidden} body.p-home img,body.p-home iframe,body.p-home svg,body.p-home video{max-width:100%;display:block} body.p-home a{color:inherit;text-decoration:none} body.p-home .wrap{max-width:1320px;margin:0 auto;padding-left:var(--pad);padding-right:var(--pad)} body.p-home .narrow{max-width:760px} body.p-home section{padding:clamp(74px,10vw,150px) 0;position:relative} body.p-home .rel{position:relative;z-index:2} body.p-home .grain::after{content:'';position:absolute;inset:0;pointer-events:none;z-index:1;opacity:.05; background-image:url("../img/grain.svg")} body.p-home .dsp{font-family:var(--d);font-weight:800;text-transform:uppercase;line-height:.94;letter-spacing:-.035em} body.p-home .h1{font-size:clamp(34px,4.9vw,76px)} body.p-home .hero-h1{font-size:clamp(34px,4.9vw,76px)} /* the category sits above the headline, quiet but unmissable */ body.p-home .kicker{display:inline-block;font-family:var(--d);font-weight:800; text-transform:uppercase;font-size:clamp(11px,1.15vw,14px);letter-spacing:.28em; color:var(--lime);padding-bottom:14px;margin-bottom:clamp(18px,2.2vw,26px); border-bottom:1px solid rgba(205,240,0,.35)} body.p-home .hero-h1{margin:0} body.p-home .hero-copy .lede.sub,body.p-home .hero-in .lede.sub{ margin-top:clamp(20px,2.2vw,28px);max-width:34ch; font-size:clamp(17px,1.6vw,22px);line-height:1.45;color:rgba(245,241,233,.9)} body.p-home .br-d{display:inline} @media(max-width:900px){body.p-home .br-d{display:none}} body.p-home .h2{font-size:clamp(26px,3.8vw,54px)} body.p-home .h3{font-size:clamp(19px,2.2vw,28px)} body.p-home .eyebrow{font-family:var(--d);font-weight:700;text-transform:uppercase;font-size:10.5px; letter-spacing:.22em;color:var(--mute)} body.p-home p{font-size:clamp(16px,1.25vw,18px);line-height:1.72;color:var(--mute-2)} body.p-home p+p{margin-top:18px} body.p-home strong{font-weight:500;color:var(--warm)} body.p-home .lede{font-size:clamp(18px,1.7vw,23px);line-height:1.55;color:rgba(245,241,233,.86)} /* header solid from the very first pixel, not only after scrolling */ body.p-home .nav{position:fixed;top:0;left:0;right:0;z-index:60; background:rgba(12,12,13,.92);backdrop-filter:blur(16px); border-bottom:1px solid var(--rule); transition:background .35s ease} body.p-home .nav.stuck{background:rgba(12,12,13,.95)} body.p-home .nav-in{display:flex;align-items:center;justify-content:space-between;gap:20px; padding-top:20px;padding-bottom:20px} body.p-home .brand{display:inline-flex;align-items:center;gap:12px} body.p-home .brand b{font-family:var(--d);font-weight:900;letter-spacing:-.045em;font-size:clamp(17px,1.7vw,21px);line-height:1} body.p-home .links{display:flex;align-items:center;gap:clamp(20px,2.6vw,38px)} body.p-home .links a{font-family:var(--d);font-weight:700;text-transform:uppercase;font-size:11px; letter-spacing:.17em;color:var(--mute);transition:color .2s} body.p-home .links a:hover{color:var(--warm)} body.p-home .links .cta-s{color:var(--ink);background:var(--lime);padding:10px 20px;border-radius:99px;letter-spacing:.08em} body.p-home .links .cta-s:hover{color:var(--ink)} @media(max-width:720px){ body.p-home .links a:not(.cta-s){display:none} } body.p-home .hero{min-height:100vh;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end; position:relative;overflow:hidden;padding-bottom:clamp(30px,3.4vw,46px)} body.p-home .hero-film{position:absolute;inset:0;z-index:0} body.p-home .hero-film{position:absolute;inset:0;z-index:0;overflow:hidden} body.p-home .hero-film iframe{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%); width:100vw;height:56.25vw;min-height:100%;min-width:177.78vh; border:0;display:block;pointer-events:none} body.p-home .hero-film video,body.p-home .hero-film img{width:100%;height:100%;border:0;object-fit:cover;display:block} body.p-home .hero-veil{position:absolute;inset:0;z-index:1;pointer-events:none; background:linear-gradient(to bottom,rgba(12,12,13,.5) 0%,rgba(12,12,13,.04) 30%,rgba(12,12,13,.72) 74%,var(--ink) 100%)} body.p-home .hero-veil::after{content:'';position:absolute;inset:0; background:linear-gradient(to right,rgba(12,12,13,.72) 0%,rgba(12,12,13,.3) 42%,transparent 68%)} /* hard left, running along the bottom, an L around the film */ body.p-home .hero-in{position:relative;z-index:3; max-width:100%;width:100%;margin-left:0;margin-right:0;text-align:left; padding-left:clamp(20px,3.2vw,52px);padding-right:clamp(20px,3.2vw,52px)} body.p-home .hero-in .kicker, body.p-home .hero-in .hero-h1, body.p-home .hero-in .lede.sub{max-width:min(100%, 40rem)} body.p-home .hero h1{max-width:17ch} body.p-home .hero .sub{margin-top:22px;max-width:44ch} body.p-home .sec-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:18px; padding-bottom:26px;border-bottom:1px solid var(--rule)} body.p-home .reel{display:flex;flex-direction:column} body.p-home .film{padding:clamp(34px,4vw,58px) 0;border-bottom:1px solid var(--rule)} body.p-home .film .frame,body.p-home .film .film-head,body.p-home .film .film-note{max-width:min(100%, calc(60vh * 16 / 9));margin-left:auto;margin-right:auto} @media(max-width:900px){ body.p-home .film .frame,body.p-home .film .film-head,body.p-home .film .film-note{max-width:100%} } body.p-home .film:last-child{border-bottom:0} body.p-home .film-head{display:flex;align-items:baseline;gap:22px;margin-bottom:18px} body.p-home .film-head .no{font-family:var(--m);font-size:12px;color:var(--mute);flex:none;padding-top:4px} body.p-home .film-head h3{font-family:var(--d);font-weight:800;text-transform:uppercase; font-size:clamp(20px,2.6vw,34px);letter-spacing:-.03em;line-height:1} body.p-home .film-head .tag{margin-left:auto;font-family:var(--d);font-weight:700;text-transform:uppercase; font-size:10px;letter-spacing:.18em;color:var(--mute);text-align:right;padding-top:6px} body.p-home .frame{border-radius:3px;overflow:hidden;background:#000;border:1px solid var(--rule)} body.p-home .frame iframe{width:100%;border:0;aspect-ratio:16/9;display:block} body.p-home .film-note{margin-top:16px;font-size:15.5px;color:var(--mute)} body.p-home .pipe{display:grid;grid-template-columns:repeat(12,1fr);margin:clamp(30px,4vw,48px) 0 18px} body.p-home .node{position:relative;text-align:center} body.p-home .node::before{content:'';position:absolute;top:5px;left:0;right:0;height:1px;background:var(--rule)} body.p-home .node:first-child::before{left:50%} body.p-home .node:last-child::before{right:50%} body.p-home .node i{position:relative;display:block;width:11px;height:11px;margin:0 auto 14px;border-radius:50%; border:1px solid rgba(245,241,233,.34);background:var(--ink)} body.p-home .node.ai i{background:var(--lime);border-color:var(--lime);width:13px;height:13px;margin-top:-1px} body.p-home .node span{display:block;font-family:var(--d);font-weight:700;text-transform:uppercase; font-size:9.5px;letter-spacing:.04em;line-height:1.3;color:var(--mute);padding:0 3px} body.p-home .node.ai span{color:var(--lime)} @media(max-width:900px){ body.p-home .pipe{grid-template-columns:repeat(4,1fr);row-gap:28px} body.p-home .node span{font-size:10px} } @media(max-width:480px){ body.p-home .pipe{grid-template-columns:repeat(3,1fr)} } body.p-home .quote{font-family:var(--d);font-weight:700;font-size:clamp(21px,2.9vw,38px);line-height:1.3; letter-spacing:-.028em;color:var(--warm);max-width:20ch} body.p-home .quote-sm{margin-top:26px;max-width:52ch;font-size:16.5px;line-height:1.65;color:var(--mute-2)} body.p-home .attr{margin-top:26px;font-family:var(--d);font-weight:700;text-transform:uppercase; font-size:10.5px;letter-spacing:.2em;color:var(--mute)} body.p-home .two{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,4.6vw,72px);align-items:center} body.p-home .scope{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--rule); border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);margin-top:clamp(34px,4vw,52px)} body.p-home .sc{background:var(--ink);padding:clamp(30px,3.8vw,52px) clamp(22px,2.4vw,34px)} body.p-home .sc .from{display:block;font-family:var(--d);font-weight:700; text-transform:uppercase;font-size:10px;letter-spacing:.2em; color:var(--mute);margin-bottom:9px} body.p-home .price-note{max-width:64ch;margin-top:clamp(26px,3vw,38px); padding-left:clamp(14px,1.6vw,20px);border-left:2px solid var(--lime); font-size:clamp(15px,1.3vw,17px);line-height:1.68;color:rgba(245,241,233,.78)} body.p-home .sc b{display:block;font-family:var(--d);font-weight:900;letter-spacing:-.035em; font-size:clamp(26px,3.2vw,42px);color:var(--warm);margin-bottom:12px;line-height:1} body.p-home .sc span{font-family:var(--d);font-weight:700;text-transform:uppercase;font-size:10px; letter-spacing:.17em;color:var(--mute);line-height:1.7;display:block} body.p-home .sc .dur{display:block;font-style:normal;margin:22px 0 0; font-family:var(--d);font-weight:800;text-transform:none; font-size:clamp(17px,1.9vw,23px);letter-spacing:-.02em;line-height:1.1;color:var(--lime)} body.p-home .sc .meta{margin-top:12px;color:var(--mute)} @media(max-width:820px){ body.p-home .scope{grid-template-columns:1fr} } body.p-home .cta{display:inline-flex;align-items:center;justify-content:center;gap:16px;background:var(--lime);color:var(--ink); font-family:var(--d);font-weight:700;text-transform:uppercase;font-size:14.5px;letter-spacing:.05em; padding:9px 9px 9px 30px;border-radius:99px;line-height:1;transition:transform .25s ease} body.p-home .cta .dot{width:44px;height:44px;border-radius:50%;background:var(--ink);color:var(--lime); display:grid;place-items:center;font-size:17px;line-height:1;flex:none} body.p-home .cta:hover{transform:translateY(-2px)} body.p-home .cta-line{margin-top:15px;font-size:14px;color:var(--mute)} body.p-home .team{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,1.6vw,24px); margin-top:clamp(38px,4.4vw,58px)} body.p-home .tm{display:block} body.p-home .tm .por{position:relative;aspect-ratio:4/5;border-radius:3px;overflow:hidden; background:var(--ink-2);border:1px solid var(--rule)} body.p-home .tm .por img{width:100%;height:100%;object-fit:cover;display:block; filter:grayscale(1) contrast(1.04) brightness(.94); transition:filter .5s ease,transform .7s cubic-bezier(.2,.7,.2,1)} body.p-home .tm:hover .por img{filter:grayscale(0) contrast(1.02) brightness(1);transform:scale(1.03)} body.p-home .tm .por .ph{position:absolute;inset:0;display:grid;place-items:center; font-family:var(--d);font-weight:900;font-size:clamp(24px,2.6vw,34px);letter-spacing:-.03em; color:rgba(245,241,233,.14)} body.p-home .tm b{display:block;font-family:var(--d);font-weight:800;text-transform:uppercase; font-size:clamp(12px,1.05vw,14.5px);letter-spacing:-.005em;margin:16px 0 5px} body.p-home .tm span{font-family:var(--m);font-size:11.5px;color:var(--mute);line-height:1.5;display:block} @media(max-width:820px){ body.p-home .team{grid-template-columns:repeat(2,1fr)} } @media(max-width:560px){ body.p-home .team{grid-template-columns:repeat(2,1fr)} } body.p-home footer{border-top:1px solid var(--rule);padding:clamp(52px,6vw,86px) 0 clamp(30px,3.4vw,44px)} body.p-home .foot-top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:34px} body.p-home .foot-mail{font-family:var(--d);font-weight:800;text-transform:uppercase; font-size:clamp(20px,2.8vw,38px);letter-spacing:-.03em;color:var(--warm);transition:color .2s} body.p-home .foot-mail:hover{color:var(--lime)} body.p-home .foot-cols{display:flex;gap:clamp(30px,5vw,70px)} body.p-home .fc{display:flex;flex-direction:column;gap:11px} body.p-home .fc b{font-family:var(--d);font-weight:700;text-transform:uppercase;font-size:10px; letter-spacing:.2em;color:var(--mute);margin-bottom:4px} body.p-home .fc a,body.p-home .fc span{font-size:14.5px;color:var(--mute-2)} body.p-home .fc a:hover{color:var(--lime)} body.p-home .foot-bot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px; margin-top:clamp(44px,5vw,70px);padding-top:24px;border-top:1px solid var(--rule); font-family:var(--d);font-weight:700;text-transform:uppercase;font-size:10px; letter-spacing:.17em;color:var(--mute)} body.p-home .rv{opacity:0;transform:translateY(20px);transition:opacity .8s ease,transform .8s ease} body.p-home .rv.in{opacity:1;transform:none} body.p-home :focus-visible{outline:3px solid var(--lime);outline-offset:3px} @media(max-width:900px){ body.p-home .two{grid-template-columns:1fr} } @media(prefers-reduced-motion:reduce){ body.p-home .rv{opacity:1;transform:none} } body.p-home .u-ho1{margin-top:20px;} body.p-home .u-ho2{margin-top:clamp(34px,4vw,54px);text-align:center;} body.p-home .u-ho3{margin-top:16px;} body.p-home .u-ho4{background:var(--ink-2);} body.p-home .u-ho5{margin-top:20px;max-width:17ch;} body.p-home .u-ho6{margin-top:clamp(30px,3.6vw,48px);} body.p-home .u-ho7{margin-top:clamp(26px,3vw,40px);} body.p-home .u-ho8{margin-top:clamp(34px,4vw,52px);align-items:start;} body.p-home .u-ho9{margin-top:6px;} body.p-home .u-ho10{border-bottom:1px solid var(--rule);} body.p-home .u-ho11{margin-top:clamp(30px,3.6vw,48px);align-items:start;} body.p-home .u-ho12{margin-top:clamp(30px,3.4vw,44px);} body.p-home .u-ho13{border-bottom:1px solid var(--rule);padding-bottom:5px;} body.p-home .u-ho14{display:block;margin-top:16px;} /* ══════════ PORTFOLIO ══════════ */ body.p-portfolio{--ink:#0C0C0D;--ink-2:#151517;--lime:#CDF000;--warm:#F5F1E9; --mute:rgba(245,241,233,.44);--mute-2:rgba(245,241,233,.66);--rule:rgba(245,241,233,.12); --d:'Archivo',Helvetica,Arial,sans-serif;--b:'Inter',Helvetica,Arial,sans-serif;--m:'JetBrains Mono',ui-monospace,monospace; --pad:clamp(20px,5vw,80px);} body.p-portfolio{font-family:var(--b);background:var(--ink);color:var(--warm);-webkit-font-smoothing:antialiased;overflow-x:clip} body.p-portfolio img,body.p-portfolio iframe,body.p-portfolio svg{max-width:100%;display:block} body.p-portfolio a{color:inherit;text-decoration:none} body.p-portfolio .wrap{max-width:1320px;margin:0 auto;padding-left:var(--pad);padding-right:var(--pad)} body.p-portfolio .wrap>*{min-width:0} body.p-portfolio .dsp{font-family:var(--d);font-weight:800;text-transform:uppercase;line-height:.94;letter-spacing:-.035em} body.p-portfolio .eyebrow{font-family:var(--d);font-weight:700;text-transform:uppercase;font-size:10.5px;letter-spacing:.22em;color:var(--mute)} body.p-portfolio p{font-size:clamp(16px,1.25vw,18px);line-height:1.72;color:var(--mute-2)} body.p-portfolio .grain::after{content:'';position:absolute;inset:0;pointer-events:none;z-index:1;opacity:.05; background-image:url("../img/grain.svg")} body.p-portfolio .rel{position:relative;z-index:2} body.p-portfolio .nav{position:fixed;top:0;left:0;right:0;z-index:60; transition:background .35s ease,backdrop-filter .35s ease,border-color .35s ease; border-bottom:1px solid transparent} body.p-portfolio .nav.stuck{background:rgba(12,12,13,.86);backdrop-filter:blur(16px);border-bottom-color:var(--rule)} body.p-portfolio .nav-in{display:flex;align-items:center;justify-content:space-between;gap:20px; padding-top:20px;padding-bottom:20px} body.p-portfolio .brand{display:inline-flex;align-items:center;gap:12px} body.p-portfolio .brand b{font-family:var(--d);font-weight:900;letter-spacing:-.045em;font-size:clamp(17px,1.7vw,21px);line-height:1} body.p-portfolio .links{display:flex;align-items:center;gap:clamp(20px,2.6vw,38px)} body.p-portfolio .links a{font-family:var(--d);font-weight:700;text-transform:uppercase;font-size:11px;letter-spacing:.17em;color:var(--mute);transition:color .2s} body.p-portfolio .links a:hover,body.p-portfolio .links a.on{color:var(--warm)} body.p-portfolio .links .cta-s{color:var(--ink);background:var(--lime);padding:10px 20px;border-radius:99px;letter-spacing:.08em} @media(max-width:760px){ body.p-portfolio .links a:not(.cta-s){display:none} } body.p-portfolio .head{position:relative;overflow:hidden;padding:clamp(104px,8.4vw,128px) 0 clamp(30px,3.6vw,48px)} body.p-portfolio .head h1{font-size:clamp(46px,9vw,140px)} body.p-portfolio .head .row{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:14px 26px;margin-top:26px} body.p-portfolio .head .row p{flex:1 1 34ch;min-width:0} body.p-portfolio .head .row .eyebrow{flex:none;white-space:nowrap} body.p-portfolio .filter{position:sticky;top:60px;z-index:40;background:rgba(12,12,13,.9);backdrop-filter:blur(14px); border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)} body.p-portfolio .filter-in{display:flex;flex-wrap:wrap;align-items:center;gap:8px; padding-top:14px;padding-bottom:14px;min-width:0} body.p-portfolio .filter a{font-family:var(--d);font-weight:700;text-transform:uppercase;font-size:11px;letter-spacing:.15em; color:var(--mute);padding:9px 18px;border:1px solid var(--rule);border-radius:99px;white-space:nowrap;transition:.2s} body.p-portfolio .filter a:hover{color:var(--warm);border-color:rgba(245,241,233,.3)} body.p-portfolio .filter a.on{background:var(--lime);color:var(--ink);border-color:var(--lime)} body.p-portfolio .filter .count{margin-left:auto;font-family:var(--m);font-size:11.5px;color:var(--mute);white-space:nowrap;padding-left:18px;flex:none} @media(max-width:1000px){ body.p-portfolio .filter .count{display:none} } body.p-portfolio section{padding:clamp(60px,7.6vw,110px) 0;position:relative} body.p-portfolio .sec-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:12px 24px; padding-bottom:24px;border-bottom:1px solid var(--rule);margin-bottom:clamp(28px,3.4vw,44px)} body.p-portfolio .sec-head h2{flex:0 1 auto;min-width:0} body.p-portfolio .sec-head .eyebrow{flex:none;white-space:nowrap} body.p-portfolio .sec-head h2{font-size:clamp(24px,3.4vw,46px)} body.p-portfolio .grid-16{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(18px,2.4vw,34px)} body.p-portfolio .grid-9{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,1.8vw,24px)} @media(max-width:1100px){ body.p-portfolio .grid-9{grid-template-columns:repeat(3,1fr)} } @media(max-width:860px){ body.p-portfolio .grid-16{grid-template-columns:1fr} } @media(max-width:620px){ body.p-portfolio .grid-9{grid-template-columns:repeat(2,1fr)} } body.p-portfolio .item{display:block} body.p-portfolio .frame{position:relative;border-radius:3px;overflow:hidden;background:#000; border:1px solid var(--rule);transition:border-color .3s ease} body.p-portfolio .frame:hover{border-color:rgba(245,241,233,.3)} body.p-portfolio .frame.r16{aspect-ratio:16/9} body.p-portfolio .frame.r9{aspect-ratio:9/16} body.p-portfolio .frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block} body.p-portfolio .end{border-top:1px solid var(--rule);padding:clamp(60px,7vw,100px) 0;text-align:center} body.p-portfolio .end h2{font-size:clamp(28px,4.6vw,64px);max-width:20ch;margin:0 auto} body.p-portfolio .cta{display:inline-flex;align-items:center;justify-content:center;gap:16px;background:var(--lime);color:var(--ink); font-family:var(--d);font-weight:700;text-transform:uppercase;font-size:14.5px;letter-spacing:.05em; padding:9px 9px 9px 30px;border-radius:99px;line-height:1;margin-top:30px;transition:transform .25s} body.p-portfolio .cta .dot{width:44px;height:44px;border-radius:50%;background:var(--ink);color:var(--lime); display:grid;place-items:center;font-size:17px;flex:none} body.p-portfolio .cta:hover{transform:translateY(-2px)} body.p-portfolio .cta-line{margin-top:15px;font-size:14px;color:var(--mute)} body.p-portfolio footer{border-top:1px solid var(--rule);padding:clamp(40px,5vw,64px) 0 clamp(26px,3vw,38px)} body.p-portfolio .foot{display:flex;flex-wrap:wrap;gap:14px 26px;justify-content:space-between; font-family:var(--d);font-weight:700;text-transform:uppercase;font-size:10px;letter-spacing:.17em;color:var(--mute)} body.p-portfolio .foot a:hover{color:var(--lime)} body.p-portfolio .rv{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease} body.p-portfolio .rv.in{opacity:1;transform:none} body.p-portfolio :focus-visible{outline:3px solid var(--lime);outline-offset:3px} @media(prefers-reduced-motion:reduce){ body.p-portfolio .rv{opacity:1;transform:none} } body.p-portfolio .u-po1{margin-top:18px;} body.p-portfolio .u-po2{max-width:46ch;} body.p-portfolio .u-po3{background:var(--ink-2);} body.p-portfolio .u-po4{max-width:56ch;margin-bottom:clamp(26px,3vw,40px);} body.p-portfolio .u-po5{border-bottom:1px solid var(--rule);} /* ══════════ ABOUT ══════════ */ body.p-about{--ink:#0C0C0D;--ink-2:#151517;--lime:#CDF000;--warm:#F5F1E9; --mute:rgba(245,241,233,.44);--mute-2:rgba(245,241,233,.66);--rule:rgba(245,241,233,.12); --d:'Archivo',Helvetica,Arial,sans-serif;--b:'Inter',Helvetica,Arial,sans-serif;--m:'JetBrains Mono',ui-monospace,monospace; --pad:clamp(20px,5vw,80px);} body.p-about{font-family:var(--b);background:var(--ink);color:var(--warm);-webkit-font-smoothing:antialiased;overflow-x:clip} body.p-about img,body.p-about iframe,body.p-about svg{max-width:100%;display:block} body.p-about a{color:inherit;text-decoration:none} body.p-about .wrap{max-width:1320px;margin:0 auto;padding-left:var(--pad);padding-right:var(--pad)} body.p-about .wrap>*{min-width:0} body.p-about .narrow{max-width:820px} body.p-about .dsp{font-family:var(--d);font-weight:800;text-transform:uppercase;line-height:.94;letter-spacing:-.035em} body.p-about .eyebrow{font-family:var(--d);font-weight:700;text-transform:uppercase;font-size:10.5px;letter-spacing:.22em;color:var(--mute)} body.p-about p{font-size:clamp(16px,1.25vw,18px);line-height:1.72;color:var(--mute-2)} body.p-about p+p{margin-top:18px} body.p-about strong{font-weight:500;color:var(--warm)} body.p-about .lede{font-size:clamp(18px,1.8vw,25px);line-height:1.5;color:rgba(245,241,233,.88)} body.p-about .grain::after{content:'';position:absolute;inset:0;pointer-events:none;z-index:1;opacity:.05; background-image:url("../img/grain.svg")} body.p-about .rel{position:relative;z-index:2} body.p-about section{padding:clamp(64px,8.4vw,124px) 0;position:relative} body.p-about .nav{position:fixed;top:0;left:0;right:0;z-index:60; transition:background .35s ease,backdrop-filter .35s ease,border-color .35s ease; border-bottom:1px solid transparent} body.p-about .nav.stuck{background:rgba(12,12,13,.86);backdrop-filter:blur(16px);border-bottom-color:var(--rule)} body.p-about .nav-in{display:flex;align-items:center;justify-content:space-between;gap:20px; padding-top:20px;padding-bottom:20px} body.p-about .brand{display:inline-flex;align-items:center;gap:12px} body.p-about .brand b{font-family:var(--d);font-weight:900;letter-spacing:-.045em;font-size:clamp(17px,1.7vw,21px);line-height:1} body.p-about .links{display:flex;align-items:center;gap:clamp(20px,2.6vw,38px)} body.p-about .links a{font-family:var(--d);font-weight:700;text-transform:uppercase;font-size:11px;letter-spacing:.17em;color:var(--mute);transition:color .2s} body.p-about .links a:hover,body.p-about .links a.on{color:var(--warm)} body.p-about .links .cta-s{color:var(--ink);background:var(--lime);padding:10px 20px;border-radius:99px;letter-spacing:.08em} @media(max-width:760px){ body.p-about .links a:not(.cta-s){display:none} } body.p-about .head{position:relative;overflow:hidden;padding:clamp(104px,8.4vw,128px) 0 clamp(28px,3.4vw,44px)} body.p-about .head h1{font-size:clamp(38px,6.6vw,96px)} body.p-about .head .lede{margin-top:clamp(22px,2.6vw,34px);max-width:32ch} body.p-about .facts{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--rule); border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)} body.p-about .fact{background:var(--ink);padding:clamp(24px,3vw,38px) clamp(16px,2vw,26px)} body.p-about .fact b{display:block;font-family:var(--d);font-weight:900;letter-spacing:-.035em; font-size:clamp(26px,3.4vw,44px);color:var(--warm);margin-bottom:9px;line-height:1.05} body.p-about .fact span{font-family:var(--d);font-weight:700;text-transform:uppercase;font-size:10px; letter-spacing:.16em;color:var(--mute);line-height:1.65;display:block} @media(max-width:700px){ body.p-about .facts{grid-template-columns:1fr} } body.p-about .sec-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:12px 24px; padding-bottom:24px;border-bottom:1px solid var(--rule);margin-bottom:clamp(30px,3.6vw,48px)} body.p-about .sec-head h2{font-size:clamp(24px,3.4vw,48px);flex:0 1 auto} body.p-about .sec-head .eyebrow{flex:none;white-space:nowrap} body.p-about .two{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,4.6vw,72px)} body.p-about .two.top{align-items:start} @media(max-width:900px){ body.p-about .two{grid-template-columns:1fr} } body.p-about .steps{border-top:1px solid var(--rule)} body.p-about .step{display:grid;grid-template-columns:70px 1fr 1fr;gap:clamp(20px,3vw,44px); padding:clamp(26px,3.2vw,40px) 0;border-bottom:1px solid var(--rule);align-items:start} body.p-about .step .k{font-family:var(--m);font-size:12px;color:var(--mute);padding-top:5px} body.p-about .step h3{font-family:var(--d);font-weight:800;text-transform:uppercase; font-size:clamp(18px,2.2vw,27px);letter-spacing:-.025em;line-height:1.05} body.p-about .step p{font-size:16px} @media(max-width:820px){ body.p-about .step{grid-template-columns:44px 1fr;gap:16px} body.p-about .step p{grid-column:2} } body.p-about .team{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,1.8vw,26px); margin-top:clamp(34px,4vw,52px)} body.p-about .tm .por{position:relative;aspect-ratio:4/5;border-radius:3px;overflow:hidden; background:var(--ink-2);border:1px solid var(--rule)} body.p-about .tm .por img{width:100%;height:100%;object-fit:cover;display:block; filter:grayscale(1) contrast(1.04) brightness(.94); transition:filter .5s ease,transform .7s cubic-bezier(.2,.7,.2,1)} body.p-about .tm:hover .por img{filter:grayscale(0) contrast(1.02) brightness(1);transform:scale(1.03)} body.p-about .tm .por .ph{position:absolute;inset:0;display:grid;place-items:center; font-family:var(--d);font-weight:900;font-size:clamp(24px,2.8vw,38px);letter-spacing:-.03em; color:rgba(245,241,233,.14)} body.p-about .tm b{display:block;font-family:var(--d);font-weight:800;text-transform:uppercase; font-size:clamp(12.5px,1.1vw,15px);margin:16px 0 5px} body.p-about .tm span{font-family:var(--m);font-size:11.5px;color:var(--mute);line-height:1.5;display:block} @media(max-width:820px){ body.p-about .team{grid-template-columns:repeat(2,1fr)} } @media(max-width:560px){ body.p-about .team{grid-template-columns:repeat(2,1fr)} } body.p-about .end{border-top:1px solid var(--rule);padding:clamp(64px,7.6vw,110px) 0;text-align:center} body.p-about .end h2{font-size:clamp(26px,4vw,56px);max-width:100%;margin:0 auto;line-height:1.02} body.p-about .cta{display:inline-flex;align-items:center;justify-content:center;gap:16px;background:var(--lime);color:var(--ink); font-family:var(--d);font-weight:700;text-transform:uppercase;font-size:14.5px;letter-spacing:.05em; padding:9px 9px 9px 30px;border-radius:99px;line-height:1;margin-top:30px;transition:transform .25s} body.p-about .cta .dot{width:44px;height:44px;border-radius:50%;background:var(--ink);color:var(--lime); display:grid;place-items:center;font-size:17px;flex:none} body.p-about .cta:hover{transform:translateY(-2px)} body.p-about .cta-line{margin-top:15px;font-size:14px;color:var(--mute)} body.p-about footer{border-top:1px solid var(--rule);padding:clamp(40px,5vw,64px) 0 clamp(26px,3vw,38px)} body.p-about .foot{display:flex;flex-wrap:wrap;gap:14px 26px;justify-content:space-between; font-family:var(--d);font-weight:700;text-transform:uppercase;font-size:10px;letter-spacing:.17em;color:var(--mute)} body.p-about .foot a:hover{color:var(--lime)} body.p-about .rv{opacity:0;transform:translateY(18px);transition:opacity .75s ease,transform .75s ease} body.p-about .rv.in{opacity:1;transform:none} body.p-about :focus-visible{outline:3px solid var(--lime);outline-offset:3px} @media(prefers-reduced-motion:reduce){ body.p-about .rv{opacity:1;transform:none} } body.p-about .u-ab1{margin-top:18px;} body.p-about .u-ab2{font-size:clamp(18px,1.9vw,24px);} body.p-about .u-ab3{padding-top:0;} body.p-about .u-ab4{background:var(--ink-2);} body.p-about .u-ab5{max-width:62ch;margin-bottom:clamp(30px,3.6vw,46px);} body.p-about .u-ab6{max-width:56ch;} body.p-about .u-ab7{border-bottom:1px solid var(--rule);} /* ══════════ CONTACT ══════════ */ body.p-contact{--ink:#0C0C0D;--ink-2:#151517;--paper:#F4F1EB;--paper-2:#EBE7DE; --lime:#CDF000;--warm:#F5F1E9;--on-paper:#1A1A1C;--on-paper-mute:#8C877D;--rule:#DDD8CE; --mute:rgba(245,241,233,.44); --d:'Archivo',Helvetica,Arial,sans-serif;--b:'Inter',Helvetica,Arial,sans-serif;--m:'JetBrains Mono',ui-monospace,monospace; --pad:clamp(20px,5vw,80px);} body.p-contact{font-family:var(--b);background:var(--paper);color:var(--on-paper);-webkit-font-smoothing:antialiased;overflow-x:clip} body.p-contact img,body.p-contact svg,body.p-contact iframe{max-width:100%;display:block} body.p-contact a{color:inherit;text-decoration:none} body.p-contact .wrap{max-width:900px;margin:0 auto;padding-left:var(--pad);padding-right:var(--pad)} body.p-contact .dsp{font-family:var(--d);font-weight:800;text-transform:uppercase;line-height:.94;letter-spacing:-.03em} body.p-contact p{font-size:clamp(16px,1.35vw,17.5px);line-height:1.68;color:#3D3A35} body.p-contact .grain::after{content:'';position:absolute;inset:0;pointer-events:none;z-index:1;opacity:.055; background-image:url("../img/grain.svg")} body.p-contact .rel{position:relative;z-index:2} body.p-contact header{background:var(--ink);color:var(--warm);position:relative;overflow:hidden; padding:clamp(104px,8.4vw,128px) 0 clamp(40px,5vw,64px)} body.p-contact .brand{display:inline-flex;align-items:center;gap:12px} body.p-contact .brand b{font-family:var(--d);font-weight:900;letter-spacing:-.045em;font-size:clamp(18px,2vw,24px);line-height:1} body.p-contact header h1{font-size:clamp(32px,5.4vw,62px)} body.p-contact header .lede{margin-top:20px;max-width:46ch;font-size:clamp(17px,1.6vw,20px); line-height:1.55;color:rgba(245,241,233,.78)} body.p-contact section{padding:clamp(38px,5vw,64px) 0} body.p-contact .q{padding:clamp(20px,2.4vw,28px) 0;border-bottom:1px solid var(--rule)} body.p-contact .q:first-of-type{border-top:1px solid var(--rule)} body.p-contact .q label{display:block;font-family:var(--d);font-weight:700; font-size:clamp(16.5px,1.7vw,19px);letter-spacing:-.015em;line-height:1.35;margin-bottom:7px} body.p-contact .q .hint{font-size:14.5px;color:var(--on-paper-mute);margin-bottom:15px;line-height:1.6} body.p-contact .q .req{color:#C0561F;font-weight:700;font-size:.8em;vertical-align:2px;margin-left:2px} body.p-contact input[type=text],body.p-contact input[type=email],body.p-contact input[type=tel],body.p-contact textarea{width:100%;font-family:var(--b);font-size:16.5px;color:var(--on-paper); background:rgba(255,255,255,.6);border:1px solid var(--rule);border-radius:5px; padding:13px 15px;line-height:1.5;transition:border-color .2s,background .2s} body.p-contact textarea{min-height:150px;resize:vertical} body.p-contact input:focus,body.p-contact textarea:focus{outline:0;border-color:var(--on-paper);background:#fff} body.p-contact .phone{display:flex;align-items:stretch;border:1px solid var(--rule);border-radius:5px; background:rgba(255,255,255,.6);overflow:hidden;transition:border-color .2s,background .2s} body.p-contact .phone:focus-within{border-color:var(--on-paper);background:#fff} body.p-contact .dialbox{position:relative;flex:none;display:flex;align-items:center;gap:8px; padding:13px 12px;border-right:1px solid var(--rule);cursor:pointer} body.p-contact .dialview{font-size:16.5px;color:var(--on-paper);white-space:nowrap;line-height:1.5} body.p-contact .dialbox .chev{flex:none;display:block} body.p-contact .dialbox select{position:absolute;inset:0;width:100%;height:100%;opacity:0;border:0;cursor:pointer; font-size:16px;appearance:none;-webkit-appearance:none} body.p-contact .phone input{flex:1;min-width:0;border:0;border-radius:0;background:transparent} body.p-contact .phone input:focus{background:transparent} body.p-contact .q.bad .phone{border-color:#B8410F} body.p-contact .err{display:none;margin-top:10px;font-size:14px;color:#B8410F;font-weight:500} body.p-contact .q.bad .err{display:block} body.p-contact .q.bad input,body.p-contact .q.bad textarea{border-color:#B8410F} body.p-contact .actions{margin-top:clamp(28px,3.4vw,40px);display:flex;flex-wrap:wrap; flex-direction:row-reverse;align-items:center;justify-content:space-between;gap:18px} body.p-contact .cta{display:inline-flex;align-items:center;justify-content:center;gap:16px;background:var(--lime);color:var(--ink); font-family:var(--d);font-weight:700;text-transform:uppercase;font-size:15px;letter-spacing:.05em; padding:9px 9px 9px 30px;border-radius:99px;line-height:1;border:0;cursor:pointer;transition:transform .25s} body.p-contact .cta .dot{width:44px;height:44px;border-radius:50%;background:var(--ink);color:var(--lime); display:grid;place-items:center;font-size:17px;line-height:1;flex:none} body.p-contact .cta:hover{transform:translateY(-2px)} body.p-contact .cta[disabled]{opacity:.45;cursor:not-allowed;transform:none} body.p-contact .actions .note{font-size:14px;color:var(--on-paper-mute)} body.p-contact .alt{margin-top:clamp(38px,4.4vw,58px);padding:clamp(24px,3vw,34px); border:1px solid var(--rule);border-radius:7px;background:rgba(255,255,255,.4)} body.p-contact .alt b{display:block;font-family:var(--d);font-weight:800;text-transform:uppercase; font-size:15px;margin-bottom:9px} body.p-contact .alt p{font-size:15.5px} body.p-contact .alt a{border-bottom:1px solid var(--on-paper-mute);padding-bottom:1px} body.p-contact .alt a:hover{border-color:var(--on-paper)} body.p-contact .sent{display:none;text-align:center;padding:clamp(46px,6vw,80px) 0} body.p-contact .sent.on{display:block} body.p-contact .sent .tick{width:56px;height:56px;border-radius:50%;background:var(--lime);color:var(--ink); display:grid;place-items:center;font-size:27px;font-weight:700;margin:0 auto 26px} body.p-contact .sent h2{font-size:clamp(26px,3.6vw,44px)} body.p-contact .sent p{margin:18px auto 0;max-width:44ch} body.p-contact footer{background:var(--ink);color:rgba(245,241,233,.5);position:relative;overflow:hidden; padding:clamp(30px,3.6vw,44px) 0;margin-top:clamp(40px,5vw,64px)} body.p-contact .foot{display:flex;flex-wrap:wrap;gap:12px 22px;justify-content:center; font-family:var(--d);font-weight:700;text-transform:uppercase;font-size:10.5px;letter-spacing:.14em} body.p-contact .foot a:hover{color:var(--lime)} body.p-contact :focus-visible{outline:3px solid var(--lime);outline-offset:3px} @media(max-width:640px){ body.p-contact input[type=text],body.p-contact input[type=email],body.p-contact input[type=tel],body.p-contact textarea{font-size:14.5px;padding:12px 14px} body.p-contact input::placeholder,body.p-contact textarea::placeholder{font-size:14.5px} body.p-contact .dialbox{padding:12px 10px;gap:7px} body.p-contact .dialview{font-size:14.5px} body.p-contact .actions{flex-direction:column;align-items:stretch;gap:14px} body.p-contact .actions .cta{width:100%} body.p-contact .actions .note{text-align:center} body.p-contact .cta{font-size:13.5px;padding:8px 8px 8px 24px;gap:13px} body.p-contact .cta .dot{width:38px;height:38px;font-size:15px} } body.p-contact .u-co1{margin-top:22px;} body.p-contact .u-co2{border-bottom:1px solid var(--on-paper-mute);padding-bottom:2px;} /* ══════════ LANDING ══════════ */ body.p-landing{--ink:#0C0C0D; /* near black, primary dark */ --ink-2:#17171A; /* off black, secondary dark */ --paper:#F4F1EB; /* warm off white */ --paper-2:#EBE7DE; /* deeper warm */ --lime:#CDF000; --on-paper:#1A1A1C; --on-paper-mute:#8C877D; --on-dark-mute:rgba(255,255,255,.52); --rule:#DDD8CE; --display:'Archivo',Helvetica,Arial,sans-serif; --body:'Inter',Helvetica,Arial,sans-serif; --mono:'JetBrains Mono',ui-monospace,monospace; --pad:clamp(20px,5vw,72px);} body.p-landing{font-family:var(--body);background:var(--paper);color:var(--on-paper); -webkit-font-smoothing:antialiased;overflow-x:hidden} body.p-landing img,body.p-landing iframe,body.p-landing svg{max-width:100%;display:block} body.p-landing a{color:inherit;text-decoration:none} body.p-landing .wrap{max-width:1140px;margin:0 auto;padding-left:var(--pad);padding-right:var(--pad)} body.p-landing .narrow{max-width:860px} body.p-landing section{padding:clamp(60px,8vw,120px) 0;position:relative} body.p-landing .rel{position:relative;z-index:2} body.p-landing .paper{background:var(--paper)} body.p-landing .paper-2{background:var(--paper-2)} body.p-landing .dark{background:var(--ink);color:#fff;position:relative;overflow:hidden} body.p-landing .dark-2{background:var(--ink-2);color:#fff;position:relative;overflow:hidden} body.p-landing .grain::after{content:'';position:absolute;inset:0;pointer-events:none;z-index:1;opacity:.055; background-image:url("../img/grain.svg")} body.p-landing .vig::before{content:'';position:absolute;inset:0;pointer-events:none;z-index:1; background:radial-gradient(130% 85% at 50% 32%,transparent 30%,rgba(0,0,0,.6) 100%)} body.p-landing .rule-top{border-top:1px solid var(--rule)} body.p-landing .dsp{font-family:var(--display);font-weight:800;text-transform:uppercase;line-height:.9;letter-spacing:-.03em} body.p-landing .h-xl{font-size:clamp(42px,7vw,100px)} body.p-landing .h-lg{font-size:clamp(30px,4.5vw,60px)} body.p-landing .h-md{font-size:clamp(23px,3vw,37px)} body.p-landing .hero-h1{font-size:clamp(32px,3.6vw,56px);line-height:.97;letter-spacing:-.032em} @media(max-width:1080px){ body.p-landing .hero-h1{font-size:clamp(34px,5.6vw,64px);line-height:.98} } @media(max-width:640px){ body.p-landing .hero-h1{font-size:clamp(32px,8.2vw,44px);line-height:1.02} } body.p-landing .mute{color:var(--on-paper-mute)} body.p-landing .mute-d{color:rgba(255,255,255,.42)} body.p-landing .lime-t{color:var(--lime)} body.p-landing .hero-h1 .fade{color:rgba(255,255,255,.34)} body.p-landing .hero-h1 .pop{display:inline-block;color:var(--lime);font-size:1.09em;letter-spacing:-.038em; margin-top:.1em} body.p-landing p{font-size:clamp(16px,1.35vw,17.5px);line-height:1.68;color:#3D3A35;margin-bottom:18px} body.p-landing p:last-child{margin-bottom:0} body.p-landing .on-dark p{color:rgba(255,255,255,.74)} body.p-landing .lede{font-size:clamp(18px,1.7vw,21px);line-height:1.55} body.p-landing strong{font-weight:600;color:var(--on-paper)} body.p-landing .on-dark strong{color:#fff} body.p-landing .eyebrow{display:inline-block;font-family:var(--display);font-weight:700;text-transform:uppercase; font-size:11px;letter-spacing:.15em;padding:8px 16px;border-radius:99px; border:1px solid var(--rule);color:var(--on-paper-mute);margin-bottom:22px} body.p-landing .on-dark .eyebrow{border-color:rgba(255,255,255,.22);color:rgba(255,255,255,.6)} body.p-landing .cta{display:inline-flex;align-items:center;justify-content:center;gap:16px; background:var(--lime);color:var(--ink); font-family:var(--display);font-weight:700;text-transform:uppercase;font-size:15px;letter-spacing:.05em; padding:9px 9px 9px 30px;border-radius:99px;line-height:1;transition:transform .25s ease} body.p-landing .cta .dot{width:44px;height:44px;border-radius:50%;background:var(--ink);color:var(--lime); display:grid;place-items:center;font-size:17px;line-height:1;flex:none} body.p-landing .cta:hover{transform:translateY(-2px)} body.p-landing .cta-line{margin-top:14px;font-size:14px;color:var(--on-paper-mute)} body.p-landing .on-dark .cta-line{color:var(--on-dark-mute)} body.p-landing :focus-visible{outline:3px solid var(--lime);outline-offset:3px} body.p-landing .brandbar{padding-top:clamp(20px,2.4vw,30px);padding-bottom:clamp(18px,2.2vw,26px); position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:16px} body.p-landing .brandbar::after{content:'';position:absolute;left:var(--pad);right:var(--pad);bottom:0;height:1px; background:linear-gradient(to right, transparent 0%, rgba(255,255,255,.16) 14%, rgba(255,255,255,.16) 86%, transparent 100%)} body.p-landing .brand{display:inline-flex;align-items:center;gap:13px} body.p-landing .brand svg{flex:none;display:block} body.p-landing .brand b{font-family:var(--display);font-weight:900;letter-spacing:-.045em; font-size:clamp(20px,2.5vw,29px);color:var(--warm-white,#F5F1E9);line-height:1} body.p-landing .brandbar .tag{font-family:var(--display);font-weight:700;text-transform:uppercase; font-size:11px;letter-spacing:.2em;color:rgba(245,241,233,.42);text-align:right} @media(max-width:640px){ body.p-landing .brandbar .tag{display:none} body.p-landing .brand svg{width:34px;height:34px} body.p-landing .brand b{font-size:20px} body.p-landing .brandbar{padding-bottom:16px} body.p-landing .brandbar::after{left:0;right:0} } body.p-landing .poster{position:relative;width:100%;aspect-ratio:16/9;background:#000;border:0;padding:0; cursor:pointer;display:block;overflow:hidden;border-radius:4px} body.p-landing .poster img,body.p-landing .poster video{width:100%;height:100%;object-fit:cover;display:block} body.p-landing .poster:focus-visible{outline:3px solid var(--lime);outline-offset:3px} body.p-landing header.dark{min-height:100svh;min-height:100vh;display:flex;flex-direction:column} body.p-landing .hero{flex:1;display:flex;align-items:center; padding-top:clamp(24px,3vw,44px);padding-bottom:clamp(26px,3.2vw,44px)} body.p-landing .hero-grid{display:grid;grid-template-columns:1.04fr .96fr; grid-template-rows:auto auto auto; column-gap:clamp(32px,3.8vw,60px);row-gap:0;align-items:start;width:100%} body.p-landing .chips-d{grid-column:1/3;grid-row:1;margin-bottom:clamp(24px,2.8vw,36px)} body.p-landing .hero-copy{grid-column:1;grid-row:2} body.p-landing .hero-video{grid-column:2;grid-row:2/4;align-self:start} body.p-landing .hero-cta-wrap{grid-column:1;grid-row:3;margin-top:clamp(18px,2vw,26px)} body.p-landing .hero-copy{order:0} body.p-landing .hero-video{order:0} body.p-landing .hero-grid .chips-m{display:none} body.p-landing .hero-grid>*{min-width:0} body.p-landing .hero-copy{max-width:38rem} body.p-landing .hero-copy .lede{margin-top:clamp(16px,1.6vw,22px);font-size:clamp(16px,1.25vw,19px)} body.p-landing .hero-copy .lede.tight{margin-top:14px;font-size:clamp(15px,1.1vw,17px);line-height:1.6} body.p-landing .hero-cta{margin-top:0} body.p-landing .hero-video .frame{box-shadow:0 26px 64px rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.07)} body.p-landing .scroll-hint{position:absolute;left:50%;bottom:14px;transform:translateX(-50%); font-family:var(--display);font-weight:700;text-transform:uppercase;font-size:9px; letter-spacing:.22em;color:rgba(255,255,255,.3);z-index:3;pointer-events:none} @media(max-width:1080px){ body.p-landing header.dark{min-height:0} body.p-landing .hero{display:block;padding-top:clamp(20px,3.4vw,32px);padding-bottom:clamp(40px,6vw,64px)} body.p-landing .hero-grid{grid-template-columns:1fr;gap:0} body.p-landing .scroll-hint{display:none} body.p-landing .hero-grid .chips-m{display:flex;order:-2;margin-bottom:clamp(16px,3.4vw,22px)} body.p-landing .hero-grid .chips-d{display:none} body.p-landing .hero-copy,body.p-landing .hero-video,body.p-landing .hero-cta-wrap,body.p-landing .chips-d{grid-column:auto;grid-row:auto;align-self:auto} body.p-landing .hero-video{order:-1;margin-bottom:clamp(24px,5vw,34px)} body.p-landing .hero-copy{order:1} body.p-landing .hero-cta-wrap{order:2;margin-top:clamp(22px,4vw,30px)} } @media(max-width:640px){ body.p-landing .hero-copy .lede{font-size:17px;margin-top:16px} body.p-landing .hero-copy .lede.tight{font-size:15.5px;line-height:1.55} body.p-landing .chips{margin-bottom:20px} } body.p-landing .hero{padding-top:clamp(38px,5vw,66px);padding-bottom:clamp(56px,7vw,96px)} body.p-landing .chips{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:32px} body.p-landing .chip{white-space:nowrap} body.p-landing .chip{font-family:var(--display);font-weight:700;text-transform:uppercase;font-size:10.5px;letter-spacing:.1em; padding:8px 15px;border-radius:99px;border:1px solid rgba(255,255,255,.2);color:rgba(255,255,255,.72)} body.p-landing .chip-lime{background:var(--lime);color:var(--ink);border-color:var(--lime)} body.p-landing .frame{position:relative;border-radius:4px;overflow:hidden;background:#000; border:1px solid rgba(255,255,255,.14);box-shadow:0 40px 90px rgba(0,0,0,.5)} body.p-landing .frame.onpaper{border-color:var(--rule);box-shadow:0 24px 60px rgba(40,34,24,.14)} body.p-landing .ratio{aspect-ratio:16/9;width:100%} body.p-landing .ratio iframe{width:100%;height:100%;border:0} body.p-landing .ph{width:100%;height:100%;display:grid;place-items:center;text-align:center;gap:9px;padding:22px; background:#101012;color:rgba(255,255,255,.45);font-size:12.5px} body.p-landing .ph b{font-family:var(--display);text-transform:uppercase;font-size:14px;letter-spacing:.05em;color:rgba(255,255,255,.72)} body.p-landing .pipe{display:grid;grid-template-columns:repeat(12,1fr);margin:clamp(26px,3.4vw,42px) 0 14px} body.p-landing .node{position:relative;text-align:center;padding-top:2px} body.p-landing .node::before{content:'';position:absolute;top:13px;left:0;right:0;height:1px;background:rgba(255,255,255,.22)} body.p-landing .node:first-child::before{left:50%} body.p-landing .node:last-child::before{right:50%} body.p-landing .node i{position:relative;display:block;width:28px;height:28px;margin:0 auto 12px;border-radius:50%; border:1px solid rgba(255,255,255,.3);background:var(--ink)} body.p-landing .node.ai i{width:36px;height:36px;margin-top:-4px;margin-bottom:8px;border:0;background:var(--lime); font-style:normal;display:grid;place-items:center;font-family:var(--display);font-weight:800; font-size:12px;color:var(--ink)} body.p-landing .node span{display:block;font-family:var(--display);font-weight:700;text-transform:uppercase; font-size:10px;letter-spacing:.02em;line-height:1.25;color:rgba(255,255,255,.6);padding:0 3px} body.p-landing .node.ai span{color:var(--lime)} @media(max-width:900px){ body.p-landing .pipe{grid-template-columns:repeat(4,1fr);row-gap:26px} body.p-landing .node span{font-size:10.5px} } @media(max-width:480px){ body.p-landing .pipe{grid-template-columns:repeat(3,1fr)} } body.p-landing .ratio iframe{width:100%;border:0;display:block;background:#000} body.p-landing .ratio{background:#000} body.p-landing .costs{margin:clamp(24px,3vw,38px) 0 10px} body.p-landing .costs .hd{font-family:var(--display);font-weight:700;text-transform:uppercase;font-size:10px; letter-spacing:.14em;color:var(--on-paper-mute);margin-bottom:14px} body.p-landing .costs .row{display:flex;align-items:center;gap:14px;margin-bottom:7px} body.p-landing .costs .bar{height:13px;border-radius:7px;background:#E0DBD1;flex:0 0 46%} body.p-landing .costs .nm{font-family:var(--display);font-weight:700;text-transform:uppercase;font-size:10.5px; letter-spacing:.09em;color:var(--on-paper-mute)} body.p-landing .tl{margin:clamp(24px,3vw,38px) 0 10px} body.p-landing .tl .grp{margin-bottom:26px} body.p-landing .tl .grp:last-child{margin-bottom:0} body.p-landing .tl .lab{font-family:var(--display);font-weight:700;text-transform:uppercase;font-size:10px; letter-spacing:.14em;color:var(--on-paper-mute);margin-bottom:9px} body.p-landing .tl .line{display:flex;align-items:center;gap:14px} body.p-landing .tl .track{height:26px;border-radius:13px;background:#E0DBD1;position:relative;overflow:hidden;flex:0 0 62%} body.p-landing .tl .track.us{background:var(--lime);flex:0 0 13%;min-width:76px} body.p-landing .tl .track i{position:absolute;top:0;bottom:0;width:1px;background:rgba(40,34,24,.22)} body.p-landing .tl .num{font-family:var(--display);font-weight:800;font-size:clamp(15px,1.9vw,19px);letter-spacing:-.02em;white-space:nowrap} body.p-landing .tl .seg{font-family:var(--display);font-weight:700;text-transform:uppercase;font-size:9.5px; letter-spacing:.11em;color:var(--on-paper-mute);margin-top:9px} body.p-landing .gbar{margin:26px 0 22px} body.p-landing .gbar .track{height:30px;border-radius:15px;background:rgba(12,12,13,.16);position:relative;overflow:hidden} body.p-landing .gbar .fill{position:absolute;left:0;top:0;bottom:0;width:20%;min-width:104px;background:var(--ink); display:flex;align-items:center;padding-left:14px; font-family:var(--display);font-weight:700;text-transform:uppercase;font-size:9.5px;letter-spacing:.12em;color:var(--lime)} body.p-landing .gbar .right{position:absolute;right:16px;top:0;bottom:0;display:flex;align-items:center; font-family:var(--display);font-weight:700;text-transform:uppercase;font-size:9.5px; letter-spacing:.12em;color:rgba(12,12,13,.45)} body.p-landing .gbar .mark{margin-top:11px;font-family:var(--display);font-weight:700;text-transform:uppercase; font-size:9.5px;letter-spacing:.12em;color:rgba(12,12,13,.62)} body.p-landing .gbar .big{font-family:var(--display);font-weight:800;font-size:clamp(17px,2.2vw,21px); letter-spacing:-.02em;margin-top:16px;line-height:1.2} body.p-landing .gbar .sm{font-size:14px;color:rgba(12,12,13,.62);margin-top:5px} body.p-landing .sticky{position:fixed;left:0;right:0;bottom:0;z-index:80;display:none; padding:11px 14px calc(11px + env(safe-area-inset-bottom)); background:rgba(12,12,13,.94);backdrop-filter:blur(12px); border-top:1px solid rgba(255,255,255,.12); align-items:center;justify-content:space-between;gap:12px; transform:translateY(110%);transition:transform .3s ease} body.p-landing .sticky.on{transform:translateY(0)} body.p-landing .sticky .txt{font-family:var(--display);font-weight:700;text-transform:uppercase; font-size:10.5px;letter-spacing:.1em;color:rgba(245,241,233,.62);line-height:1.4} body.p-landing .sticky .txt b{display:block;color:#fff;font-size:12px;letter-spacing:.04em} body.p-landing .sticky a{flex:none;background:var(--lime);color:var(--ink);border-radius:99px; font-family:var(--display);font-weight:800;text-transform:uppercase;font-size:12px;letter-spacing:.04em; padding:11px 20px} @media(max-width:820px){ body.p-landing .sticky{display:flex} body.p-landing{padding-bottom:0} } @media(max-width:640px){ body.p-landing section{padding:clamp(46px,11vw,72px) 0} body.p-landing .costs .bar{flex:0 0 38%} body.p-landing .tl .track{flex:0 0 54%} body.p-landing .tl .track.us{flex:0 0 0;min-width:68px} body.p-landing .pull{font-size:19px;line-height:1.35;padding-left:16px} body.p-landing .quote-sm{font-size:15.5px;padding-left:15px} body.p-landing .guarantee h3{font-size:26px} body.p-landing .prow{padding:16px 0} body.p-landing .prow .lbl{flex:1 1 100%} body.p-landing .faq{margin-top:28px} body.p-landing .qa summary{gap:12px;padding:19px 0} body.p-landing .flist{gap:17px} body.p-landing .crafts{gap:6px} body.p-landing .craft{font-size:11px;padding:8px 13px} body.p-landing .frame{border-radius:3px} body.p-landing h1,body.p-landing h2,body.p-landing h3,body.p-landing p,body.p-landing li,body.p-landing span,body.p-landing div{overflow-wrap:break-word} body.p-landing .pricestrip{line-height:2} } body.p-landing .fig{width:100%;height:auto;margin:clamp(26px,3.4vw,42px) 0 12px} body.p-landing .fig text{font-family:var(--body);fill:var(--on-paper-mute)} body.p-landing .on-dark .fig text{fill:rgba(255,255,255,.6)} body.p-landing .fig text.lbl{font-family:var(--display);font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:10px} body.p-landing .fig text.big{font-family:var(--display);font-weight:800;letter-spacing:-.02em;fill:var(--on-paper)} body.p-landing .on-dark .fig text.big{fill:#fff} body.p-landing .fig text.limetxt{fill:#6F8200} body.p-landing .on-dark .fig text.limetxt{fill:var(--lime)} body.p-landing .fig .bg{fill:#E0DBD1} body.p-landing .on-dark .fig .bg{fill:rgba(255,255,255,.14)} body.p-landing .fig .st{stroke:#D2CCC0;fill:none} body.p-landing .on-dark .fig .st{stroke:rgba(255,255,255,.26)} body.p-landing .fig .lm{fill:var(--lime)} body.p-landing .fig .lmst{stroke:#9DB800;fill:none} body.p-landing .on-dark .fig .lmst{stroke:var(--lime)} body.p-landing .figcap{font-size:14px;color:var(--on-paper-mute);margin-bottom:18px} body.p-landing .on-dark .figcap{color:var(--on-dark-mute)} body.p-landing .two{display:grid;grid-template-columns:1fr 1fr;gap:clamp(26px,4vw,64px)} body.p-landing .two.top{align-items:start} body.p-landing .card{border:1px solid var(--rule);border-radius:6px;padding:clamp(22px,2.6vw,34px);background:rgba(255,255,255,.5)} body.p-landing .card h4{font-family:var(--display);font-weight:800;text-transform:uppercase;font-size:17px;line-height:1.15;margin-bottom:12px} body.p-landing .num{font-family:var(--mono);font-size:12px;color:var(--on-paper-mute);display:block;margin-bottom:14px} body.p-landing .crafts{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 26px} body.p-landing .craft{font-family:var(--display);font-weight:700;text-transform:uppercase;font-size:12px;letter-spacing:.05em; padding:10px 17px;border-radius:99px;border:1px solid rgba(255,255,255,.2);color:rgba(255,255,255,.78)} body.p-landing .craft.on{background:var(--lime);color:var(--ink);border-color:var(--lime)} body.p-landing .pull{font-family:var(--display);font-weight:700;font-size:clamp(20px,2.5vw,29px);line-height:1.3; letter-spacing:-.02em;color:var(--on-paper);border-left:3px solid var(--lime); padding-left:clamp(18px,2.4vw,30px);margin-bottom:26px} body.p-landing .attr{font-family:var(--display);font-weight:700;text-transform:uppercase;font-size:12px; letter-spacing:.13em;color:var(--on-paper-mute);margin-bottom:34px} body.p-landing .quote-sm{font-size:17px;line-height:1.58;color:#33302B;border-left:1px solid var(--rule);padding-left:20px;margin-bottom:22px} body.p-landing .reel{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,3vw,38px);margin-top:44px} body.p-landing .steps{margin-top:20px;border-top:1px solid var(--rule)} body.p-landing .step{display:grid;grid-template-columns:64px 1fr 140px;gap:22px;padding:28px 0; border-bottom:1px solid var(--rule);align-items:baseline} body.p-landing .step .k{font-family:var(--mono);font-size:12px;color:var(--on-paper-mute)} body.p-landing .step h4{font-family:var(--display);font-weight:800;text-transform:uppercase;font-size:clamp(19px,2.3vw,28px); letter-spacing:-.02em;margin-bottom:9px} body.p-landing .step .when{font-family:var(--display);font-weight:700;text-transform:uppercase;font-size:11.5px; letter-spacing:.1em;color:var(--on-paper-mute);text-align:right} body.p-landing .pricebox{background:var(--ink);color:#fff;border-radius:8px;padding:clamp(28px,4vw,54px);margin-top:44px; position:relative;overflow:hidden} body.p-landing .pricebox h3{font-family:var(--display);font-weight:800;text-transform:uppercase; font-size:clamp(22px,2.8vw,34px);letter-spacing:-.02em;margin-bottom:24px} body.p-landing .prow{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;align-items:baseline; padding:20px 0;border-top:1px solid rgba(255,255,255,.14)} body.p-landing .prow:last-of-type{border-bottom:1px solid rgba(255,255,255,.14)} body.p-landing .prow .lbl{font-family:var(--display);font-weight:700;text-transform:uppercase;font-size:14px;letter-spacing:.03em} body.p-landing .prow .val{font-family:var(--display);font-weight:900;font-size:clamp(24px,2.8vw,32px);letter-spacing:-.03em;color:var(--lime)} body.p-landing .prow .sub{flex-basis:100%;font-size:14px;color:rgba(255,255,255,.55);margin-top:4px} body.p-landing .pricebox .fnote{margin-top:22px;font-size:14.5px;color:rgba(255,255,255,.58)} body.p-landing .guarantee{background:var(--lime);color:var(--ink);border-radius:8px;padding:clamp(28px,4vw,56px)} body.p-landing .guarantee h3{font-family:var(--display);font-weight:900;text-transform:uppercase; font-size:clamp(26px,4vw,52px);line-height:.94;letter-spacing:-.03em;margin-bottom:22px} body.p-landing .guarantee p{color:rgba(12,12,13,.76);max-width:64ch} body.p-landing .faq{margin-top:40px;border-top:1px solid var(--rule)} body.p-landing .qa{border-bottom:1px solid var(--rule)} body.p-landing .qa summary{cursor:pointer;list-style:none;padding:22px 0;display:flex;gap:18px;align-items:flex-start; font-family:var(--display);font-weight:700;font-size:clamp(16px,1.8vw,20px);letter-spacing:-.01em} body.p-landing .qa summary::-webkit-details-marker{display:none} body.p-landing .qa summary::after{content:'+';margin-left:auto;color:var(--on-paper-mute);flex:none;font-size:22px;line-height:1} body.p-landing .qa[open] summary::after{content:'–'} body.p-landing .qa[open] summary{color:#000} body.p-landing .qa .a{padding-bottom:24px;max-width:72ch} body.p-landing .flist{list-style:none;display:flex;flex-direction:column;gap:20px;margin-top:12px} body.p-landing .flist li{display:flex;gap:14px} body.p-landing .flist i{font-style:normal;flex:none;width:22px;height:22px;border-radius:50%;display:grid;place-items:center; font-size:12px;font-weight:700;margin-top:3px} body.p-landing .no i{background:#E2DDD3;color:#8C877D} body.p-landing .yes i{background:var(--lime);color:var(--ink)} body.p-landing .flist b{display:block;font-family:var(--display);font-weight:700;text-transform:uppercase;font-size:14px;margin-bottom:6px} body.p-landing .flist span{font-size:15.5px;line-height:1.58;color:#5E5951} body.p-landing .final{text-align:center} body.p-landing .final p{margin-left:auto;margin-right:auto;max-width:58ch} body.p-landing .pricestrip{font-family:var(--display);font-weight:700;text-transform:uppercase; font-size:clamp(12.5px,1.5vw,16px);letter-spacing:.05em;color:var(--lime);margin:26px 0 30px;line-height:1.7} body.p-landing .foot{border-top:1px solid rgba(255,255,255,.14);margin-top:clamp(52px,7vw,88px);padding-top:24px; display:flex;flex-wrap:wrap;gap:14px 22px;justify-content:center; font-family:var(--display);font-weight:700;text-transform:uppercase;font-size:11px; letter-spacing:.12em;color:rgba(255,255,255,.45)} body.p-landing .rv{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease} body.p-landing .rv.in{opacity:1;transform:none} @media(max-width:900px){ body.p-landing .two,body.p-landing .reel{grid-template-columns:1fr} body.p-landing .step{grid-template-columns:46px 1fr;gap:14px} body.p-landing .step .when{grid-column:2;text-align:left;margin-top:6px} } @media(max-width:560px){ body.p-landing .dsp{line-height:.96;letter-spacing:-.02em} body.p-landing .hero-h1{line-height:1} body.p-landing .cta{font-size:13.5px;padding:8px 8px 8px 24px;gap:13px} body.p-landing .cta .dot{width:38px;height:38px;font-size:15px} body.p-landing .prow .val{font-size:24px} body.p-landing .step{grid-template-columns:34px 1fr;gap:10px;padding:22px 0} } @media(prefers-reduced-motion:reduce){ body.p-landing .rv{opacity:1;transform:none} } body.p-landing .u-la1{max-width:52ch;color:rgba(255,255,255,.94);font-weight:500;} body.p-landing .u-la2{max-width:18ch;} body.p-landing .u-la3{margin-top:30px;} body.p-landing .u-la4{max-width:20ch;} body.p-landing .u-la5{margin-top:26px;max-width:66ch;} body.p-landing .u-la6{margin-top:44px;} body.p-landing .u-la7{margin-bottom:18px;} body.p-landing .u-la8{margin-top:28px;} body.p-landing .u-la9{padding-bottom:0;} body.p-landing .u-la10{margin-top:24px;max-width:54ch;} body.p-landing .u-la11{margin-top:36px;padding-bottom:clamp(50px,6vw,80px);} body.p-landing .u-la12{padding:clamp(46px,5.5vw,72px) 0;} body.p-landing .u-la13{max-width:66ch;} body.p-landing .u-la14{max-width:22ch;} body.p-landing .u-la15{width: 100%; border: none; aspect-ratio: 16/9;} body.p-landing .u-la16{margin-top:24px;} body.p-landing .u-la17{margin-top:22px;max-width:62ch;} body.p-landing .u-la18{margin-top:38px;font-size:19px;} body.p-landing .u-la19{margin-top:34px;} body.p-landing .u-la20{margin-top:40px;} body.p-landing .u-la21{color:rgba(255,255,255,.55);} body.p-landing .u-la22{max-width:16ch;} body.p-landing .u-la23{left:27%;} body.p-landing .u-la24{left:52%;} body.p-landing .u-la25{left:68%;} body.p-landing .u-la26{left:34%;} body.p-landing .u-la27{padding-top:0;padding-bottom:clamp(60px,8vw,120px);} body.p-landing .u-la28{margin-top:8px;} body.p-landing .u-la29{margin-top:38px;border-color:var(--on-paper);border-width:2px;} body.p-landing .u-la30{font-size:clamp(20px,2.4vw,28px);margin-bottom:16px;} body.p-landing .u-la31{font-size:clamp(19px,2.2vw,26px);line-height:1.42;margin-top:32px;color:#fff;} body.p-landing .u-la32{margin-top:26px;} body.p-landing .u-la33{font-size:clamp(38px,6.2vw,84px);} body.p-landing .u-la34{margin-top:26px;color:rgba(255,255,255,.78);} body.p-landing .u-la35{margin-top:30px;font-size:14.5px;color:rgba(255,255,255,.5);} /* ══════════ BOOK ══════════ */ body.p-book{--ink:#0C0C0D;--ink-2:#17171A;--paper:#F4F1EB;--paper-2:#EBE7DE; --lime:#CDF000;--on-paper:#1A1A1C;--on-paper-mute:#8C877D;--rule:#DDD8CE; --display:'Archivo',Helvetica,Arial,sans-serif; --body:'Inter',Helvetica,Arial,sans-serif; --mono:'JetBrains Mono',ui-monospace,monospace; --pad:clamp(20px,5vw,72px);} body.p-book{font-family:var(--body);background:var(--paper);color:var(--on-paper);-webkit-font-smoothing:antialiased} body.p-book img,body.p-book svg,body.p-book iframe{max-width:100%;display:block} body.p-book a{color:inherit;text-decoration:none} body.p-book .wrap{max-width:820px;margin:0 auto;padding-left:var(--pad);padding-right:var(--pad)} body.p-book .dsp{font-family:var(--display);font-weight:800;text-transform:uppercase;line-height:.94;letter-spacing:-.03em} body.p-book p{font-size:clamp(16px,1.35vw,17.5px);line-height:1.68;color:#3D3A35} body.p-book .grain::after{content:'';position:absolute;inset:0;pointer-events:none;z-index:1;opacity:.055; background-image:url("../img/grain.svg")} body.p-book .rel{position:relative;z-index:2} body.p-book header{background:var(--ink);color:#F5F1E9;position:relative;overflow:hidden; padding:clamp(22px,2.6vw,32px) 0 clamp(26px,3.2vw,38px)} body.p-book .brand{display:inline-flex;align-items:center;gap:13px} body.p-book .brand b{font-family:var(--display);font-weight:900;letter-spacing:-.045em;font-size:clamp(20px,2.5vw,29px);line-height:1} body.p-book .steps{display:flex;gap:10px;margin-top:clamp(24px,3vw,34px)} body.p-book .step{flex:1;height:3px;border-radius:2px;background:rgba(255,255,255,.16);position:relative;overflow:hidden} body.p-book .step i{position:absolute;inset:0;width:0;background:var(--lime);transition:width .5s ease} body.p-book .step.on i{width:100%} body.p-book .steplabels{display:flex;gap:10px;margin-top:11px} body.p-book .steplabels span{flex:1;font-family:var(--display);font-weight:700;text-transform:uppercase; font-size:10px;letter-spacing:.16em;color:rgba(255,255,255,.34)} body.p-book .steplabels span.on{color:var(--lime)} body.p-book header h1{font-size:clamp(28px,4.2vw,48px);margin-top:clamp(26px,3.4vw,40px)} body.p-book header .sub{color:rgba(255,255,255,.6);margin-top:16px;max-width:52ch;line-height:1.6;font-size:16px} body.p-book section{padding:clamp(34px,4.4vw,58px) 0} body.p-book .q{padding:clamp(22px,2.6vw,30px) 0;border-bottom:1px solid var(--rule)} body.p-book .q:first-of-type{border-top:1px solid var(--rule)} body.p-book .q label,body.p-book .q .lab{display:block;font-family:var(--display);font-weight:700; font-size:clamp(16.5px,1.7vw,19px);letter-spacing:-.015em;line-height:1.35;margin-bottom:7px} body.p-book .q .hint{font-size:14.5px;color:var(--on-paper-mute);margin-bottom:15px;line-height:1.6} body.p-book .q .req{color:#C0561F;font-weight:700;font-size:.8em;vertical-align:2px;margin-left:2px} body.p-book input[type=text],body.p-book input[type=email],body.p-book input[type=tel],body.p-book textarea,body.p-book select{width:100%;font-family:var(--body);font-size:16.5px;color:var(--on-paper); background:rgba(255,255,255,.6);border:1px solid var(--rule);border-radius:5px; padding:13px 15px;line-height:1.5;transition:border-color .2s,background .2s} body.p-book textarea{min-height:120px;resize:vertical} body.p-book input:focus,body.p-book textarea:focus,body.p-book select:focus{outline:0;border-color:var(--on-paper);background:#fff} body.p-book .phone{display:flex;align-items:stretch;border:1px solid var(--rule);border-radius:5px; background:rgba(255,255,255,.6);overflow:hidden;transition:border-color .2s,background .2s} body.p-book .phone:focus-within{border-color:var(--on-paper);background:#fff} body.p-book .dialbox{position:relative;flex:none;display:flex;align-items:center;gap:8px; padding:13px 12px;border-right:1px solid var(--rule);cursor:pointer} body.p-book .dialview{font-size:16.5px;color:var(--on-paper);white-space:nowrap;line-height:1.5} body.p-book .dialbox .chev{flex:none;display:block} body.p-book .dialbox select{position:absolute;inset:0;width:100%;height:100%; opacity:0;border:0;cursor:pointer;font-size:16px;appearance:none;-webkit-appearance:none} body.p-book .phone input{flex:1;min-width:0;border:0;border-radius:0;background:transparent} body.p-book .phone input:focus{background:transparent} body.p-book .q.bad .phone{border-color:#B8410F} body.p-book .opts{display:grid;gap:8px} body.p-book .opt{position:relative} body.p-book .opt input{position:absolute;opacity:0;width:0;height:0} body.p-book .opt span{display:flex;align-items:center;gap:13px; border:1px solid var(--rule);border-radius:6px;padding:14px 16px; font-size:16px;line-height:1.4;cursor:pointer;background:rgba(255,255,255,.45); transition:border-color .16s ease,background .16s ease} body.p-book .opt span::before{content:'';flex:none;width:20px;height:20px;border-radius:50%; border:1.5px solid #BFB8A9;background:#fff;transition:border-color .16s,box-shadow .16s} body.p-book .opt span:hover{border-color:#C5BEAF;background:rgba(255,255,255,.75)} body.p-book .opt input:checked + span{border-color:var(--on-paper);background:var(--lime);font-weight:500} body.p-book .opt input:checked + span::before{border-color:var(--on-paper);background:#fff; box-shadow:inset 0 0 0 4px #fff, inset 0 0 0 20px var(--on-paper)} body.p-book .opt input:focus-visible + span{outline:3px solid var(--lime);outline-offset:2px} body.p-book .err{display:none;margin-top:10px;font-size:14px;color:#B8410F;font-weight:500} body.p-book .q.bad .err{display:block} body.p-book .q.bad input,body.p-book .q.bad textarea,body.p-book .q.bad .opt span{border-color:#B8410F} body.p-book .actions{margin-top:clamp(30px,3.6vw,44px);display:flex;flex-wrap:wrap; flex-direction:row-reverse;align-items:center;justify-content:space-between;gap:18px} body.p-book .actions.back-row{flex-direction:row;justify-content:flex-start} body.p-book .cta{display:inline-flex;align-items:center;justify-content:center;gap:16px;background:var(--lime);color:var(--ink); font-family:var(--display);font-weight:700;text-transform:uppercase;font-size:15px;letter-spacing:.05em; padding:9px 9px 9px 30px;border-radius:99px;line-height:1;border:0;cursor:pointer;transition:transform .25s ease} body.p-book .cta .dot{width:44px;height:44px;border-radius:50%;background:var(--ink);color:var(--lime); display:grid;place-items:center;font-size:17px;line-height:1;flex:none} body.p-book .cta:hover{transform:translateY(-2px)} body.p-book .cta[disabled]{opacity:.45;cursor:not-allowed;transform:none} body.p-book .actions .note{font-size:14px;color:var(--on-paper-mute)} body.p-book .back{background:none;border:0;cursor:pointer;font-family:var(--display);font-weight:700; text-transform:uppercase;font-size:11.5px;letter-spacing:.14em;color:var(--on-paper-mute);padding:8px 0} body.p-book .back:hover{color:var(--on-paper)} body.p-book :focus-visible{outline:3px solid var(--lime);outline-offset:3px} body.p-book footer{background:var(--ink);color:rgba(245,241,233,.5);position:relative;overflow:hidden; padding:clamp(30px,3.6vw,44px) 0;margin-top:clamp(40px,5vw,70px)} body.p-book .foot{display:flex;flex-wrap:wrap;gap:12px 22px;justify-content:center; font-family:var(--display);font-weight:700;text-transform:uppercase;font-size:10.5px;letter-spacing:.14em} @media(max-width:640px){ body.p-book input[type=text],body.p-book input[type=email],body.p-book input[type=tel],body.p-book textarea,body.p-book select{font-size:14.5px;padding:12px 14px} body.p-book input::placeholder,body.p-book textarea::placeholder{font-size:14.5px} body.p-book .opt span{font-size:14.5px;padding:13px 14px;gap:11px} body.p-book .dialbox{padding:12px 10px;gap:7px} body.p-book .dialview{font-size:14.5px} body.p-book .actions{flex-direction:column;align-items:stretch;gap:14px} body.p-book .actions .cta{width:100%} body.p-book .actions .note{text-align:center} body.p-book .steplabels span{font-size:9px;letter-spacing:.1em} body.p-book .cta{font-size:13.5px;padding:8px 8px 8px 24px;gap:13px} body.p-book .cta .dot{width:38px;height:38px;font-size:15px} } body.p-book .u-bo1{min-height:90px;} /* ══════════ CONFIRMED ══════════ */ body.p-confirmed{--ink:#0C0C0D;--ink-2:#17171A;--paper:#F4F1EB;--paper-2:#EBE7DE; --lime:#CDF000;--on-paper:#1A1A1C;--on-paper-mute:#8C877D;--rule:#DDD8CE; --display:'Archivo',Helvetica,Arial,sans-serif; --body:'Inter',Helvetica,Arial,sans-serif; --mono:'JetBrains Mono',ui-monospace,monospace; --pad:clamp(20px,5vw,72px);} body.p-confirmed{font-family:var(--body);background:var(--paper);color:var(--on-paper);-webkit-font-smoothing:antialiased} body.p-confirmed img,body.p-confirmed svg,body.p-confirmed iframe{max-width:100%;display:block} body.p-confirmed a{color:inherit;text-decoration:none} body.p-confirmed .wrap{max-width:760px;margin:0 auto;padding-left:var(--pad);padding-right:var(--pad)} body.p-confirmed .dsp{font-family:var(--display);font-weight:800;text-transform:uppercase;line-height:.94;letter-spacing:-.03em} body.p-confirmed p{font-size:clamp(16px,1.35vw,17.5px);line-height:1.68;color:#3D3A35} body.p-confirmed .grain::after{content:'';position:absolute;inset:0;pointer-events:none;z-index:1;opacity:.055; background-image:url("../img/grain.svg")} body.p-confirmed .rel{position:relative;z-index:2} body.p-confirmed header{background:var(--ink);color:#F5F1E9;position:relative;overflow:hidden; padding:clamp(22px,2.6vw,32px) 0 clamp(40px,5vw,62px)} body.p-confirmed .brand{display:inline-flex;align-items:center;gap:13px} body.p-confirmed .brand b{font-family:var(--display);font-weight:900;letter-spacing:-.045em;font-size:clamp(20px,2.5vw,29px);line-height:1} body.p-confirmed .steps{display:flex;gap:10px;margin-top:clamp(24px,3vw,34px)} body.p-confirmed .step{flex:1;height:3px;border-radius:2px;background:var(--lime)} body.p-confirmed .steplabels{display:flex;gap:10px;margin-top:11px} body.p-confirmed .steplabels span{flex:1;font-family:var(--display);font-weight:700;text-transform:uppercase; font-size:10px;letter-spacing:.16em;color:rgba(245,241,233,.34)} body.p-confirmed .steplabels span:last-child{color:var(--lime)} body.p-confirmed .tick{width:54px;height:54px;border-radius:50%;background:var(--lime);color:var(--ink); display:grid;place-items:center;font-size:26px;font-weight:700;margin:clamp(34px,4.4vw,52px) 0 26px} body.p-confirmed header h1{font-size:clamp(34px,5.4vw,64px)} body.p-confirmed header .lead{margin-top:20px;max-width:44ch;font-size:clamp(17px,1.7vw,20px); line-height:1.5;color:rgba(245,241,233,.82)} body.p-confirmed section{padding:clamp(38px,5vw,66px) 0} body.p-confirmed h2.blk{font-family:var(--display);font-weight:800;text-transform:uppercase; font-size:clamp(22px,3vw,34px);letter-spacing:-.025em;line-height:.98} body.p-confirmed .mute{color:var(--on-paper-mute)} body.p-confirmed .ask{background:var(--ink);color:#F5F1E9;border-radius:8px;position:relative;overflow:hidden; padding:clamp(26px,3.6vw,42px)} body.p-confirmed .ask h2{font-family:var(--display);font-weight:800;text-transform:uppercase; font-size:clamp(20px,2.6vw,30px);letter-spacing:-.025em;line-height:1;margin-bottom:16px} body.p-confirmed .ask p{color:rgba(245,241,233,.74)} body.p-confirmed .ask p + p{margin-top:12px} body.p-confirmed .mail{display:inline-flex;align-items:center;gap:14px;margin-top:24px;background:var(--lime);color:var(--ink); font-family:var(--display);font-weight:700;text-transform:uppercase;font-size:14px;letter-spacing:.04em; padding:9px 9px 9px 26px;border-radius:99px;line-height:1;transition:transform .25s ease} body.p-confirmed .mail i{width:40px;height:40px;border-radius:50%;background:var(--ink);color:var(--lime); display:grid;place-items:center;font-style:normal;font-size:16px;flex:none} body.p-confirmed .mail:hover{transform:translateY(-2px)} body.p-confirmed .promise{margin-top:clamp(34px,4.4vw,56px)} body.p-confirmed .promise .big{font-family:var(--display);font-weight:800;text-transform:none; font-size:clamp(22px,2.9vw,34px);line-height:1.24;letter-spacing:-.025em;max-width:22ch} body.p-confirmed .promise .big em{font-style:normal;color:#7E9400} body.p-confirmed .promise p{margin-top:18px;max-width:56ch} body.p-confirmed .facts{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--rule); border:1px solid var(--rule);border-radius:6px;overflow:hidden;margin-top:clamp(30px,3.8vw,46px)} body.p-confirmed .fact{background:var(--paper);padding:clamp(18px,2.2vw,26px)} body.p-confirmed .fact b{display:block;font-family:var(--display);font-weight:900;letter-spacing:-.03em; font-size:clamp(19px,2.4vw,27px);margin-bottom:6px} body.p-confirmed .fact span{font-family:var(--display);font-weight:700;text-transform:uppercase; font-size:10px;letter-spacing:.14em;color:var(--on-paper-mute);line-height:1.5;display:block} body.p-confirmed footer{background:var(--ink);color:rgba(245,241,233,.5);position:relative;overflow:hidden; padding:clamp(30px,3.6vw,44px) 0;margin-top:clamp(40px,5vw,64px)} body.p-confirmed .foot{display:flex;flex-wrap:wrap;gap:12px 22px;justify-content:center; font-family:var(--display);font-weight:700;text-transform:uppercase;font-size:10.5px;letter-spacing:.14em} body.p-confirmed .foot a:hover{color:var(--lime)} @media(max-width:640px){ body.p-confirmed .facts{grid-template-columns:1fr} body.p-confirmed .steplabels span{font-size:9px;letter-spacing:.1em} body.p-confirmed .mail{font-size:12.5px;padding:8px 8px 8px 20px;gap:11px} body.p-confirmed .mail i{width:34px;height:34px;font-size:14px} } body.p-confirmed .u-co1{text-transform:none;} /* ══════════ LEGAL (terms and privacy) ══════════ */ body.p-legal{--ink:#0C0C0D;--ink-2:#151517;--lime:#CDF000;--warm:#F5F1E9; --mute:rgba(245,241,233,.44);--mute-2:rgba(245,241,233,.7);--rule:rgba(245,241,233,.12); --d:'Archivo',Helvetica,Arial,sans-serif;--b:'Inter',Helvetica,Arial,sans-serif; --m:'JetBrains Mono',ui-monospace,monospace;--pad:clamp(20px,5vw,80px); font-family:var(--b);background:var(--ink);color:var(--warm); -webkit-font-smoothing:antialiased;overflow-x:clip} body.p-legal img,body.p-legal svg{max-width:100%;display:block} body.p-legal a{color:inherit;text-decoration:none} body.p-legal .wrap{max-width:1320px;margin:0 auto;padding-left:var(--pad);padding-right:var(--pad)} body.p-legal .wrap.doc{max-width:820px} body.p-legal .dsp{font-family:var(--d);font-weight:800;text-transform:uppercase;line-height:.94;letter-spacing:-.035em} body.p-legal .eyebrow{font-family:var(--d);font-weight:700;text-transform:uppercase; font-size:10.5px;letter-spacing:.22em;color:var(--mute)} body.p-legal .rel{position:relative;z-index:2} body.p-legal .grain::after{content:'';position:absolute;inset:0;pointer-events:none;z-index:1; opacity:.05;background-image:url("../img/grain.svg")} body.p-legal .nav{position:fixed;top:0;left:0;right:0;z-index:60;background:rgba(12,12,13,.86); backdrop-filter:blur(16px);border-bottom:1px solid var(--rule)} body.p-legal .nav-in,body.p-contact .nav-in{display:flex;align-items:center;justify-content:space-between;gap:20px; padding-top:20px;padding-bottom:20px} body.p-legal .brand{display:inline-flex;align-items:center;gap:12px} body.p-legal .brand b{font-family:var(--d);font-weight:900;letter-spacing:-.045em; font-size:clamp(17px,1.7vw,21px);line-height:1} body.p-legal .links{display:flex;align-items:center;gap:clamp(20px,2.6vw,38px)} body.p-legal .links a{font-family:var(--d);font-weight:700;text-transform:uppercase;font-size:11px; letter-spacing:.17em;color:var(--mute);transition:color .2s} body.p-legal .links a:hover{color:var(--warm)} body.p-legal .links .cta-s,body.p-contact .links .cta-s{color:var(--ink);background:var(--lime);padding:10px 20px; border-radius:99px;letter-spacing:.08em} @media(max-width:760px){body.p-legal .links a:not(.cta-s){display:none}} body.p-legal .head{position:relative;overflow:hidden; padding:clamp(104px,8.4vw,128px) 0 clamp(30px,3.6vw,48px);border-bottom:1px solid var(--rule)} body.p-legal .head h1{font-size:clamp(38px,6.4vw,86px);margin-top:18px} body.p-legal .head .intro{margin-top:clamp(22px,2.6vw,32px);max-width:62ch; font-size:clamp(16px,1.35vw,18px);line-height:1.7;color:var(--mute-2)} body.p-legal .head .updated{margin-top:18px;font-family:var(--m);font-size:12px;color:var(--mute)} body.p-legal section{padding:clamp(48px,6vw,84px) 0} body.p-legal .doc h2{font-family:var(--d);font-weight:800;text-transform:uppercase; font-size:clamp(17px,1.9vw,23px);letter-spacing:-.02em;line-height:1.15; margin:clamp(38px,4.4vw,58px) 0 16px;padding-top:clamp(24px,2.8vw,34px); border-top:1px solid var(--rule)} body.p-legal .doc h2:first-child{margin-top:0;padding-top:0;border-top:0} body.p-legal .doc p{font-size:clamp(15.5px,1.3vw,17px);line-height:1.75;color:var(--mute-2)} body.p-legal .doc p + p{margin-top:16px} body.p-legal .doc ul,body.p-legal .doc ol{margin:16px 0 0 0;padding-left:22px} body.p-legal .doc li{font-size:clamp(15.5px,1.3vw,17px);line-height:1.75;color:var(--mute-2); margin-bottom:12px;padding-left:6px} body.p-legal .doc li::marker{color:var(--mute)} body.p-legal .doc .strong{color:var(--warm);font-weight:500} body.p-legal .doc a{color:var(--warm);border-bottom:1px solid var(--rule);padding-bottom:1px} body.p-legal .doc a:hover{color:var(--lime);border-color:var(--lime)} body.p-legal footer{border-top:1px solid var(--rule); padding:clamp(40px,5vw,64px) 0 clamp(26px,3vw,38px)} body.p-legal .foot{display:flex;flex-wrap:wrap;gap:14px 26px;justify-content:space-between; font-family:var(--d);font-weight:700;text-transform:uppercase;font-size:10px; letter-spacing:.17em;color:var(--mute)} body.p-legal .foot a:hover{color:var(--lime)} body.p-legal :focus-visible{outline:3px solid var(--lime);outline-offset:3px} /* ---------- legal links in every footer ---------- */ /* ══════════ FOOTER — identical on every page ══════════ */ body.p-home footer,body.p-portfolio footer,body.p-about footer,body.p-contact footer,body.p-legal footer,body.p-confirmed footer,body.p-book footer,body.p-landing footer{background:#0C0C0D;color:rgba(245,241,233,.5);position:relative;overflow:hidden; border-top:1px solid rgba(245,241,233,.12); padding:clamp(52px,6vw,86px) 0 clamp(28px,3.2vw,40px);margin-top:0} body.p-home footer .wrap,body.p-portfolio footer .wrap,body.p-about footer .wrap,body.p-contact footer .wrap,body.p-legal footer .wrap,body.p-confirmed footer .wrap,body.p-book footer .wrap,body.p-landing footer .wrap{max-width:1320px;margin:0 auto; padding-left:clamp(20px,5vw,80px);padding-right:clamp(20px,5vw,80px)} body.p-home footer a,body.p-portfolio footer a,body.p-about footer a,body.p-contact footer a,body.p-legal footer a,body.p-confirmed footer a,body.p-book footer a,body.p-landing footer a{color:inherit;text-decoration:none} body.p-home .foot-top,body.p-portfolio .foot-top,body.p-about .foot-top,body.p-contact .foot-top,body.p-legal .foot-top,body.p-confirmed .foot-top,body.p-book .foot-top,body.p-landing .foot-top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:34px} body.p-home .foot-top .eyebrow,body.p-portfolio .foot-top .eyebrow,body.p-about .foot-top .eyebrow,body.p-contact .foot-top .eyebrow,body.p-legal .foot-top .eyebrow,body.p-confirmed .foot-top .eyebrow,body.p-book .foot-top .eyebrow,body.p-landing .foot-top .eyebrow{font-family:'Archivo',Helvetica,Arial,sans-serif;font-weight:700; text-transform:uppercase;font-size:10.5px;letter-spacing:.22em;color:rgba(245,241,233,.44)} body.p-home .foot-mail,body.p-portfolio .foot-mail,body.p-about .foot-mail,body.p-contact .foot-mail,body.p-legal .foot-mail,body.p-confirmed .foot-mail,body.p-book .foot-mail,body.p-landing .foot-mail{display:block;margin-top:16px; font-family:'Archivo',Helvetica,Arial,sans-serif;font-weight:800;text-transform:uppercase; font-size:clamp(20px,2.8vw,38px);letter-spacing:-.03em;color:#F5F1E9;transition:color .2s} body.p-home .foot-mail:hover,body.p-portfolio .foot-mail:hover,body.p-about .foot-mail:hover,body.p-contact .foot-mail:hover,body.p-legal .foot-mail:hover,body.p-confirmed .foot-mail:hover,body.p-book .foot-mail:hover,body.p-landing .foot-mail:hover{color:#CDF000} body.p-home .foot-cols,body.p-portfolio .foot-cols,body.p-about .foot-cols,body.p-contact .foot-cols,body.p-legal .foot-cols,body.p-confirmed .foot-cols,body.p-book .foot-cols,body.p-landing .foot-cols{display:flex;gap:clamp(30px,5vw,70px)} body.p-home .fc,body.p-portfolio .fc,body.p-about .fc,body.p-contact .fc,body.p-legal .fc,body.p-confirmed .fc,body.p-book .fc,body.p-landing .fc{display:flex;flex-direction:column;gap:11px} body.p-home .fc b,body.p-portfolio .fc b,body.p-about .fc b,body.p-contact .fc b,body.p-legal .fc b,body.p-confirmed .fc b,body.p-book .fc b,body.p-landing .fc b{font-family:'Archivo',Helvetica,Arial,sans-serif;font-weight:700; text-transform:uppercase;font-size:10px;letter-spacing:.2em; color:rgba(245,241,233,.44);margin-bottom:4px} body.p-home .fc a,body.p-portfolio .fc a,body.p-about .fc a,body.p-contact .fc a,body.p-legal .fc a,body.p-confirmed .fc a,body.p-book .fc a,body.p-landing .fc a{font-family:'Inter',Helvetica,Arial,sans-serif;font-size:14.5px; color:rgba(245,241,233,.66)} body.p-home .fc a:hover,body.p-portfolio .fc a:hover,body.p-about .fc a:hover,body.p-contact .fc a:hover,body.p-legal .fc a:hover,body.p-confirmed .fc a:hover,body.p-book .fc a:hover,body.p-landing .fc a:hover{color:#CDF000} body.p-home .foot-bot,body.p-portfolio .foot-bot,body.p-about .foot-bot,body.p-contact .foot-bot,body.p-legal .foot-bot,body.p-confirmed .foot-bot,body.p-book .foot-bot,body.p-landing .foot-bot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px; margin-top:clamp(44px,5vw,70px);padding-top:24px;border-top:1px solid rgba(245,241,233,.12); font-family:'Archivo',Helvetica,Arial,sans-serif;font-weight:700;text-transform:uppercase; font-size:10px;letter-spacing:.17em;color:rgba(245,241,233,.44)} body.p-home .foot-legal,body.p-portfolio .foot-legal,body.p-about .foot-legal,body.p-contact .foot-legal,body.p-legal .foot-legal,body.p-confirmed .foot-legal,body.p-book .foot-legal,body.p-landing .foot-legal{display:flex;flex-wrap:wrap;gap:22px;margin-top:18px; font-family:'Archivo',Helvetica,Arial,sans-serif;font-weight:700;text-transform:uppercase; font-size:10px;letter-spacing:.17em;color:rgba(245,241,233,.44)} body.p-home .foot-legal a:hover,body.p-portfolio .foot-legal a:hover,body.p-about .foot-legal a:hover,body.p-contact .foot-legal a:hover,body.p-legal .foot-legal a:hover,body.p-confirmed .foot-legal a:hover,body.p-book .foot-legal a:hover,body.p-landing .foot-legal a:hover{color:#CDF000} @media(max-width:620px){ body.p-home .foot-top,body.p-portfolio .foot-top,body.p-about .foot-top,body.p-contact .foot-top,body.p-legal .foot-top,body.p-confirmed .foot-top,body.p-book .foot-top,body.p-landing .foot-top{flex-direction:column;gap:30px} body.p-home .foot-cols,body.p-portfolio .foot-cols,body.p-about .foot-cols,body.p-contact .foot-cols,body.p-legal .foot-cols,body.p-confirmed .foot-cols,body.p-book .foot-cols,body.p-landing .foot-cols{gap:40px} } /* ══════════ MOBILE MENU ══════════ */ body.p-home .burger,body.p-portfolio .burger,body.p-about .burger,body.p-legal .burger,body.p-contact .burger{display:none;position:relative;width:44px;height:44px;padding:0; background:none;border:0;cursor:pointer;flex:none} body.p-home .burger span,body.p-portfolio .burger span,body.p-about .burger span,body.p-legal .burger span,body.p-contact .burger span{position:absolute;left:11px;width:22px;height:1.5px;background:#F5F1E9; transition:transform .3s ease,opacity .3s ease} body.p-home .burger span:first-child,body.p-portfolio .burger span:first-child,body.p-about .burger span:first-child,body.p-legal .burger span:first-child,body.p-contact .burger span:first-child{top:19px} body.p-home .burger span:last-child,body.p-portfolio .burger span:last-child,body.p-about .burger span:last-child,body.p-legal .burger span:last-child,body.p-contact .burger span:last-child{top:25px} body.p-home .burger.on span:first-child,body.p-portfolio .burger.on span:first-child,body.p-about .burger.on span:first-child,body.p-legal .burger.on span:first-child,body.p-contact .burger.on span:first-child{transform:translateY(3px) rotate(45deg)} body.p-home .burger.on span:last-child,body.p-portfolio .burger.on span:last-child,body.p-about .burger.on span:last-child,body.p-legal .burger.on span:last-child,body.p-contact .burger.on span:last-child{transform:translateY(-3px) rotate(-45deg)} body.p-home .menu,body.p-portfolio .menu,body.p-about .menu,body.p-legal .menu,body.p-contact .menu{position:fixed;inset:0;z-index:55;background:rgba(12,12,13,.97); backdrop-filter:blur(20px);display:flex;align-items:center} body.p-home .menu[hidden],body.p-portfolio .menu[hidden],body.p-about .menu[hidden],body.p-legal .menu[hidden],body.p-contact .menu[hidden]{display:none} body.p-home .menu-in,body.p-portfolio .menu-in,body.p-about .menu-in,body.p-legal .menu-in,body.p-contact .menu-in{width:100%;padding:0 clamp(24px,7vw,48px);display:flex;flex-direction:column;gap:6px} body.p-home .menu-in > a,body.p-portfolio .menu-in > a,body.p-about .menu-in > a,body.p-legal .menu-in > a,body.p-contact .menu-in > a{font-family:'Archivo',Helvetica,Arial,sans-serif;font-weight:800; text-transform:uppercase;letter-spacing:-.03em;line-height:1.12; font-size:clamp(30px,10vw,52px);color:#F5F1E9;text-decoration:none;padding:6px 0} body.p-home .menu-in > a:last-of-type,body.p-portfolio .menu-in > a:last-of-type,body.p-about .menu-in > a:last-of-type,body.p-legal .menu-in > a:last-of-type,body.p-contact .menu-in > a:last-of-type{color:#CDF000} body.p-home .menu-foot,body.p-portfolio .menu-foot,body.p-about .menu-foot,body.p-legal .menu-foot,body.p-contact .menu-foot{display:flex;flex-direction:column;gap:8px;margin-top:clamp(32px,7vw,52px); padding-top:22px;border-top:1px solid rgba(245,241,233,.14); font-family:'Archivo',Helvetica,Arial,sans-serif;font-weight:700;text-transform:uppercase; font-size:10.5px;letter-spacing:.18em;color:rgba(245,241,233,.44)} body.p-home .menu-foot a,body.p-portfolio .menu-foot a,body.p-about .menu-foot a,body.p-legal .menu-foot a,body.p-contact .menu-foot a{color:inherit;text-decoration:none} @media(max-width:760px){ body.p-home .burger,body.p-portfolio .burger,body.p-about .burger,body.p-legal .burger,body.p-contact .burger{display:block} body.p-home .links .cta-s,body.p-portfolio .links .cta-s,body.p-about .links .cta-s,body.p-legal .links .cta-s,body.p-contact .links .cta-s{display:none} body.p-home .nav-in,body.p-portfolio .nav-in,body.p-about .nav-in,body.p-legal .nav-in,body.p-contact .nav-in{padding-top:14px;padding-bottom:14px} } /* ---------- contact page: same fixed nav as the rest of the site ---------- */ body.p-contact .nav{position:fixed;top:0;left:0;right:0;z-index:60; background:rgba(12,12,13,.92);backdrop-filter:blur(16px); border-bottom:1px solid rgba(245,241,233,.12)} body.p-contact .nav-in{display:flex;align-items:center;justify-content:space-between;gap:20px; padding-top:20px;padding-bottom:20px;max-width:1320px;margin:0 auto} body.p-contact .nav .wrap{max-width:1320px} body.p-contact .brand{display:inline-flex;align-items:center;gap:12px;color:#F5F1E9} body.p-contact .brand b{font-family:var(--d);font-weight:900;letter-spacing:-.045em; font-size:clamp(17px,1.7vw,21px);line-height:1} body.p-contact .links{display:flex;align-items:center;gap:clamp(20px,2.6vw,38px)} body.p-contact .links a{font-family:var(--d);font-weight:700;text-transform:uppercase; font-size:11px;letter-spacing:.17em;color:rgba(245,241,233,.44);text-decoration:none;transition:color .2s} body.p-contact .links a:hover{color:#F5F1E9} body.p-contact .links .cta-s{color:#0C0C0D;background:#CDF000;padding:10px 20px; border-radius:99px;letter-spacing:.08em} body.p-contact header{padding-top:clamp(104px,8.4vw,128px)} @media(max-width:760px){body.p-contact .links a:not(.cta-s){display:none}} /* ══════════ HOME HERO — TABLET AND PHONE ══════════ Design wahi hai: film full bleed, type uske upar, sab first fold mein. Type bada hai, thoda upar baitha hai, aur film upar shift ki hai taaki subject text ke peeche na chhupe. */ /* ── iPad aur chhote laptops ── */ @media(max-width:1024px){ body.p-home .hero-film iframe{top:42%} /* film upar shift */ body.p-home .hero{padding-bottom:clamp(46px,7vw,72px)} body.p-home .kicker{font-size:12px;letter-spacing:.26em; padding-bottom:13px;margin-bottom:20px} body.p-home .hero-h1{font-size:clamp(40px,6.6vw,62px);line-height:.97} body.p-home .hero-in .lede.sub{margin-top:22px;font-size:19px; line-height:1.45;max-width:34ch} } /* ── phones ── */ @media(max-width:760px){ body.p-home .nav-in{padding-top:14px;padding-bottom:14px} body.p-home .hero-film iframe{top:38%} /* aur upar */ /* text ko screen ke bottom se upar uthao */ body.p-home .hero{padding-bottom:clamp(60px,14vw,96px)} body.p-home .hero-in{padding-left:24px;padding-right:24px} body.p-home .kicker{font-size:11.5px;letter-spacing:.24em; padding-bottom:12px;margin-bottom:18px} body.p-home .hero-h1{font-size:clamp(38px,10.4vw,52px);line-height:.96} body.p-home .hero-in .lede.sub{ margin-top:20px;font-size:18px;line-height:1.45;max-width:26ch; color:rgba(245,241,233,.94)} /* desktop ka line break yahan ek poori line kha jaata hai */ body.p-home .br-d{display:none} /* type bada hua hai to uske neeche cover bhi zyada chahiye */ body.p-home .hero-veil{ background:linear-gradient(to bottom,rgba(12,12,13,.55) 0%,rgba(12,12,13,.08) 22%, rgba(12,12,13,.86) 60%,var(--ink) 100%)} body.p-home .hero-veil::after{ background:linear-gradient(to right,rgba(12,12,13,.5) 0%,rgba(12,12,13,.18) 62%,transparent 100%)} } /* ── chhote phones ── */ @media(max-width:390px){ body.p-home .hero-h1{font-size:36px} body.p-home .hero-in .lede.sub{font-size:17px;margin-top:18px} body.p-home .hero{padding-bottom:56px} }