@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,700;1,700&display=swap');
@font-face{font-family:'DRIP Ginto';src:url('https://studiodrip.it/wp-content/uploads/2026/GintoBOLD.otf') format('opentype');font-weight:700;font-display:swap}
:root{
 --paper:#F3EFE8;--ink:#0D0D0D;--blue:#83B4D1;--pink:#D6A6B3;--cobalt:#3150FF;--orange:#EF643C;--green:#66866F;--yellow:#E2BD53;--red:#D64C53;
 --ginto:'DRIP Ginto',Arial,sans-serif;--play:'Playfair Display',Georgia,serif;
 --hair:rgba(13,13,13,.16);--hair-light:rgba(243,240,234,.18);
 --s1:8px;--s2:13px;--s3:21px;--s4:34px;--s5:55px;--s6:89px;--s7:144px;--s8:233px;
 --edge:clamp(34px,5.5vw,89px);--header:82px;--ease:cubic-bezier(.16,1,.3,1);--ease2:cubic-bezier(.76,0,.24,1);
 --body:clamp(18px,1.25vw,21px);--lead:clamp(22px,2vw,34px);--h2:clamp(52px,5.8vw,89px);--display:clamp(72px,9vw,144px);
}
*{box-sizing:border-box}html{background:var(--paper);scroll-behavior:auto}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--ginto);font-weight:700;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}img{display:block;max-width:100%}::selection{background:var(--blue);color:var(--ink)}
body.menu-open{overflow:hidden}
/* shell */
.site-head{position:fixed;inset:0 0 auto 0;height:var(--header);z-index:3000;padding:0 var(--edge);display:grid;grid-template-columns:5fr 8fr;align-items:center;transition:color .35s ease,background-color .35s ease;pointer-events:none}.site-head.dark{color:var(--paper)}.site-head.light{color:var(--ink)}.site-head.scrolled{background:color-mix(in srgb,var(--paper) 88%,transparent);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);color:var(--ink)}.brand,.main-nav,.menu-toggle{pointer-events:auto}.brand{display:flex;align-items:center;width:64px;height:30px}.brand img{width:auto;height:25px;object-fit:contain;filter:none}.brand-fallback{display:none;font-size:18px;letter-spacing:-.06em}.brand.failed img{display:none}.brand.failed .brand-fallback{display:block}.head-right{display:flex;justify-content:flex-end;align-items:center;gap:var(--s5)}.main-nav{display:flex;align-items:center;gap:var(--s4);font-size:12px;letter-spacing:.075em;text-transform:uppercase}.main-nav a{padding:10px 0;white-space:nowrap;transition:opacity .2s,color .2s}.main-nav a:hover,.main-nav a.active{color:var(--blue)}.menu-toggle{border:0;background:none;text-transform:uppercase;font-size:12px;letter-spacing:.075em;padding:10px 0}.menu-toggle[aria-expanded="true"]{visibility:hidden}
/* menu */
.menu{--menu-tone:var(--blue);--menu-ink:var(--ink);position:fixed;inset:0;z-index:4000;background:var(--menu-tone);color:var(--menu-ink);transform:translateY(-102%);transition:transform .72s var(--ease2),background-color .55s var(--ease),color .55s var(--ease);overflow-y:auto;overscroll-behavior:contain}.menu.open{transform:none}.menu-shell{min-height:100%;padding:var(--s4) var(--edge) var(--s5);display:grid;grid-template-rows:auto 1fr auto;gap:var(--s5)}.menu-top{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;background:color-mix(in srgb,var(--menu-tone) 92%,transparent);padding:4px 0 10px}.menu-logo{display:flex;align-items:center;width:78px;height:34px}.menu-logo img{height:29px;width:auto;object-fit:contain}.menu-close{border:0;background:none;text-transform:uppercase;font-size:12px;letter-spacing:.08em;padding:10px 0}.menu-main{display:grid;grid-template-columns:8fr 5fr;gap:var(--s6);align-items:center}.menu-links{display:flex;flex-direction:column}.menu-links a{font-size:clamp(58px,7.8vw,120px);line-height:.82;letter-spacing:-.06em;border-bottom:1px solid rgba(13,13,13,.18);padding:var(--s2) 0;transition:padding-left .35s var(--ease),font-family .12s,color .2s}.menu-links a:hover{padding-left:var(--s3);font-family:var(--play);font-style:italic}.menu-preview{height:min(64vh,650px);background:rgba(13,13,13,.10);overflow:hidden;border-radius:var(--s3);position:relative}.menu-preview img{width:100%;height:100%;object-fit:cover;object-position:center;transition:opacity .25s}.menu-preview-meta{position:absolute;left:var(--s3);right:var(--s3);bottom:var(--s3);display:flex;justify-content:space-between;align-items:flex-end;font-size:12px;text-transform:uppercase;letter-spacing:.07em}.menu-foot{border-top:1px solid rgba(13,13,13,.25);padding-top:var(--s3);display:grid;grid-template-columns:5fr 8fr;gap:var(--s5);font-size:13px;line-height:1.5}.menu-foot div:last-child{text-align:right}
/* loader */
.loader{--loader-tone:var(--blue);--loader-ink:var(--ink);position:fixed;inset:0;z-index:9999;background:var(--loader-tone);color:var(--loader-ink);overflow:hidden;visibility:visible;pointer-events:auto;transform:none;transition:transform .78s var(--ease2),visibility 0s .78s}.loader.out{transform:translateY(-102%);visibility:hidden;pointer-events:none}.loader-color,.loader-wipe{position:absolute;inset:0;background:var(--loader-tone)}.loader-color{z-index:0}.loader-wipe{z-index:3;transform:translateY(102%);transition:transform .46s var(--ease2)}.loader.phase-close .loader-wipe{transform:none}.loader-media{position:absolute;z-index:1;inset:clamp(55px,7vw,110px);margin:0;overflow:hidden;background:color-mix(in srgb,var(--loader-tone) 74%,var(--ink));opacity:0;clip-path:inset(0 0 100% 0);transform:scale(.965);transition:clip-path .62s var(--ease),transform .78s var(--ease),opacity .28s ease}.loader.phase-media .loader-media,.loader.phase-close .loader-media{opacity:1;clip-path:inset(0);transform:none}.loader-media:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 52%,rgba(0,0,0,.45));pointer-events:none}.loader-media img{width:100%;height:100%;object-fit:cover;object-position:var(--loader-x,50%) var(--loader-y,50%);transform:scale(1.11);transition:transform 1.9s var(--ease);filter:saturate(.96) contrast(1.02)}.loader.phase-media .loader-media img{transform:scale(1.015)}.loader-media figcaption{position:absolute;z-index:2;left:var(--s4);right:var(--s4);bottom:var(--s4);display:flex;justify-content:space-between;align-items:flex-end;color:white;text-transform:uppercase;letter-spacing:.08em}.loader-media figcaption span{font-size:11px}.loader-media figcaption b{font-size:clamp(28px,4vw,62px);line-height:.85;letter-spacing:-.045em;text-transform:none;max-width:65%;text-align:right}.loader-top{position:absolute;z-index:5;left:var(--edge);right:var(--edge);top:var(--s4);display:flex;align-items:center;justify-content:space-between;text-transform:uppercase;letter-spacing:.08em;font-size:11px;color:var(--loader-ink)}.loader-logo{width:76px;height:34px;display:flex;align-items:center}.loader-logo img{height:26px;width:auto;object-fit:contain;filter:none}.loader-progress{position:absolute;z-index:5;left:var(--edge);right:var(--edge);bottom:var(--s4);height:3px;background:color-mix(in srgb,var(--loader-ink) 18%,transparent);overflow:hidden}.loader-progress i{display:block;width:0;height:100%;background:var(--loader-ink);transform-origin:left}.loader.is-active .loader-progress i{animation:loadRoute 2.65s var(--ease) forwards}@keyframes loadRoute{0%{width:0}55%{width:62%}100%{width:100%}}.loader.no-media .loader-media{display:none}.loader.no-media .loader-color:after{content:attr(data-route-title);position:absolute;right:-.04em;bottom:-.19em;font-size:min(38vw,540px);line-height:.75;letter-spacing:-.09em;color:color-mix(in srgb,var(--loader-ink) 10%,transparent);font-family:var(--ginto);font-weight:700;white-space:nowrap}.loader.out .loader-progress i{animation:none}
/* global */
#app{min-height:100svh}.page{background:var(--paper)}.dark{background:var(--ink);color:var(--paper)}.paper{background:var(--paper);color:var(--ink)}.pink{background:var(--pink);color:var(--ink)}.blue{background:var(--blue);color:var(--ink)}.cobalt{background:var(--cobalt);color:white}.section{padding:var(--s7) var(--edge)}.section.big{padding-top:var(--s8);padding-bottom:var(--s8)}.section-inner{width:min(100%,1540px);margin:0 auto}.grid58{display:grid;grid-template-columns:5fr 8fr;gap:var(--s6);align-items:start}.grid85{display:grid;grid-template-columns:8fr 5fr;gap:var(--s6);align-items:start}.label{font-size:12px;text-transform:uppercase;letter-spacing:.09em}.display{font-size:var(--display);line-height:.76;letter-spacing:-.07em;margin:0}.display em,.serif{font-family:var(--play);font-style:italic}.h2{font-size:var(--h2);line-height:.9;letter-spacing:-.055em;margin:0}.lead{font-size:var(--lead);line-height:1.15;letter-spacing:-.025em}.body{font-size:var(--body);line-height:1.58}.muted{opacity:.64}.hair{border-top:1px solid currentColor;opacity:.16}.section-copy{max-width:760px}.section-copy p{font-size:var(--body);line-height:1.58;margin:0 0 var(--s4)}.section-copy p:last-child{margin-bottom:0}.section-head{display:grid;grid-template-columns:5fr 8fr;gap:var(--s6);margin-bottom:var(--s6)}.section-head h2,.section-head>div:last-child{grid-column:2}.section-head h2{font-size:var(--h2);line-height:.9;letter-spacing:-.055em;margin:0}.section-head p{font-size:var(--body);line-height:1.55;max-width:720px;margin:var(--s3) 0 0}.accent{color:var(--blue)}
/* mandatory page model */
.hero{min-height:100svh;position:relative;display:flex;align-items:flex-end;padding:calc(var(--header) + var(--s6)) var(--edge) var(--s6);overflow:hidden;isolation:isolate;background:var(--ink);color:var(--paper)}.hero-media{position:absolute;inset:0;z-index:-3}.hero-media:before{content:'';position:absolute;inset:-6%;background:var(--hero-bg);background-size:cover;background-position:center;filter:blur(26px) brightness(.45);transform:scale(1.08)}.hero-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--fx,50%) var(--fy,50%)}.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.10),rgba(0,0,0,.24) 52%,rgba(0,0,0,.78))}.hero-content{width:min(100%,1540px);margin:0 auto;display:grid;grid-template-columns:8fr 5fr;gap:var(--s6);align-items:end}.hero h1{font-size:var(--display);line-height:.77;letter-spacing:-.07em;margin:var(--s3) 0 0;max-width:9ch}.hero-copy{align-self:end;max-width:560px}.hero-copy p{font-size:var(--lead);line-height:1.15;margin:0 0 var(--s4)}.hero-actions{display:flex;gap:var(--s2);flex-wrap:wrap}.hero-solid{min-height:82svh;background:var(--paper);color:var(--ink)}.hero-solid:after{display:none}.hero-solid .hero-content{align-items:center}.hero-solid.pink{background:var(--pink)}.hero-solid.blue{background:var(--blue)}
.statement{min-height:70svh;background:var(--paper);color:var(--ink);display:grid;place-items:center;padding:var(--s7) var(--edge);text-align:center}.statement-inner{width:min(1150px,100%);margin:auto}.statement .label{display:block;color:var(--cobalt);margin-bottom:var(--s4)}.typewriter{font-size:clamp(55px,7vw,104px);line-height:.88;letter-spacing:-.06em;margin:0;min-height:1.76em}.typewriter .caret{display:inline-block;color:var(--blue);animation:blink .7s steps(1) infinite}@keyframes blink{50%{opacity:0}}
/* media */
.media{margin:0;background:#e5e1da;overflow:hidden;position:relative}.media img{width:100%;height:100%;object-fit:var(--fit,cover);object-position:var(--fx,50%) var(--fy,50%)}.media.landscape{aspect-ratio:16/10}.media.square{aspect-ratio:1}.media.portrait{aspect-ratio:4/5}.media.device{background:#e7e3dc}.media.device img{object-fit:contain;padding:var(--s4)}.media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s5)}.media-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
/* buttons + previews */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 var(--s3);border:1px solid currentColor;background:transparent;text-transform:uppercase;font-size:12px;letter-spacing:.07em;transition:background .25s,color .25s,transform .25s}.btn:hover{background:var(--ink);color:var(--paper);transform:translateY(-2px)}.dark .btn:hover{background:var(--paper);color:var(--ink)}.hover-preview{position:fixed;z-index:5000;width:320px;background:var(--ink);color:var(--paper);padding:var(--s3);pointer-events:none;opacity:0;transform:translate(16px,16px) scale(.96);transition:opacity .18s,transform .24s var(--ease);box-shadow:0 24px 70px rgba(0,0,0,.28)}.hover-preview.show{opacity:1;transform:translate(16px,16px) scale(1)}.hover-preview figure{margin:0 0 var(--s3);aspect-ratio:16/9;background:#222;overflow:hidden}.hover-preview img{width:100%;height:100%;object-fit:var(--fit,cover);object-position:var(--fx,50%) var(--fy,50%)}.hover-preview small{color:var(--blue);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.hover-preview b{display:block;font-size:26px;margin:8px 0}.hover-preview p{font-size:13px;line-height:1.4;margin:0;opacity:.72}
/* modal */
.modal{position:fixed;inset:0;z-index:6000;background:rgba(13,13,13,.44);backdrop-filter:blur(10px);display:none;align-items:flex-end;justify-content:flex-end;padding:var(--s4)}.modal.open{display:flex}.modal-panel{width:min(680px,100%);max-height:calc(100svh - 68px);overflow:auto;background:var(--paper);color:var(--ink);padding:var(--s5)}.modal-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--s5)}.modal-close{border:0;background:none;text-transform:uppercase;font-size:12px}.modal h3{font-size:clamp(44px,4.6vw,72px);line-height:.88;letter-spacing:-.05em;margin:0 0 var(--s5)}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3);border-top:1px solid var(--hair);margin-bottom:var(--s5)}.info-grid div{padding:var(--s3) 0;border-bottom:1px solid var(--hair)}.info-grid small{display:block;font-size:10px;text-transform:uppercase;color:var(--cobalt);margin-bottom:8px}.modal p{font-size:var(--body);line-height:1.55}
/* consistent cards */
.list-lines{border-top:1px solid var(--hair)}.line-card{display:grid;grid-template-columns:55px 5fr 8fr;gap:var(--s4);padding:var(--s5) 0;border-bottom:1px solid var(--hair);align-items:start}.line-card .num{font-size:12px;color:var(--cobalt)}.line-card h3{font-size:clamp(34px,3vw,55px);line-height:.94;margin:0}.line-card p{font-size:var(--body);line-height:1.55;margin:0;max-width:720px}.tile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s3)}.tile{min-height:320px;padding:var(--s5);background:#e9e5dd;display:flex;flex-direction:column;justify-content:space-between}.tile:nth-child(3n+2){background:#e8d8de}.tile:nth-child(3n){background:#dce7ed}.tile small{font-size:11px;color:var(--cobalt);text-transform:uppercase;letter-spacing:.08em}.tile h3{font-size:clamp(34px,3.2vw,55px);line-height:.9;margin:var(--s5) 0 var(--s3)}.tile p{font-size:17px;line-height:1.5;max-width:48ch;margin:0}
/* horizontal rail: single slider grammar */
.rail{display:flex;gap:var(--s3);overflow-x:auto;scroll-snap-type:x mandatory;padding:0 var(--edge) var(--s4);margin:0 calc(var(--edge)*-1);scrollbar-width:none}.rail::-webkit-scrollbar{display:none}.rail-card{flex:0 0 min(72vw,720px);scroll-snap-align:center;background:#e8e4dd;min-height:470px;display:grid;grid-template-columns:5fr 8fr;overflow:hidden}.rail-card .rail-copy{padding:var(--s5);display:flex;flex-direction:column;justify-content:flex-end}.rail-card .rail-copy small{color:var(--cobalt);font-size:11px;text-transform:uppercase}.rail-card .rail-copy h3{font-size:clamp(38px,4vw,68px);line-height:.9;margin:var(--s3) 0}.rail-card .rail-copy p{font-size:17px;line-height:1.5}.rail-card .media{height:100%}
/* work */
.work-controls{padding:var(--s6) var(--edge);background:var(--paper);border-bottom:1px solid var(--hair)}.work-controls-inner{width:min(100%,1540px);margin:auto}.work-tools{display:flex;justify-content:space-between;gap:var(--s4);align-items:center;border-top:1px solid var(--hair);padding-top:var(--s3)}.view-modes{display:flex;gap:var(--s3);overflow:auto}.view-modes button{border:0;background:none;padding:8px 0;text-transform:uppercase;font-size:12px;letter-spacing:.07em;opacity:.45}.view-modes button.active{opacity:1;color:var(--cobalt)}.filters{display:grid;grid-template-columns:auto 1fr 1fr;gap:var(--s3);align-items:end;margin-top:var(--s5)}.filters .count{font-size:13px}.field label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:7px}.field select{width:100%;min-height:44px;background:transparent;border:1px solid var(--hair);padding:0 12px}.work-view{padding:var(--s6) var(--edge) var(--s8);background:var(--paper)}.work-list{width:min(100%,1540px);margin:auto;border-top:1px solid var(--hair)}.work-row{display:grid;grid-template-columns:55px 6fr 4fr 2fr;gap:var(--s4);align-items:center;padding:var(--s5) 0;border-bottom:1px solid var(--hair);transition:padding .35s var(--ease),background .35s}.work-row:hover{padding-left:var(--s3);padding-right:var(--s3);background:#ebe7df}.work-row h3{font-size:clamp(34px,3.5vw,62px);line-height:.9;margin:0 0 10px}.work-row p,.work-row .meta{font-size:14px;line-height:1.4;opacity:.68}.work-grid{width:min(100%,1540px);margin:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s6) var(--s3)}.project-card .media{aspect-ratio:16/10;margin-bottom:var(--s3)}.project-card h3{font-size:clamp(34px,3vw,55px);margin:0 0 8px}.project-card p{font-size:14px;opacity:.65}.loop{width:min(100%,1540px);margin:auto}.loop .rail-card{background:var(--tone,#ddd);color:var(--ink)}.spiral-grid{width:min(100%,1540px);margin:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s6)}.spiral-grid .project-card:nth-child(even){transform:translateY(var(--s6))}
/* deck */
.deck{width:min(100%,1240px);margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s5) var(--s4)}.sticker{--tone:var(--blue);position:relative;aspect-ratio:5/8;background:var(--tone);color:var(--ink);border:1px solid rgba(13,13,13,.18);padding:var(--s2);overflow:hidden;box-shadow:0 14px 35px rgba(13,13,13,.10);touch-action:none;transform:translate(var(--dx,0),var(--dy,0)) rotate(var(--dr,0deg));transition:box-shadow .3s var(--ease),transform .15s linear}.sticker.dragging{z-index:10;box-shadow:0 34px 70px rgba(13,13,13,.24);transition:none}.sticker-head{height:42px;display:flex;justify-content:space-between;align-items:center;font-size:9px;text-transform:uppercase;letter-spacing:.09em}.sticker-no{width:40px;height:40px;border:2px solid currentColor;border-radius:50%;display:grid;place-items:center;font-size:12px}.sticker-media{height:48%;border:2px solid color-mix(in srgb,currentColor 70%,transparent);background:rgba(255,255,255,.12);overflow:hidden}.sticker-media img{width:100%;height:100%;object-fit:var(--fit,cover);object-position:var(--fx,50%) var(--fy,50%)}.sticker-main{padding-top:var(--s2)}.sticker-main small{font-size:9px;text-transform:uppercase;letter-spacing:.08em;opacity:.7}.sticker-main h3{font-size:clamp(28px,2.3vw,40px);line-height:.9;margin:7px 0 12px}.sticker-meta{font-size:11px;line-height:1.3;padding-top:9px;border-top:1px solid currentColor;opacity:.72}.scores{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:var(--s2)}.score{border-top:1px solid currentColor;padding-top:6px}.score b{display:block;font-size:20px;line-height:1}.score span{font-size:8px;text-transform:uppercase;letter-spacing:.06em}.sticker-foot{display:flex;justify-content:space-between;align-items:center;position:absolute;left:var(--s2);right:var(--s2);bottom:var(--s2);border-top:1px solid currentColor;padding-top:9px;font-size:8px;text-transform:uppercase}.sticker-logo{height:16px;width:auto;object-fit:contain}.deck-note{width:min(100%,1240px);margin:0 auto var(--s4);font-size:12px;opacity:.55}
/* Foundation */
.foundation{background:var(--paper)}.foundation .hero-solid{background:var(--pink)}.foundation-logo-large{width:min(260px,58vw);margin-bottom:var(--s6)}.foundation-logo-large img{width:100%;height:auto;object-fit:contain}.foundation-nav{position:sticky;top:var(--header);z-index:1000;background:rgba(243,240,234,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--hair);padding:0 var(--edge);overflow-x:auto}.foundation-nav-inner{width:min(100%,1540px);margin:auto;display:flex;gap:var(--s4);white-space:nowrap}.foundation-nav a{padding:16px 0;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.foundation-nav a.active{color:var(--cobalt)}.foundation-number{font-size:clamp(144px,22vw,340px);line-height:.58;letter-spacing:-.11em;color:var(--pink)}.foundation-process{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--hair)}.foundation-process article{padding:var(--s4) var(--s4) var(--s6) 0;border-right:1px solid var(--hair)}.foundation-process article+article{padding-left:var(--s4)}.foundation-process article:last-child{border-right:0}.foundation-process b{font-size:12px;color:var(--cobalt)}.foundation-process h3{font-size:34px;margin:var(--s4) 0 var(--s2)}.foundation-process p{font-size:16px;line-height:1.5}
/* Brand */
.swatches{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--s2)}.swatch{min-height:220px;padding:var(--s3);display:flex;flex-direction:column;justify-content:space-between}.swatch b{font-size:21px}.brand-logo-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3)}.logo-stage{min-height:360px;display:grid;place-items:center;padding:var(--s5);background:var(--paper);border:1px solid var(--hair)}.logo-stage.dark{background:var(--ink)}.logo-stage img{max-width:240px;max-height:100px;object-fit:contain}.type-specimen{display:grid;grid-template-columns:5fr 8fr;gap:var(--s5);padding:var(--s5) 0;border-top:1px solid var(--hair)}.type-specimen h3{font-size:clamp(44px,5vw,80px);margin:0}.type-specimen.play h3{font-family:var(--play);font-style:italic}.type-specimen p{font-size:var(--body);line-height:1.55;max-width:680px}
/* Pricing */
.pricing{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--hair)}.plan{padding:var(--s4);min-height:380px;border-right:1px solid var(--hair)}.plan:last-child{border-right:0}.plan h3{font-size:34px;margin:var(--s4) 0 var(--s2)}.price{font-size:55px;line-height:1;margin-bottom:var(--s4)}.plan p{font-size:15px;line-height:1.5}.plan ul{padding-left:18px;font-size:14px;line-height:1.7}
/* footer */
.footer{background:var(--ink);color:var(--paper);padding:var(--s8) var(--edge) var(--s5)}.footer-inner{width:min(100%,1540px);margin:auto}.footer-top{display:grid;grid-template-columns:8fr 3fr 2fr;gap:var(--s5)}.footer h2{font-size:clamp(64px,8vw,130px);line-height:.75;letter-spacing:-.07em;margin:0}.footer h2 em{font-family:var(--play);font-style:italic}.footer p,.footer a{font-size:13px;line-height:1.6}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--hair-light);padding-top:var(--s3);margin-top:var(--s7);font-size:11px;text-transform:uppercase;letter-spacing:.06em}
/* reveal */
.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.reveal.in{opacity:1;transform:none}
@media(max-width:1000px){
 :root{--header:70px;--edge:21px;--display:clamp(60px,14vw,100px);--h2:clamp(44px,9vw,72px)}
 .site-head{grid-template-columns:1fr auto}.main-nav{display:none}.head-right{gap:0}.brand{width:56px}.brand img{height:22px}.menu-main{grid-template-columns:1fr}.menu-preview{height:44vh}.menu-links a{font-size:clamp(54px,14vw,90px)}.menu-foot{grid-template-columns:1fr;gap:var(--s3)}.menu-foot div:last-child{text-align:left}
 .section{padding:var(--s6) var(--edge)}.section.big{padding-top:var(--s7);padding-bottom:var(--s7)}.grid58,.grid85,.hero-content,.section-head,.type-specimen{grid-template-columns:1fr;gap:var(--s4)}.section-head h2,.section-head>div:last-child{grid-column:1}.hero{min-height:84svh;padding-top:calc(var(--header) + var(--s5))}.hero h1{max-width:none}.hero-copy{max-width:none}.statement{min-height:60svh;padding:var(--s6) var(--edge)}.typewriter{font-size:clamp(48px,12vw,72px);min-height:2.64em}
 .media-grid,.media-grid.three,.tile-grid,.work-grid,.spiral-grid{grid-template-columns:1fr}.rail-card{flex-basis:88vw;grid-template-columns:1fr;min-height:560px}.rail-card .media{min-height:280px;order:-1}.line-card{grid-template-columns:34px 1fr}.line-card p{grid-column:2}.filters{grid-template-columns:1fr}.work-tools{align-items:flex-start;flex-direction:column}.work-row{grid-template-columns:34px 1fr 28px;gap:var(--s3)}.work-row .meta{grid-column:2}.work-row .industry{display:none}.spiral-grid .project-card:nth-child(even){transform:none}
 .deck{display:flex;overflow-x:auto;gap:var(--s2);scroll-snap-type:x mandatory;width:auto;margin:0 calc(var(--edge)*-1);padding:0 var(--edge) var(--s4);scrollbar-width:none}.sticker{flex:0 0 82vw;max-width:360px;scroll-snap-align:center;transform:none!important}.deck-note{width:auto;margin-left:0}.sticker-main h3{font-size:30px}
 .foundation-process{grid-template-columns:1fr}.foundation-process article,.foundation-process article+article{padding:var(--s4) 0;border-right:0;border-bottom:1px solid var(--hair)}.swatches{grid-template-columns:1fr 1fr}.brand-logo-grid{grid-template-columns:1fr}.pricing{grid-template-columns:1fr}.plan{border-right:0;border-bottom:1px solid var(--hair)}.footer-top{grid-template-columns:1fr;gap:var(--s5)}
 .modal{padding:var(--s2)}.modal-panel{padding:var(--s4) var(--s3)}
}
@media(max-width:560px){.menu-shell{padding:var(--s3) var(--edge) var(--s4)}.menu-preview{height:34vh}.menu-links a{font-size:clamp(50px,16vw,72px)}.loader-media{inset:76px 21px 55px}.loader-media figcaption{left:21px;right:21px;bottom:21px}.loader-media figcaption b{font-size:34px;max-width:72%}.typewriter{font-size:clamp(43px,12.5vw,62px)}.hero h1{font-size:clamp(58px,17vw,86px)}.swatches{grid-template-columns:1fr}.info-grid{grid-template-columns:1fr}.footer{padding-top:var(--s7)}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}
.foundation-logo-large strong{font-size:34px;letter-spacing:-.04em}.foundation-foot{padding-top:89px!important;padding-bottom:55px!important;border-top:1px solid rgba(13,13,13,.18)}.sticker-brand{display:flex;align-items:center;height:18px}.sticker-logo{display:block;height:17px;width:auto;max-width:52px;object-fit:contain;filter:none!important}
.menu-logo.failed .brand-fallback,.loader-logo.failed .brand-fallback{display:block}.menu-logo .brand-fallback,.loader-logo .brand-fallback{display:none}.menu-logo.failed img,.loader-logo.failed img{display:none}
.page{overflow-x:clip}.hero-media{overflow:hidden}.footer h2{overflow-wrap:anywhere}.rail{max-width:100%}
@media(max-width:560px){.footer h2{font-size:clamp(48px,13vw,62px)!important;line-height:.8}.footer h2 em{font-size:.88em}}


/* v10.6 — character without breaking the v10.5 structure */
.green{background:var(--green);color:var(--paper)}.red{background:var(--red);color:var(--paper)}
.hero .label{animation:v106HeroMeta .72s .08s both var(--ease)}.hero h1{animation:v106HeroTitle 1.05s .08s both var(--ease)}.hero-copy{animation:v106HeroCopy .9s .24s both var(--ease)}
@keyframes v106HeroTitle{from{opacity:0;transform:translateY(44px);clip-path:inset(0 0 28% 0)}to{opacity:1;transform:none;clip-path:inset(0)}}
@keyframes v106HeroCopy{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes v106HeroMeta{from{opacity:0;letter-spacing:.22em}to{opacity:1;letter-spacing:.09em}}
.statement{position:relative;overflow:hidden}.statement:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 12% 50%,color-mix(in srgb,var(--blue) 15%,transparent),transparent 32%);transform:translateX(-10%);animation:statementBreath 5s ease-in-out infinite alternate;pointer-events:none}.statement-inner{position:relative;z-index:1}.typewriter{font-weight:700;text-wrap:balance}
@keyframes statementBreath{to{transform:translateX(10%) scale(1.08);opacity:.55}}
.kinetic{overflow:hidden;border-top:1px solid rgba(13,13,13,.15);border-bottom:1px solid rgba(13,13,13,.15);padding:21px 0}.kinetic-blue{background:var(--blue);color:var(--ink)}.kinetic-pink{background:var(--pink);color:var(--ink)}.kinetic-green{background:var(--green);color:var(--paper)}.kinetic-red{background:var(--red);color:var(--paper)}.kinetic-paper{background:var(--paper);color:var(--ink)}.kinetic-track{display:flex;align-items:center;gap:34px;width:max-content;white-space:nowrap;animation:kineticMove 27s linear infinite}.kinetic:hover .kinetic-track{animation-play-state:paused}.kinetic span{font-size:clamp(38px,5.3vw,82px);line-height:.84;letter-spacing:-.055em;text-transform:uppercase}.kinetic i{font-style:normal;font-size:22px;opacity:.5}@keyframes kineticMove{to{transform:translateX(-50%)}}
.manifesto-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--hair)}.manifesto-card{min-height:330px;padding:55px 55px 89px 0;border-bottom:1px solid var(--hair);position:relative;overflow:hidden}.manifesto-card:nth-child(odd){border-right:1px solid var(--hair);padding-right:55px}.manifesto-card:nth-child(even){padding-left:55px}.manifesto-card small{font-size:11px;color:var(--cobalt);letter-spacing:.09em}.manifesto-card h3{font-size:clamp(34px,3.3vw,58px);line-height:.9;margin:55px 0 21px;transition:font-family .15s,transform .55s var(--ease)}.manifesto-card p{font-size:var(--body);line-height:1.55;margin:0;max-width:56ch}.manifesto-card:after{content:'';position:absolute;inset:auto 0 0;height:0;background:color-mix(in srgb,var(--blue) 22%,transparent);z-index:-1;transition:height .55s var(--ease)}.manifesto-card:hover:after{height:100%}.manifesto-card:hover h3{font-family:var(--play);font-style:italic;transform:translateX(8px)}
.character-stage .h2,.page-cta .h2{text-wrap:balance}.page-cta .btn{margin-top:21px}
.motion-item{opacity:0;transform:translateY(30px) scale(.985);clip-path:inset(0 0 8% 0);transition:opacity .85s var(--ease),transform .95s var(--ease),clip-path .95s var(--ease);transition-delay:var(--motion-delay,0ms)}.motion-item.motion-in{opacity:1;transform:none;clip-path:inset(0)}
.line-card{position:relative;isolation:isolate;overflow:hidden;transition:padding .55s var(--ease),color .35s}.line-card:before{content:'';position:absolute;inset:0;background:var(--blue);transform:translateY(102%);transition:transform .55s var(--ease);z-index:-1}.line-card:hover:before{transform:none}.line-card:hover{padding-left:21px;padding-right:21px;color:var(--ink)}.line-card:hover h3{font-family:var(--play);font-style:italic}
.tile{transition:transform .55s var(--ease),box-shadow .55s var(--ease),background-color .35s}.tile:hover{transform:translateY(-8px);box-shadow:0 26px 55px rgba(13,13,13,.12)}
.rail-card{transition:transform .7s var(--ease),box-shadow .7s var(--ease)}.rail-card:hover{transform:translateY(-8px);box-shadow:0 28px 60px rgba(13,13,13,.14)}
.menu{background:var(--menu-tone);color:var(--menu-ink)}.menu-top{background:color-mix(in srgb,var(--menu-tone) 94%,transparent)}.menu-links a{color:inherit}.menu-preview{transition:transform .6s var(--ease),background-color .5s}.menu-preview img.swap{animation:menuImageSwap .65s var(--ease)}@keyframes menuImageSwap{from{opacity:0;transform:scale(1.06) rotate(.5deg)}to{opacity:1;transform:none}}.menu-links a:hover{color:inherit}
.origin-footer{overflow:hidden}.origin-kicker{display:flex;justify-content:space-between;gap:34px;border-bottom:1px solid var(--hair-light);padding-bottom:21px;margin-bottom:89px;font-size:11px;text-transform:uppercase;letter-spacing:.09em}.origin-word{font-size:clamp(82px,11vw,180px);line-height:.70;letter-spacing:-.078em;margin:0 0 144px;text-transform:uppercase}.origin-word em{font-family:var(--play);font-style:italic;color:var(--blue);display:inline-block;animation:originFloat 4.5s ease-in-out infinite alternate}@keyframes originFloat{to{transform:translateX(21px)}}.origin-footer .footer-top{grid-template-columns:5fr 3fr 5fr}.origin-footer .footer-top>div:first-child p{font-size:clamp(21px,2vw,34px);line-height:1.1;max-width:18ch}.origin-footer .footer-bottom{display:grid;grid-template-columns:1fr auto 1fr;gap:21px}.origin-footer .footer-bottom a{text-align:right}
.media-grid-contained .media{max-height:620px}.city-card small{display:block;color:var(--cobalt);font-size:12px;text-transform:uppercase;letter-spacing:.08em;margin-top:21px}.city-card p{font-size:17px;line-height:1.45;margin:8px 0 0}.film-card{background:#171717!important;color:white!important}.film-time{display:grid;place-items:center;font-size:clamp(72px,8vw,130px);color:var(--blue);letter-spacing:-.07em}
.clean-logo-grid .logo-stage{position:relative}.clean-logo-grid .logo-stage small{position:absolute;left:21px;bottom:21px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;opacity:.55}
.drip-cursor{position:fixed;z-index:20000;left:-42px;top:-42px;width:16px;height:16px;pointer-events:none;mix-blend-mode:difference;color:white;will-change:transform}.drip-cursor i{position:absolute;left:0;top:0;width:16px;height:16px;border-radius:50%;background:white;transition:transform .28s var(--ease)}.drip-cursor span{position:absolute;left:24px;top:50%;transform:translateY(-50%);font-size:9px;letter-spacing:.08em;opacity:0;transition:opacity .2s;white-space:nowrap}.drip-cursor.active i{transform:scale(2.4)}.drip-cursor.active span{opacity:1}
.loader.phase-media .loader-media{box-shadow:0 35px 90px rgba(13,13,13,.20)}
@media(max-width:1000px){.manifesto-cards{grid-template-columns:1fr}.manifesto-card,.manifesto-card:nth-child(odd),.manifesto-card:nth-child(even){padding:34px 0 55px;border-right:0}.manifesto-card h3{margin-top:34px}.origin-kicker{margin-bottom:55px}.origin-word{font-size:clamp(64px,18vw,110px);margin-bottom:89px}.origin-footer .footer-top{grid-template-columns:1fr}.origin-footer .footer-bottom{grid-template-columns:1fr;gap:13px}.origin-footer .footer-bottom a{text-align:left}.kinetic span{font-size:clamp(34px,10vw,60px)}.drip-cursor{display:none}.media-grid-contained .media{max-height:none}}
@media(prefers-reduced-motion:reduce){.kinetic-track,.origin-word em,.statement:before{animation:none!important}.motion-item{opacity:1;transform:none;clip-path:none}.hero h1,.hero-copy,.hero .label{animation:none!important}}
.kinetic-yellow{background:var(--yellow);color:var(--ink)}


/* =========================================================
   v10.7 MOTION & DEPTH — authoritative visual layer
   ========================================================= */
:root{--route-accent:var(--blue);--route-accent-2:var(--pink);--h2:clamp(58px,6.25vw,98px);--display:clamp(78px,9.4vw,154px)}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* Header lock-up with Foundation mark only on Foundation routes. */
.brand-cluster{display:flex;align-items:center;gap:13px;pointer-events:auto;min-width:0}.brand-cluster .brand{pointer-events:auto}.brand-divider,.foundation-head-mark{display:none}.brand-divider{width:1px;height:18px;background:currentColor;opacity:.28}.foundation-head-mark{align-items:center;height:30px;pointer-events:auto}.foundation-head-mark img{display:block;width:auto;height:24px;max-width:132px;object-fit:contain;filter:none!important}.foundation-head-mark.failed{display:none!important}
body[data-route^="foundation"] .brand-divider,body[data-route^="foundation"] .foundation-head-mark{display:flex}.site-head.scrolled .foundation-head-mark img{filter:none!important}

/* The news-ticker text is gone. Motion remains graphic and route-coloured. */
.motion-break{height:clamp(89px,10vw,144px);position:relative;overflow:hidden;background:var(--paper);border-block:1px solid color-mix(in srgb,var(--ink) 14%,transparent)}
.motion-break-grid{position:absolute;inset:0;display:grid;grid-template-columns:3fr 2fr 5fr 1fr 2fr;gap:13px;padding:13px var(--edge);align-items:stretch;background:color-mix(in srgb,var(--route-accent) 12%,var(--paper))}.motion-break-grid i{display:block;position:relative;overflow:hidden;background:var(--route-accent);transform-origin:center;animation:motionPulse 5.8s var(--ease) infinite alternate}.motion-break-grid .mb-b{background:var(--route-accent-2);animation-delay:-1.3s}.motion-break-grid .mb-c{background:var(--ink);animation-delay:-2.1s}.motion-break-grid .mb-d{background:var(--paper);border:1px solid var(--hair);animation-delay:-.7s}.motion-break-grid .mb-e{background:var(--route-accent);animation-delay:-3s}.motion-break-grid i:after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.35) 49%,transparent 78%);transform:translateX(-140%);animation:motionSheen 4.6s var(--ease) infinite}.motion-break-grid .mb-c:after{opacity:.16}
@keyframes motionPulse{0%{transform:scaleY(.62) translateY(10%);border-radius:0}55%{transform:scaleY(1);border-radius:0}100%{transform:scaleY(.78) translateY(-6%);border-radius:34px}}
@keyframes motionSheen{45%,100%{transform:translateX(140%)}}

/* Route colour now drives accents across the same component system. */
.label,.section-head>.label,.v107-depth-head>.label,.manifesto-card small,.v107-depth-item small,.type-specimen small{color:var(--route-accent)}
.statement:before{background:radial-gradient(circle at 12% 50%,color-mix(in srgb,var(--route-accent) 24%,transparent),transparent 34%),radial-gradient(circle at 88% 40%,color-mix(in srgb,var(--route-accent-2) 15%,transparent),transparent 29%)}
.btn{transition:transform .45s var(--ease),background-color .35s,color .35s,border-color .35s}.btn:hover{transform:translateY(-4px);background:var(--route-accent);border-color:var(--route-accent);color:var(--ink)}
::selection{background:var(--route-accent);color:var(--ink)}

/* More bold, but still inside the locked hierarchy. */
.hero h1{font-size:clamp(78px,9.8vw,160px)}.section-head h2,.v107-depth-head h2{font-size:var(--h2);line-height:.87;letter-spacing:-.06em}.section-copy p,.v107-depth-head p,.v107-depth-item p{font-size:clamp(19px,1.35vw,23px);line-height:1.6}.typewriter{font-size:clamp(64px,7.5vw,112px);font-weight:700;line-height:.85;max-width:13ch;margin-inline:auto}.statement{min-height:78svh}

/* Rich text depth — every page gets real explanatory content. */
.v107-depth{position:relative;overflow:hidden}.v107-depth:before{content:'';position:absolute;width:34vw;aspect-ratio:1;border-radius:50%;right:-15vw;top:-16vw;background:color-mix(in srgb,var(--route-accent) 13%,transparent);filter:blur(1px);pointer-events:none;transform:translateY(calc((var(--scroll-p,0) - .5)*60px))}.v107-depth-head{position:relative;display:grid;grid-template-columns:5fr 8fr;gap:var(--s6);margin-bottom:var(--s6)}.v107-depth-head>div{grid-column:2}.v107-depth-head h2{margin:0}.v107-depth-head p{max-width:760px;margin:21px 0 0}.v107-depth-grid{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid currentColor}.v107-depth-item{min-height:310px;padding:55px 55px 89px 0;border-bottom:1px solid currentColor}.v107-depth-item:nth-child(odd){border-right:1px solid currentColor}.v107-depth-item:nth-child(even){padding-left:55px}.v107-depth-item small{font-size:11px;letter-spacing:.1em}.v107-depth-item h3{font-size:clamp(34px,3vw,55px);line-height:.92;margin:55px 0 21px;letter-spacing:-.04em}.v107-depth-item p{max-width:54ch;margin:0}.v107-depth.blue .v107-depth-item small,.v107-depth.pink .v107-depth-item small{color:var(--ink)}

/* Brand motion design system. */
.motion-system{--route-accent:var(--blue);--route-accent-2:var(--pink)}.motion-system .v107-depth-head p{color:rgba(243,240,234,.78)}.motion-system-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--hair-light)}.motion-demo{min-height:390px;padding:34px 34px 55px 0;border-bottom:1px solid var(--hair-light);position:relative;overflow:hidden}.motion-demo:not(:nth-child(3n)){border-right:1px solid var(--hair-light)}.motion-demo:nth-child(3n+2),.motion-demo:nth-child(3n+3){padding-left:34px}.motion-demo small{font-size:11px;letter-spacing:.1em;color:var(--blue)}.motion-demo h3{font-size:clamp(38px,3.2vw,58px);line-height:.9;margin:89px 0 21px}.motion-demo p{font-size:18px;line-height:1.52;max-width:34ch;color:rgba(243,240,234,.76)}.motion-demo>b{position:absolute;right:34px;top:34px;width:55px;height:55px;border:2px solid var(--blue);border-radius:50%;transition:transform .7s var(--ease),border-radius .7s var(--ease),background-color .7s}.motion-demo:hover>b{transform:scale(2.2) rotate(90deg);border-radius:8px;background:var(--pink)}.motion-demo[data-demo="media"]>b{border-radius:4px;width:89px}.motion-demo[data-demo="scroll"]>b{border-radius:999px;width:89px;height:21px}.motion-demo[data-demo="transition"]>b{background:var(--orange);border-color:var(--orange)}

/* Scroll-linked horizontal narratives. */
.scroll-link-shell{position:relative;width:100%;margin:0}.scroll-linked-rail{position:sticky!important;top:15vh!important;height:70vh!important;min-height:520px!important;margin:0!important;padding:0!important;overflow-x:hidden!important;overflow-y:hidden!important;scroll-snap-type:none!important;align-items:stretch}.scroll-linked-rail .rail-card{flex:0 0 min(72vw,760px);height:100%;min-height:0}.scroll-linked-rail .rail-card .media{height:100%}

/* Scroll-reactive depth. */
.hero[data-scroll-reactive] .hero-content{transform:translateY(calc(var(--scroll-p,0)*-22px));will-change:transform}.section[data-scroll-reactive]>.section-inner{transform:translateY(calc((.45 - var(--scroll-p,0))*10px));will-change:transform}.media[data-scroll-reactive] img{will-change:transform}.v107-reveal{opacity:0;transform:translateY(34px) scale(.985);clip-path:inset(0 0 10% 0);transition:opacity .85s var(--ease),transform 1s var(--ease),clip-path 1s var(--ease);transition-delay:var(--stagger,0ms)}.v107-reveal.v107-in{opacity:1;transform:none;clip-path:inset(0)}

/* Decrypt targets remain dimensionally stable. */
[data-decrypt-bound],.section-head h2,.h2,.tile h3,.manifesto-card h3,.v107-depth-item h3,.motion-demo h3{font-variant-numeric:tabular-nums}

/* Footer manifesto: the origin is an anchor. IN FRATTAMAGGIORE never moves. */
.origin-word>span{display:inline-block;transition:letter-spacing .6s var(--ease),color .35s}.origin-word>span:hover{letter-spacing:-.055em;color:var(--route-accent)}.origin-word em{animation:none!important;transform:none!important;transition:none!important;will-change:auto!important}.origin-footer{background:var(--ink);color:var(--paper)}

/* Foundation lock-up in header and stronger subsite colour. */
body[data-route^="foundation"] .site-head.scrolled{background:color-mix(in srgb,var(--paper) 91%,transparent)}body[data-route^="foundation"] .foundation-nav{border-color:color-mix(in srgb,var(--ink) 20%,transparent)}

/* Loader: the destination photograph gets enough time to be perceived. */
.loader-media img{transition:transform 2.7s var(--ease),filter .8s ease}.loader.phase-media .loader-media img{transform:scale(1.01)}.loader.is-active .loader-progress i{animation-duration:3.9s}

@media(max-width:1000px){
 .typewriter{font-size:clamp(52px,12vw,78px);max-width:14ch}.statement{min-height:68svh}
 .v107-depth-head{grid-template-columns:1fr;gap:34px}.v107-depth-head>div{grid-column:1}.v107-depth-grid{grid-template-columns:1fr}.v107-depth-item,.v107-depth-item:nth-child(odd),.v107-depth-item:nth-child(even){min-height:0;padding:34px 0 55px;border-right:0}.v107-depth-item h3{margin-top:34px}
 .motion-system-grid{grid-template-columns:1fr}.motion-demo,.motion-demo:nth-child(3n+2),.motion-demo:nth-child(3n+3){min-height:320px;padding:34px 0 55px;border-right:0}.motion-demo h3{margin-top:55px}
 .scroll-link-shell{height:auto!important}.scroll-linked-rail{position:relative!important;top:auto!important;height:auto!important;min-height:0!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;padding:0 var(--edge) var(--s4)!important;margin:0 calc(var(--edge)*-1)!important}.scroll-linked-rail .rail-card{height:auto;min-height:470px;scroll-snap-align:center}
 .motion-break{height:89px}.motion-break-grid{grid-template-columns:2fr 1fr 3fr 1fr;padding-inline:21px}.motion-break-grid .mb-e{display:none}
 .brand-cluster{gap:9px}.foundation-head-mark img{height:21px;max-width:110px}.brand-divider{height:15px}
}
@media(max-width:560px){
 .typewriter{font-size:clamp(47px,13vw,66px);line-height:.87}.statement{min-height:62svh}.motion-break{height:76px}.motion-break-grid{gap:8px;padding:8px 21px}.foundation-head-mark img{height:19px;max-width:94px}.brand-cluster .brand img{height:22px}.brand-cluster{gap:8px}.brand-divider{display:none!important}body[data-route^="foundation"] .foundation-head-mark{margin-left:2px}
 .v107-depth-item p{font-size:18px}.motion-demo p{font-size:17px}
}
@media(prefers-reduced-motion:reduce){.motion-break-grid i,.motion-break-grid i:after{animation:none!important}.hero[data-scroll-reactive] .hero-content,.section[data-scroll-reactive]>.section-inner{transform:none!important}.scroll-linked-rail{position:relative!important;top:auto!important;height:auto!important;overflow-x:auto!important}}


/* =========================================================
   v10.8 LOTTIE + EDITORIAL DEPTH — authoritative visual layer
   ========================================================= */
:root{--v108-glare-alpha:.26}

/* Hard decorative forms from v10.7 are retired. */
.motion-break{display:none!important}.v107-depth:before{display:none!important}.motion-demo>b{display:none!important}
.glare-break{height:clamp(89px,9vw,130px);position:relative;overflow:hidden;background:var(--paper);border-block:1px solid color-mix(in srgb,var(--ink) 10%,transparent)}
.glare-fallback,.lottie-glare{position:absolute;inset:-55% -8%;pointer-events:none;filter:blur(46px) saturate(118%);opacity:.72;transform:translateZ(0)}
.glare-fallback{background:radial-gradient(ellipse at 20% 50%,color-mix(in srgb,var(--route-accent) 42%,transparent),transparent 36%),radial-gradient(ellipse at 76% 42%,color-mix(in srgb,var(--route-accent-2) 34%,transparent),transparent 34%);animation:v108Breath 7s var(--ease) infinite alternate}
.lottie-glare svg,.motion-lottie svg,.lottie-foundation svg{width:100%!important;height:100%!important;overflow:visible!important}.lottie-glare{mix-blend-mode:multiply}.lottie-fallback .glare-fallback{opacity:.85}
@keyframes v108Breath{0%{transform:translate3d(-2%,2%,0) scale(.96);opacity:.48}100%{transform:translate3d(2%,-2%,0) scale(1.05);opacity:.76}}

/* Route-coloured soft glare replaces shape decoration. */
.statement{overflow:hidden}.statement:before{content:'';position:absolute;inset:-30%;background:radial-gradient(ellipse at 18% 45%,color-mix(in srgb,var(--route-accent) 28%,transparent),transparent 32%),radial-gradient(ellipse at 83% 58%,color-mix(in srgb,var(--route-accent-2) 22%,transparent),transparent 31%);filter:blur(55px);opacity:.65;pointer-events:none;transform:translate3d(0,0,0)}
.v107-depth{background-image:radial-gradient(ellipse at 92% 12%,color-mix(in srgb,var(--route-accent) 10%,transparent),transparent 27%)}

/* Cursor centre = actual pointer. No difference blend, no 42px offset. */
.drip-cursor{left:0!important;top:0!important;width:16px!important;height:16px!important;mix-blend-mode:normal!important;color:var(--ink)!important}.drip-cursor i{background:var(--route-accent)!important;border:1px solid color-mix(in srgb,var(--ink) 35%,transparent);box-shadow:0 0 0 5px color-mix(in srgb,var(--route-accent) 16%,transparent)}.drip-cursor span{left:26px!important;background:var(--paper);color:var(--ink);padding:5px 7px;border:1px solid color-mix(in srgb,var(--ink) 14%,transparent)}

/* Decrypt lands in Playfair while hovered. */
[data-decrypt-bound]{transition:font-family .12s ease,font-style .12s ease,color .28s ease,letter-spacing .45s var(--ease)}
[data-decrypt-bound].decrypt-playfair{font-family:var(--play)!important;font-style:italic!important;font-weight:700!important;letter-spacing:-.045em!important;color:var(--route-accent)!important}
.origin-word>span.decrypt-playfair{font-family:var(--play)!important;font-style:italic!important}.origin-word em{font-family:var(--play)!important}

/* Stronger, safer contrast. */
.paper{background:var(--paper)!important;color:var(--ink)!important}.pink{background:var(--pink)!important;color:var(--ink)!important}.blue{background:var(--blue)!important;color:var(--ink)!important}.dark{background:var(--ink)!important;color:var(--paper)!important}.dark p,.dark .section-copy p,.dark .v107-depth-head p,.dark .v107-depth-item p{color:color-mix(in srgb,var(--paper) 84%,transparent)!important}.pink .label,.blue .label,.pink .section-head>.label,.blue .section-head>.label{color:var(--ink)!important}.dark .label,.dark .section-head>.label{color:var(--blue)!important}.pink .btn,.blue .btn{border-color:var(--ink)!important;color:var(--ink)!important}.dark .btn{border-color:var(--paper)!important;color:var(--paper)!important}

/* Foundation becomes denser, editorial and readable. */
.page-foundation{background:var(--paper)!important;color:var(--ink)!important}.page-foundation .foundation-hero{min-height:82svh!important;padding-bottom:55px!important;position:relative;overflow:hidden}.foundation-glare{position:absolute;inset:-22% -12%;filter:blur(60px) saturate(112%);opacity:.44;pointer-events:none}.foundation-hero .hero-content{position:relative;z-index:2}.foundation-logo-large{width:min(230px,48vw)!important;margin-bottom:34px!important}.foundation-logo-large img{filter:none!important}.foundation-snapshot{position:relative;z-index:2;width:min(calc(100% - (var(--edge)*2)),1540px);margin:55px auto 0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(13,13,13,.22);border-bottom:1px solid rgba(13,13,13,.22)}.foundation-snapshot>div{padding:21px 34px 34px 0;min-height:128px;border-right:1px solid rgba(13,13,13,.18)}.foundation-snapshot>div+div{padding-left:34px}.foundation-snapshot>div:last-child{border-right:0}.foundation-snapshot b{display:block;font-size:clamp(30px,3vw,55px);line-height:.9;letter-spacing:-.05em;margin-bottom:13px}.foundation-snapshot span{font-size:14px;line-height:1.4;max-width:24ch;display:block}.foundation-intro{padding-top:144px!important;padding-bottom:144px!important}.foundation-lines{padding-top:89px!important;padding-bottom:144px!important}.foundation-detail-list{border-top:1px solid var(--hair)}.foundation-detail-line{display:grid;grid-template-columns:55px minmax(220px,4fr) 8fr;gap:34px;padding:34px 0 55px;border-bottom:1px solid var(--hair);align-items:start}.foundation-detail-line>span{font-size:12px;color:var(--cobalt)}.foundation-detail-line h3{font-size:clamp(30px,2.6vw,48px);line-height:.93;margin:0}.foundation-detail-line p{font-size:clamp(18px,1.25vw,21px);line-height:1.55;max-width:60ch;margin:0}.foundation-process-section{position:relative;overflow:hidden;background-image:radial-gradient(ellipse at 18% 88%,rgba(49,80,255,.18),transparent 34%),radial-gradient(ellipse at 88% 10%,rgba(214,166,179,.28),transparent 31%)}.foundation-process article{min-height:270px}.foundation-process p{font-size:17px!important}.foundation-compare{padding-top:144px!important;padding-bottom:144px!important}.foundation-compare-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)}.foundation-compare-grid>div{padding:55px 55px 89px 0}.foundation-compare-grid>div+div{padding-left:55px;border-left:1px solid var(--hair)}.foundation-compare-grid p{font-size:clamp(18px,1.3vw,22px);line-height:1.55;max-width:54ch}.foundation-one{background-image:radial-gradient(ellipse at 14% 50%,rgba(131,180,209,.36),transparent 34%),radial-gradient(ellipse at 88% 28%,rgba(255,255,255,.22),transparent 30%)!important}.page-foundation .foundation-foot{background:var(--paper)!important;color:var(--ink)!important;border-top:1px solid var(--hair)!important}.page-foundation .foundation-foot .label{color:var(--cobalt)!important}
/* The supplied Foundation mark has white lettering; on light header it becomes a dark transparent mark without a box. */
body[data-route^="foundation"] .foundation-head-mark img{filter:brightness(0) saturate(100%)!important;opacity:.92!important}

/* Brand motion system: Lottie glare, not geometric demo blocks. */
.motion-system{position:relative;overflow:hidden;background:var(--ink)!important}.motion-system:before{content:'';position:absolute;inset:-25%;background:radial-gradient(ellipse at 20% 20%,rgba(131,180,209,.21),transparent 31%),radial-gradient(ellipse at 78% 66%,rgba(214,166,179,.16),transparent 34%);filter:blur(45px);pointer-events:none}.motion-system>.section-inner{position:relative}.motion-demo{min-height:360px!important}.motion-lottie{position:absolute;right:-18%;top:-18%;width:82%;height:72%;filter:blur(28px) saturate(120%);opacity:.72;pointer-events:none}.motion-demo h3,.motion-demo p,.motion-demo small{position:relative;z-index:2}

/* v10 audacity, but through contrast and scale instead of random forms. */
.hero h1{font-size:clamp(84px,10.3vw,172px)!important}.section-head h2,.v107-depth-head h2{letter-spacing:-.065em!important}.page-cta{background-image:radial-gradient(ellipse at 85% 40%,color-mix(in srgb,var(--route-accent-2) 25%,transparent),transparent 31%)}.btn:hover{box-shadow:0 13px 34px color-mix(in srgb,var(--route-accent) 24%,transparent)}

@media(max-width:1000px){
 .foundation-snapshot{grid-template-columns:1fr 1fr;margin-top:34px}.foundation-snapshot>div,.foundation-snapshot>div+div{padding:21px 21px 34px;border-right:1px solid rgba(13,13,13,.18);border-bottom:1px solid rgba(13,13,13,.18)}.foundation-snapshot>div:nth-child(2n){border-right:0}.foundation-snapshot>div:nth-last-child(-n+2){border-bottom:0}
 .foundation-detail-line{grid-template-columns:34px 1fr;gap:21px}.foundation-detail-line h3,.foundation-detail-line p{grid-column:2}.foundation-compare-grid{grid-template-columns:1fr}.foundation-compare-grid>div,.foundation-compare-grid>div+div{padding:55px 0;border-left:0}.foundation-compare-grid>div+div{border-top:1px solid var(--hair)}
 .foundation-hero{min-height:auto!important;padding-bottom:34px!important}.foundation-process article{min-height:0}.motion-lottie{width:100%;right:-35%;opacity:.55}
}
@media(max-width:560px){
 .foundation-snapshot{grid-template-columns:1fr}.foundation-snapshot>div,.foundation-snapshot>div+div{padding:21px 0 34px;border-right:0!important;border-bottom:1px solid rgba(13,13,13,.18)!important}.foundation-snapshot>div:last-child{border-bottom:0!important}.foundation-detail-line p{font-size:18px}.glare-break{height:76px}.glare-fallback,.lottie-glare{filter:blur(34px)}
 .drip-cursor{display:none!important}
}
@media(prefers-reduced-motion:reduce){.glare-fallback{animation:none!important}.lottie-glare,.motion-lottie,.foundation-glare{display:none!important}}
/* v10.8 Foundation hero flow fix: information follows the hero grid instead of competing with it. */
.page-foundation .foundation-hero{display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-end!important}
.page-foundation .foundation-hero .hero-content{width:min(100%,1540px)!important;flex:1 1 auto!important;min-height:0!important;align-items:center!important}
.page-foundation .foundation-snapshot{width:min(100%,1540px)!important;flex:0 0 auto!important;margin:34px auto 0!important}
@media(max-width:1000px){.page-foundation .foundation-hero .hero-content{flex:none!important}.page-foundation .foundation-snapshot{margin-top:34px!important}}

/* =========================================================
   v10.9 WARM SPORT EDITORIAL — authoritative layer
   ========================================================= */
:root{
 --paper:#F3EFE8;
 --paper-warm:#F0E9DF;
 --sport-blue:#83B4D1;
 --sport-pink:#D6A6B3;
 --sport-cobalt:#3150FF;
 --sport-orange:#EF643C;
 --v109-shadow:0 34px 89px rgba(13,13,13,.12);
}
body{background:var(--paper);color:var(--ink)}
.page,.section.paper,.statement,.work-controls,.work-view,.footer,.foundation-nav{background-color:var(--paper)!important}
.section.warm{background:var(--paper-warm)!important;color:var(--ink)!important}

/* Header: slightly larger DRIP mark, Foundation mark always black. */
.site-head .brand img,.brand-cluster .brand img{height:29px!important;max-height:29px!important;max-width:78px!important;width:auto!important;filter:none!important}
.site-head{min-height:82px}
.foundation-head-mark img{height:25px!important;max-height:138px!important;filter:brightness(0) saturate(100%)!important;opacity:1!important}
body[data-route^="foundation"] .foundation-head-mark img{filter:brightness(0) saturate(100%)!important}
.menu-logo img{height:34px!important;max-width:92px!important;width:auto!important;object-fit:contain!important;filter:none!important}

/* Menu remains bold but the photo and logo obey the current colour field. */
.menu{background:var(--menu-tone,var(--blue))!important;color:var(--menu-ink,var(--ink))!important;transition:background-color .7s var(--ease),color .45s var(--ease)}
.menu-preview{background:color-mix(in srgb,var(--menu-ink) 9%,transparent)!important;border-radius:34px!important;overflow:hidden!important}
.menu-preview img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:var(--fx,50%) var(--fy,50%)!important;padding:0!important;transform:scale(1.02);transition:transform 1.1s var(--ease),opacity .45s}
.menu-preview:hover img{transform:scale(1.065)}
.menu-links a{letter-spacing:-.055em!important}

/* Photography system: big, offset, intentional. */
.staggered-media{position:relative;display:grid;grid-template-columns:1.12fr .88fr;gap:55px 34px;margin-top:89px;align-items:start;min-height:780px}
.staggered-media-item{margin:0;position:relative;overflow:hidden;background:#ded9d1;box-shadow:var(--v109-shadow)}
.staggered-media-item img{width:100%;height:100%;object-fit:var(--fit,cover);object-position:var(--fx,50%) var(--fy,50%);transform:translate3d(0,var(--parallax-y,0),0) scale(1.035);transition:transform 1.25s var(--ease),filter .7s}
.staggered-media-item:hover img{transform:translate3d(0,var(--parallax-y,0),0) scale(1.075)}
.staggered-media-item figcaption{position:absolute;left:21px;right:21px;bottom:18px;display:flex;justify-content:space-between;gap:21px;color:white;text-transform:uppercase;text-shadow:0 2px 18px rgba(0,0,0,.45)}
.staggered-media-item figcaption small{font-size:10px;letter-spacing:.1em}.staggered-media-item figcaption b{font-size:12px}
.staggered-media-item.s1{grid-column:1/3;height:min(76vh,820px)}
.staggered-media-item.s2{grid-column:1;height:min(62vh,650px);width:92%;margin-top:55px}
.staggered-media-item.s3{grid-column:2;height:min(72vh,740px);width:90%;justify-self:end;margin-top:-34px}
.staggered-media .device img,.staggered-media-item:has(img[data-slot*="mobile"]) img,.staggered-media-item:has(img[data-slot*="dashboard"]) img,.staggered-media-item:has(img[data-slot*="workspace"]) img{object-fit:contain!important;background:#ded9d1;padding:34px;transform:none!important}

/* Existing horizontal rails become larger and slightly staggered instead of rigid cards. */
.rail{gap:34px!important}
.rail-card{flex-basis:min(82vw,980px)!important;min-height:600px!important;border-radius:0!important}
.rail-card:nth-child(3n+2){flex-basis:min(68vw,820px)!important;transform:translateY(34px)}
.rail-card:nth-child(3n+3){flex-basis:min(76vw,900px)!important;transform:translateY(-21px)}
.rail-card .media img{transform:translate3d(0,var(--parallax-y,0),0) scale(1.03)}
.scroll-linked-rail .rail-card:nth-child(3n+2),.scroll-linked-rail .rail-card:nth-child(3n+3){transform:none}

/* Full-screen photo story — vertical scroll changes one large image at a time. */
.photo-story{height:320vh;position:relative;background:#0c0c0c;color:#fff}
.photo-story-sticky{height:100vh;position:sticky;top:0;overflow:hidden;isolation:isolate}
.photo-story-kicker{position:absolute;left:var(--edge);top:105px;z-index:8;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#fff}
.photo-story-panel{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .8s var(--ease),visibility .8s;z-index:1}
.photo-story-panel.active{opacity:1;visibility:visible;z-index:2}
.photo-story-media{position:absolute;inset:0;background:#111;overflow:hidden}
.photo-story-media:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,8,8,.62),rgba(8,8,8,.08) 55%,rgba(8,8,8,.18))}
.photo-story-media img{width:100%;height:100%;object-fit:cover!important;object-position:var(--fx,50%) var(--fy,50%)!important;transform:scale(1.065);transition:transform 5s cubic-bezier(.16,1,.3,1)}
.photo-story-panel.active .photo-story-media img{transform:scale(1)}
.photo-story-overlay{position:absolute;left:var(--edge);bottom:89px;z-index:5;width:min(750px,70vw)}
.photo-story-overlay small{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--route-accent)}
.photo-story-overlay h2{font-size:clamp(76px,8.4vw,148px);line-height:.78;letter-spacing:-.075em;margin:13px 0 21px;text-transform:uppercase}
.photo-story-overlay p{font-size:clamp(20px,1.7vw,28px);line-height:1.2;max-width:34ch;margin:0}
.photo-story-progress{position:absolute;right:var(--edge);bottom:55px;z-index:6;display:flex;gap:8px}.photo-story-progress i{width:34px;height:3px;background:rgba(255,255,255,.28);transition:width .45s,background .45s}.photo-story-progress i.active{width:89px;background:#fff}

/* Foundation — editorial, warm, human. No dashboard-card feeling. */
.page-foundation{background:var(--paper)!important;color:var(--ink)!important}
.foundation-editorial-hero{position:relative;min-height:88svh;padding:144px var(--edge) 89px;display:grid;grid-template-rows:auto 1fr;overflow:hidden;background:var(--paper);color:var(--ink)}
.foundation-editorial-hero .interactive-glare{position:absolute;inset:0;pointer-events:none;background:radial-gradient(650px circle at var(--mx,72%) var(--my,28%),rgba(214,166,179,.38),transparent 58%),radial-gradient(480px circle at 18% 78%,rgba(131,180,209,.24),transparent 62%);filter:blur(22px);opacity:.75;transition:opacity .5s}
.foundation-editorial-top,.foundation-editorial-main{position:relative;z-index:2;width:min(100%,1540px);margin:auto}
.foundation-editorial-top{display:flex;justify-content:space-between;align-items:center}.foundation-editorial-top img{width:auto;height:44px;max-width:230px;object-fit:contain;filter:none!important}.foundation-editorial-top span{font-size:11px;letter-spacing:.1em;text-transform:uppercase}
.foundation-editorial-main{align-self:end;display:grid;grid-template-columns:8fr 5fr;gap:89px;align-items:end}.foundation-editorial-main h1{font-size:clamp(110px,13vw,220px);line-height:.68;letter-spacing:-.09em;margin:0}.foundation-editorial-main h1 em{font-family:var(--play);font-style:italic}.foundation-editorial-main>div p{font-size:clamp(24px,2.2vw,36px);line-height:1.15;max-width:18ch;margin:0 0 34px}.foundation-editorial-main .foundation-note{font-size:14px;line-height:1.5;letter-spacing:.02em;max-width:44ch;opacity:.7}
.foundation-nav{position:sticky;top:82px;z-index:45;background:rgba(243,239,232,.92)!important;backdrop-filter:blur(18px);border-block:1px solid rgba(13,13,13,.12)}
.foundation-manifesto .foundation-number{font-size:clamp(160px,20vw,340px);line-height:.65;color:var(--pink);letter-spacing:-.12em}
.foundation-story{--route-accent:#83B4D1}
.foundation-editorial-lines{border-top:1px solid var(--hair)}.foundation-editorial-lines article{display:grid;grid-template-columns:55px 4fr 8fr;gap:34px;padding:44px 0 55px;border-bottom:1px solid var(--hair);align-items:start}.foundation-editorial-lines article>span{font-size:11px;color:var(--cobalt)}.foundation-editorial-lines h3{font-size:clamp(32px,3vw,52px);line-height:.93;margin:0}.foundation-editorial-lines p{font-size:clamp(18px,1.3vw,22px);line-height:1.55;margin:0;max-width:60ch}
.foundation-fst{background:var(--pink)!important;color:var(--ink)!important;position:relative;overflow:hidden}.foundation-fst:before{content:'FST';position:absolute;right:-.04em;bottom:-.23em;font-size:min(42vw,620px);font-weight:900;letter-spacing:-.11em;opacity:.07;pointer-events:none}.foundation-fst .section-inner{position:relative;z-index:2}
.process-line{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--hair)}.process-line>div{padding:34px 34px 89px 0;border-right:1px solid var(--hair)}.process-line>div+div{padding-left:34px}.process-line>div:last-child{border-right:0}.process-line b{font-size:11px;color:var(--cobalt)}.process-line h3{font-size:34px;margin:55px 0 13px}.process-line p{font-size:17px;line-height:1.5}

/* Interactive glare is underneath content and follows the pointer. */
.interactive-section,.foundation-editorial-hero{isolation:isolate}.interactive-section:before{content:'';position:absolute;z-index:-1;width:52vw;height:52vw;left:calc(var(--mx,50%) - 26vw);top:calc(var(--my,50%) - 26vw);background:radial-gradient(circle,color-mix(in srgb,var(--route-accent) 22%,transparent),transparent 64%);filter:blur(42px);pointer-events:none;opacity:.6}
.glare-break{background:var(--paper)!important}.glare-fallback,.lottie-glare{opacity:.38!important;filter:blur(72px) saturate(108%)!important}

/* Sport stickers: sparse, physical, not dashboard chips. */
.drip-sticker{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:8px 13px;margin:13px 8px 0 0;border:1px solid var(--ink);font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;box-shadow:3px 3px 0 var(--ink);transform:rotate(-2deg);background:var(--paper);color:var(--ink)}
.drip-sticker.blue{background:var(--blue)}.drip-sticker.cobalt{background:var(--cobalt);color:#fff}.drip-sticker.pink{background:var(--pink)}.drip-sticker.orange{background:var(--orange)}.drip-sticker.tilt{transform:rotate(3deg)}

/* KICK OFF: football references as field geometry, not sports-app UI. */
.kickoff-field-section{background:var(--paper);padding-top:55px!important;padding-bottom:144px!important}.kickoff-field{position:relative;width:100%;aspect-ratio:16/7;background:var(--blue);border:3px solid var(--ink);overflow:hidden}.kickoff-field:before{content:'';position:absolute;inset:21px;border:2px solid rgba(13,13,13,.72)}.field-half{position:absolute;left:50%;top:21px;bottom:21px;width:2px;background:rgba(13,13,13,.72)}.field-circle{position:absolute;left:50%;top:50%;width:17%;aspect-ratio:1;border:2px solid rgba(13,13,13,.72);border-radius:50%;transform:translate(-50%,-50%)}.field-tag{position:absolute;background:var(--paper);padding:8px 12px;border:1px solid var(--ink);font-size:11px;font-weight:900;letter-spacing:.06em;box-shadow:3px 3px 0 var(--ink)}.field-tag.a{left:6%;top:14%;transform:rotate(-3deg)}.field-tag.b{right:8%;top:18%;transform:rotate(2deg)}.field-tag.c{left:12%;bottom:13%;transform:rotate(2deg)}.field-tag.d{right:10%;bottom:14%;transform:rotate(-2deg)}

/* FiscoFlow plans show real content depth. */
.pricing.detailed{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)}.pricing.detailed .plan{padding:34px 34px 55px;border-right:1px solid var(--hair);min-height:560px;background:transparent!important}.pricing.detailed .plan:last-child{border-right:0}.pricing.detailed .plan h3{font-size:clamp(32px,2.8vw,48px)}.pricing.detailed .price{font-size:clamp(55px,5vw,82px);margin:34px 0}.pricing.detailed ul{list-style:none;padding:0;margin:34px 0 0;border-top:1px solid var(--hair)}.pricing.detailed li{padding:13px 0;border-bottom:1px solid var(--hair);font-size:14px;line-height:1.4}

/* Newsroom — editorial, asymmetric, fully configurable by Site Manager. */
.newsroom-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:55px 21px;margin-top:89px}.news-card{display:block}.news-card figure{margin:0 0 21px;overflow:hidden;background:#ddd}.news-card figure img{width:100%;height:100%;object-fit:cover!important;object-position:var(--fx,50%) var(--fy,50%)!important;transform:translate3d(0,var(--parallax-y,0),0) scale(1.04);transition:transform 1s var(--ease)}.news-card:hover figure img{transform:translate3d(0,var(--parallax-y,0),0) scale(1.08)}.news-card small{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--cobalt)}.news-card h2{font-size:clamp(38px,4vw,68px);line-height:.88;letter-spacing:-.05em;margin:13px 0 21px}.news-card p{font-size:17px;line-height:1.5;max-width:52ch}.news-card>div>span{font-size:12px;text-transform:uppercase;font-weight:900}.news-card.n1{grid-column:1/9}.news-card.n1 figure{height:min(70vh,760px)}.news-card.n2{grid-column:9/13;margin-top:144px}.news-card.n2 figure{aspect-ratio:4/5}.news-card.n3{grid-column:3/10}.news-card.n3 figure{height:min(56vh,620px)}.article-hero{padding:180px var(--edge) 110px;background:var(--paper)}.article-hero>div{width:min(100%,1200px);margin:auto}.article-hero h1{font-size:clamp(72px,8vw,138px);line-height:.8;letter-spacing:-.07em;margin:34px 0}.article-hero p{font-size:clamp(21px,2vw,32px);line-height:1.25;max-width:30ch}.article-cover{height:82vh;overflow:hidden;background:#111}.article-cover img{width:100%;height:100%;object-fit:cover!important;transform:translate3d(0,var(--parallax-y,0),0) scale(1.04)}.article-body{width:min(100% - 42px,780px);margin:0 auto;padding:110px 0 144px}.article-body p{font-size:20px;line-height:1.7;margin:0 0 34px}.article-body .lead{font-size:30px;line-height:1.35;font-weight:700}

/* Cursor — exact centre, contextual shape. */
.drip-cursor.v109{width:18px!important;height:18px!important;transform:translate3d(-100px,-100px,0);margin-left:-9px;margin-top:-9px;mix-blend-mode:normal!important;transition:width .3s var(--ease),height .3s var(--ease),margin .3s var(--ease)}.drip-cursor.v109 i{width:18px!important;height:18px!important;background:var(--cursor-tone,var(--blue))!important;border:1px solid rgba(13,13,13,.28)!important;box-shadow:0 0 0 6px color-mix(in srgb,var(--cursor-tone,var(--blue)) 18%,transparent)!important}.drip-cursor.v109.active i{transform:scale(2.2)}.drip-cursor.v109[data-kind="media"] i{border-radius:4px!important;transform:scale(2.6)}.drip-cursor.v109[data-kind="drag"] i{transform:scale(3.0);border-radius:3px}.drip-cursor.v109[data-kind="read"] i{transform:scale(2.8);border-radius:50% 50% 4px 50%}.drip-cursor.v109.down i{transform:scale(1.5)!important}.drip-cursor.v109 span{font-weight:900}

/* Logo system and footer: IN FRATTAMAGGIORE is fixed. */
.origin-word em{animation:none!important;transform:none!important}
.origin-footer .footer-top>div:first-child p{max-width:26ch!important}

/* Editor mode makes every visible copy selectable. */
.editor-mode [data-edit-id]{outline:1px dashed transparent;cursor:text}.editor-mode [data-edit-id]:hover{outline-color:var(--cobalt);background:rgba(49,80,255,.08)}

/* Motion examples: actual visible motion, Lottie as atmosphere. */
.motion-demo{cursor:default}.motion-demo h3{transition:font-family .25s,transform .55s var(--ease),letter-spacing .55s}.motion-demo:hover h3{transform:translateY(-8px);letter-spacing:-.055em}.motion-demo[data-demo="type"]:hover h3{font-family:var(--play);font-style:italic}.motion-demo[data-demo="media"]{background:linear-gradient(145deg,rgba(131,180,209,.12),transparent)}.motion-demo[data-demo="scroll"]:after{content:'';position:absolute;left:34px;right:34px;bottom:34px;height:4px;background:linear-gradient(90deg,var(--blue) 0 62%,rgba(255,255,255,.15) 62%)}.motion-demo[data-demo="transition"]:after{content:'';position:absolute;inset:auto 34px 34px;width:55px;height:55px;background:var(--orange);animation:v109Transition 2.8s var(--ease) infinite}@keyframes v109Transition{50%{width:calc(100% - 68px);border-radius:34px}}

@media(max-width:1000px){
 .site-head .brand img,.brand-cluster .brand img{height:26px!important;max-height:26px!important;max-width:70px!important}
 .staggered-media{grid-template-columns:1fr;min-height:0;gap:34px}.staggered-media-item.s1,.staggered-media-item.s2,.staggered-media-item.s3{grid-column:1!important;width:100%;margin:0;height:auto;aspect-ratio:4/3}.staggered-media-item.s2{width:88%;justify-self:start}.staggered-media-item.s3{width:86%;justify-self:end}
 .photo-story{height:auto}.photo-story-sticky{height:auto;position:relative;overflow:visible}.photo-story-kicker{position:relative;left:auto;top:auto;padding:55px 21px 21px;background:#0c0c0c}.photo-story-panel{position:relative;inset:auto;opacity:1;visibility:visible;min-height:78svh}.photo-story-media{position:absolute}.photo-story-overlay{left:21px;right:21px;bottom:34px;width:auto}.photo-story-overlay h2{font-size:clamp(68px,20vw,110px)}.photo-story-progress{display:none}
 .foundation-editorial-hero{min-height:auto;padding:110px 21px 76px}.foundation-editorial-main{grid-template-columns:1fr;gap:55px;margin-top:89px}.foundation-editorial-main h1{font-size:clamp(86px,25vw,138px)}.foundation-editorial-main>div p{font-size:23px;max-width:22ch}.foundation-editorial-top img{height:34px;max-width:180px}.foundation-nav{top:76px;overflow-x:auto}.foundation-editorial-lines article{grid-template-columns:34px 1fr;gap:21px}.foundation-editorial-lines h3,.foundation-editorial-lines p{grid-column:2}.process-line{grid-template-columns:1fr}.process-line>div,.process-line>div+div{padding:34px 0 55px;border-right:0;border-bottom:1px solid var(--hair)}
 .pricing.detailed{grid-template-columns:1fr}.pricing.detailed .plan{border-right:0;border-bottom:1px solid var(--hair);min-height:0}.pricing.detailed .plan:last-child{border-bottom:0}
 .newsroom-grid{grid-template-columns:1fr;gap:76px}.news-card.n1,.news-card.n2,.news-card.n3{grid-column:1;margin:0}.news-card.n1 figure,.news-card.n3 figure{height:auto;aspect-ratio:4/3}.news-card.n2{width:86%;justify-self:end}.article-cover{height:62svh}
 .kickoff-field{aspect-ratio:4/5}.field-tag{font-size:9px}
 .rail-card:nth-child(3n+2),.rail-card:nth-child(3n+3){transform:none!important}
}
@media(max-width:600px){
 .foundation-editorial-top span{display:none}.foundation-editorial-main{margin-top:55px}.foundation-editorial-main h1{font-size:clamp(72px,24vw,105px)}
 .staggered-media-item.s2,.staggered-media-item.s3{width:94%}
 .article-hero{padding:144px 21px 76px}.article-body{padding:76px 0 110px}.article-body .lead{font-size:25px}
 .menu-preview{display:none!important}
}
@media(prefers-reduced-motion:reduce){.photo-story-panel,.staggered-media-item img,.news-card figure img,.article-cover img{transition:none!important;transform:none!important}.motion-demo[data-demo="transition"]:after{animation:none!important}}

/* =========================================================
   v10.9.1 — EDITORIAL FILTER + WORK PHOTOGRAPHY
   Inspired by an editorial project selector: one strong list,
   clear counts, no form-control aesthetic.
   ========================================================= */
.site-head .brand img,.brand-cluster .brand img{height:31px!important;max-height:31px!important;max-width:84px!important}

.work-filter-dock{margin-top:55px;border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);display:grid;grid-template-columns:1fr 1fr;min-height:86px}
.work-filter-dock button{border:0;background:transparent;color:var(--ink);font:inherit;cursor:pointer;padding:0;display:flex;align-items:center;gap:13px;text-align:left}
.work-filter-dock-main{border-right:1px solid var(--hair)!important}.work-filter-dock-main i{width:18px;height:18px;border-radius:50%;background:#c6c9c8;box-shadow:inset 0 0 0 5px #e2e4e2}.work-filter-dock-main strong,.work-filter-dock-select strong{font-size:clamp(19px,1.5vw,26px);letter-spacing:-.025em}.work-filter-dock-main span{margin-left:auto;margin-right:34px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;opacity:.5}
.work-filter-dock-select{justify-content:flex-end!important;padding-left:34px!important}.work-filter-dock-select>span{margin-right:auto;font-size:12px;text-transform:uppercase;letter-spacing:.07em;opacity:.45}.work-filter-dock-select>i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:var(--paper);font-style:normal}.work-filter-dock-select:hover>i{transform:rotate(90deg);transition:transform .45s var(--ease)}

.work-filter-overlay{position:fixed;inset:0;z-index:3900;background:var(--paper);color:var(--ink);overflow-y:auto;overscroll-behavior:contain;transform:translateY(102%);visibility:hidden;transition:transform .72s var(--ease2),visibility .72s;outline:0}
.work-filter-overlay.open{transform:none;visibility:visible}.work-filter-open{overflow:hidden!important}.work-filter-shell{min-height:100%;padding:34px var(--edge) 55px;display:flex;flex-direction:column}
.work-filter-head{display:grid;grid-template-columns:1fr auto 1fr;gap:34px;align-items:center;padding-bottom:34px;border-bottom:1px solid var(--hair)}.work-filter-head>strong{font-size:18px}.work-filter-close{justify-self:end;border:0;background:none;font:inherit;font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;padding:12px 0;cursor:pointer}.work-filter-dimensions{display:flex;gap:8px;padding:4px;background:#e9e6df;border-radius:999px}.work-filter-dimensions button{border:0;background:transparent;border-radius:999px;padding:10px 16px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.07em;cursor:pointer}.work-filter-dimensions button.active{background:var(--ink);color:var(--paper)}
.work-filter-list{width:min(100%,1540px);margin:55px auto 89px}.work-filter-row{width:100%;min-height:88px;border:0;border-bottom:1px solid var(--hair);background:transparent;color:var(--ink);display:grid;grid-template-columns:55px 1fr auto;gap:21px;align-items:center;text-align:left;padding:0 18px;font:inherit;cursor:pointer;transition:background-color .35s var(--ease),padding .45s var(--ease)}.work-filter-row:first-child{border-top:1px solid var(--hair)}.work-filter-row:hover{background:#eceae5;padding-left:34px}.work-filter-row.active{background:#deded9}.work-filter-row>i{width:26px;height:26px;border-radius:50%;background:#cfd2d0;display:grid;place-items:center}.work-filter-row>i b{width:9px;height:9px;border-radius:50%;background:transparent}.work-filter-row.active>i{background:#111}.work-filter-row.active>i b{background:#d8d9d5}.work-filter-row>span{font-size:clamp(34px,4vw,70px);font-weight:800;line-height:.86;letter-spacing:-.05em;text-transform:uppercase}.work-filter-row>em{font-size:15px;font-style:normal;font-weight:900;letter-spacing:.05em}
.work-filter-foot{margin-top:auto;border-top:1px solid var(--hair);padding-top:34px;display:grid;grid-template-columns:minmax(260px,440px) 1fr;gap:55px;align-items:end}.work-filter-preview{margin:0;position:relative;height:230px;overflow:hidden;background:#d7d5cf}.work-filter-preview:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.58))}.work-filter-preview img{width:100%;height:100%;object-fit:cover;filter:grayscale(.75) contrast(.96);transform:scale(1.03)}.work-filter-preview figcaption{position:absolute;z-index:2;left:18px;right:18px;bottom:16px;color:white;display:flex;justify-content:space-between;gap:21px;align-items:end}.work-filter-preview figcaption span{font-size:10px;text-transform:uppercase;letter-spacing:.08em}.work-filter-preview figcaption b{font-size:21px;text-align:right}.work-filter-status{text-align:right}.work-filter-status span{display:block;font-size:clamp(32px,4vw,68px);font-weight:800;letter-spacing:-.05em;text-transform:uppercase;line-height:.9;margin-bottom:21px}.work-filter-status button{border:0;background:transparent;text-transform:uppercase;font-size:11px;font-weight:900;letter-spacing:.07em;cursor:pointer;padding:8px 0;border-bottom:1px solid var(--ink)}

/* Gallery follows the same large, offset photography system instead of a rigid 2-column catalogue. */
.work-grid{grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:89px 21px!important;align-items:start}.work-grid .project-card{grid-column:span 6}.work-grid .project-card:nth-child(6n+1){grid-column:1/9}.work-grid .project-card:nth-child(6n+2){grid-column:9/13;margin-top:144px}.work-grid .project-card:nth-child(6n+3){grid-column:2/8;margin-top:34px}.work-grid .project-card:nth-child(6n+4){grid-column:8/13;margin-top:-55px}.work-grid .project-card:nth-child(6n+5){grid-column:1/7;margin-top:89px}.work-grid .project-card:nth-child(6n+6){grid-column:7/13;margin-top:0}.work-grid .project-card .media{aspect-ratio:auto!important;height:min(72vh,760px);overflow:hidden}.work-grid .project-card:nth-child(6n+2) .media,.work-grid .project-card:nth-child(6n+4) .media{height:min(58vh,620px)}.work-grid .project-card .media img{transform:translate3d(0,var(--parallax-y,0),0) scale(1.03);transition:transform 1.1s var(--ease)}.work-grid .project-card:hover .media img{transform:translate3d(0,var(--parallax-y,0),0) scale(1.07)}

@media(max-width:900px){
 .site-head .brand img,.brand-cluster .brand img{height:27px!important;max-height:27px!important;max-width:74px!important}
 .work-filter-dock{grid-template-columns:1fr;min-height:0}.work-filter-dock-main{border-right:0!important;border-bottom:1px solid var(--hair)!important;min-height:70px}.work-filter-dock-select{min-height:70px;padding-left:0!important}.work-filter-dock-main span{margin-right:0}.work-filter-shell{padding:21px 21px 55px}.work-filter-head{grid-template-columns:1fr auto;gap:21px;position:sticky;top:0;z-index:3;background:var(--paper);padding:13px 0 21px}.work-filter-dimensions{grid-column:1/3;grid-row:2;width:max-content}.work-filter-list{margin:34px 0 55px}.work-filter-row{grid-template-columns:34px 1fr auto;min-height:72px;padding-inline:0}.work-filter-row:hover{padding-left:13px}.work-filter-row>i{width:21px;height:21px}.work-filter-row>span{font-size:clamp(28px,9.5vw,48px)}.work-filter-foot{grid-template-columns:1fr;gap:34px}.work-filter-preview{height:210px;width:86%}.work-filter-status{text-align:left}.work-filter-status span{font-size:38px}.work-grid{grid-template-columns:1fr!important;gap:76px!important}.work-grid .project-card:nth-child(n){grid-column:1!important;margin:0!important}.work-grid .project-card:nth-child(even){width:88%;justify-self:end}.work-grid .project-card .media,.work-grid .project-card:nth-child(n) .media{height:auto!important;aspect-ratio:4/3!important}
}

/* =========================================================
   v10.9.2 — WARM EDITORIAL SYSTEM
   Large photography, integrated glare, Barca-like Foundation,
   reference filter, sport/editorial motion.
   ========================================================= */
:root{--paper:#F3EFE8;--warm:#E9E1D7;--route-accent:var(--blue);--route-accent-2:var(--pink)}
body,.page,.paper,.statement,.work-controls,.work-view{background:var(--paper)}

/* DRIP is slightly more present, still quiet. */
.site-head .brand,.brand-cluster .brand{width:94px!important;height:40px!important}
.site-head .brand img,.brand-cluster .brand img{height:35px!important;max-height:35px!important;max-width:94px!important;width:auto!important;object-fit:contain!important;filter:none!important}
.menu-logo{width:98px!important;height:42px!important}.menu-logo img{height:35px!important;max-width:94px!important;filter:none!important}
.loader-logo{width:94px!important}.loader-logo img{height:31px!important}
.foundation-head-mark img{filter:brightness(0) saturate(100%)!important;opacity:1!important}

/* Menu: photography is centered, colour is route-aware, logo always contrasts. */
.menu-preview{border-radius:0!important;background:color-mix(in srgb,var(--menu-ink) 9%,transparent)!important;box-shadow:0 34px 89px color-mix(in srgb,var(--menu-ink) 14%,transparent)}
.menu-preview img{object-fit:cover!important;object-position:center!important;transform:scale(1.025);transition:opacity .3s,transform 1s var(--ease)}
.menu-preview:hover img{transform:scale(1.055)}
.menu-links a{border-bottom-color:color-mix(in srgb,var(--menu-ink) 20%,transparent)!important}
.menu-top{background:color-mix(in srgb,var(--menu-tone) 86%,transparent)!important;backdrop-filter:blur(16px)}

/* Photos are allowed to dominate and overlap the grid rhythm. */
.staggered-media{grid-template-columns:1.18fr .82fr!important;gap:76px 34px!important;min-height:900px!important;margin-top:110px!important}
.staggered-media-item{box-shadow:0 21px 55px rgba(13,13,13,.12)!important;overflow:hidden!important}
.staggered-media-item.s1{height:min(82vh,900px)!important}
.staggered-media-item.s2{height:min(68vh,720px)!important;width:96%!important;margin-top:89px!important}
.staggered-media-item.s3{height:min(76vh,800px)!important;width:94%!important;margin-top:-55px!important}
.staggered-media-item img,.photo-story-media img,.editorial-full-visual-media img,.project-card .media img{transform:translate3d(var(--pointer-x,0),calc(var(--parallax-y,0) + var(--pointer-y,0)),0) scale(1.045)!important;transition:transform 1.15s var(--ease),filter .7s!important}
.staggered-media-item:hover img,.project-card:hover .media img{transform:translate3d(var(--pointer-x,0),calc(var(--parallax-y,0) + var(--pointer-y,0)),0) scale(1.085)!important}
.staggered-media-item:has(img[data-slot*="mobile"]) img,.staggered-media-item:has(img[data-slot*="dashboard"]) img,.staggered-media-item:has(img[data-slot*="workspace"]) img{transform:none!important}

/* Full-screen editorial image chapter. */
.editorial-full-visual{height:100svh;position:relative;overflow:hidden;background:#111;color:white;isolation:isolate}
.editorial-full-visual-media{position:absolute;inset:0}.editorial-full-visual-media:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.64),rgba(0,0,0,.08) 64%,rgba(0,0,0,.18))}
.editorial-full-visual-media img{width:100%;height:100%;object-fit:cover!important;object-position:var(--fx,50%) var(--fy,50%)!important}
.editorial-full-visual-copy{position:absolute;z-index:2;left:var(--edge);right:var(--edge);bottom:89px;max-width:900px}.editorial-full-visual-copy small{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--blue)}.editorial-full-visual-copy h2{font-size:clamp(78px,9vw,160px);line-height:.76;letter-spacing:-.075em;margin:13px 0 21px;text-transform:uppercase}.editorial-full-visual-copy p{font-size:clamp(21px,1.8vw,30px);line-height:1.2;max-width:35ch;margin:0}

/* Photo story becomes the canonical large-photo system. */
.photo-story{height:330vh!important}.photo-story-media img{transform:translate3d(var(--pointer-x,0),calc(var(--parallax-y,0) + var(--pointer-y,0)),0) scale(1.075)!important}.photo-story-panel.active .photo-story-media img{transform:translate3d(var(--pointer-x,0),calc(var(--parallax-y,0) + var(--pointer-y,0)),0) scale(1.015)!important}
.photo-story-overlay{width:min(900px,76vw)!important}.photo-story-overlay h2{font-size:clamp(88px,10vw,172px)!important}.photo-story-overlay p{font-size:clamp(21px,1.9vw,32px)!important}

/* Editorial rows replace AI-card feeling. */
.editorial-rows{border-top:1px solid var(--hair);margin-top:55px}
.editorial-rows article{display:grid;grid-template-columns:55px 4fr 8fr;gap:34px;align-items:start;padding:48px 0 58px;border-bottom:1px solid var(--hair)}
.editorial-rows article>span{font-size:11px;letter-spacing:.08em;color:var(--cobalt)}.editorial-rows h3{font-size:clamp(34px,3.2vw,58px);line-height:.9;letter-spacing:-.04em;margin:0}.editorial-rows p{font-size:clamp(18px,1.35vw,22px);line-height:1.56;max-width:64ch;margin:0}

/* Glare follows the pointer but is part of the surface, never a separate strip. */
.interactive-section{position:relative;overflow:hidden;isolation:isolate}
.interactive-section:before{z-index:-1!important;width:min(58vw,900px)!important;height:min(58vw,900px)!important;left:calc(var(--mx,50%) - min(29vw,450px))!important;top:calc(var(--my,50%) - min(29vw,450px))!important;background:radial-gradient(circle,color-mix(in srgb,var(--route-accent) 18%,transparent),transparent 68%)!important;filter:blur(70px)!important;opacity:.08!important;transition:opacity .45s ease!important}
.interactive-section.glare-active:before{opacity:.30!important}
.glare-break{display:none!important}

/* Foundation: simpler, warmer, editorial and people-first. */
.foundation-editorial-hero-v2{min-height:92svh!important;background:linear-gradient(180deg,#F3EFE8,#EFE7DE)!important;padding-top:144px!important}
.foundation-editorial-hero-v2:after{content:'1%';position:absolute;right:-.035em;bottom:-.21em;font-size:min(45vw,680px);font-weight:900;line-height:.72;letter-spacing:-.12em;color:var(--pink);opacity:.10;pointer-events:none;z-index:0}
.foundation-editorial-top,.foundation-editorial-main{z-index:2!important}.foundation-editorial-top img{height:48px!important;max-width:240px!important;filter:none!important}.foundation-editorial-top span{font-size:12px!important}
.foundation-editorial-main{margin-top:110px!important}.foundation-editorial-main h1{font-size:clamp(112px,14vw,230px)!important;max-width:6ch}.foundation-editorial-main>div p{font-size:clamp(25px,2.25vw,38px)!important;max-width:20ch!important}.foundation-editorial-main .foundation-note{font-size:15px!important;max-width:46ch!important}
.foundation-rule{background:var(--paper)!important}.foundation-rule .foundation-number{font-size:clamp(190px,24vw,390px)!important;color:var(--pink)!important}
.foundation-fst-editorial{background:var(--blue)!important;color:var(--ink)!important;padding-top:180px!important;padding-bottom:180px!important}
.foundation-fst-editorial .section-inner{display:grid;grid-template-columns:5fr 8fr;gap:89px}.foundation-fst-head h2{font-size:clamp(62px,6.5vw,110px);line-height:.82;letter-spacing:-.065em;margin:21px 0 0}.foundation-fst-head h2 em{font-family:var(--play);font-style:italic}.foundation-fst-body{max-width:800px}.foundation-fst-body p{font-size:clamp(19px,1.45vw,23px);line-height:1.62;margin:0 0 34px}.foundation-fst-body .btn{margin-top:34px}.foundation-fst-notes{margin:34px 0 21px}
.foundation-process-simple{background:var(--warm)!important}.foundation-nav{background:rgba(243,239,232,.94)!important}.foundation-nav-inner a.active{color:var(--cobalt)!important}
.foundation-foot{background:var(--ink)!important;color:var(--paper)!important}.foundation-foot a{color:inherit}

/* Work filter — supplied reference: compact sentence + soft modal + category tags. */
.work-filter-reference{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;padding:21px 0 0;font-size:clamp(18px,1.45vw,26px);font-weight:500}
.work-filter-reference>button{border:0;background:#dedede;padding:7px 12px;border-radius:5px;display:inline-flex;align-items:center;gap:7px;font-weight:500;cursor:pointer;transition:background .25s,transform .25s}.work-filter-reference>button:hover{background:var(--blue);transform:translateY(-2px)}.work-filter-reference button i{font-style:normal;font-size:12px}.work-filter-reference>em{font-style:normal;font-size:11px;letter-spacing:.08em;text-transform:uppercase;margin-left:8px;opacity:.5}
.work-filter-overlay-v2{background:rgba(237,237,237,.40)!important;backdrop-filter:blur(30px) saturate(85%)!important;display:grid;place-items:center;padding:34px;transform:none!important;opacity:0;visibility:hidden!important;transition:opacity .35s ease,visibility .35s!important}
.work-filter-overlay-v2.open{opacity:1;visibility:visible!important}.work-filter-backdrop{position:absolute;inset:0}.work-filter-panel{position:relative;z-index:2;width:min(78vw,960px);height:min(72vh,650px);background:rgba(246,246,246,.94);border-radius:9px;box-shadow:0 34px 89px rgba(13,13,13,.12);display:flex;flex-direction:column;padding:34px 55px 0;overflow:hidden}.work-filter-x{align-self:flex-end;border:0;background:transparent;font-size:11px;text-transform:uppercase;letter-spacing:.08em;padding:0;cursor:pointer}.work-filter-panel-space{flex:1;min-height:140px}.work-filter-chips{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:5px;max-width:760px;margin:0 auto 34px}.work-filter-chip{border:0;background:#dedede;border-radius:5px;padding:6px 10px;font-size:16px;font-weight:500;line-height:1.1;cursor:pointer;display:inline-flex;align-items:center;gap:5px;transition:background .22s,color .22s,transform .22s}.work-filter-chip sup{font-size:8px;opacity:.55}.work-filter-chip:hover{background:var(--blue);transform:translateY(-2px)}.work-filter-chip.active{background:var(--ink);color:var(--paper)}.work-filter-reference.in-panel{margin:0 -55px;background:#e6e6e6;padding:14px 55px;min-height:58px}.work-filter-clear{position:absolute;left:34px;top:34px;border:0;background:transparent;text-transform:uppercase;font-size:10px;letter-spacing:.08em;cursor:pointer;opacity:.55}.work-filter-clear:hover{opacity:1}

/* Work gallery: bigger and visibly staggered. */
.work-grid{gap:120px 24px!important}.work-grid .project-card:nth-child(6n+1){grid-column:1/10!important}.work-grid .project-card:nth-child(6n+2){grid-column:9/13!important;margin-top:180px!important}.work-grid .project-card:nth-child(6n+3){grid-column:2/9!important;margin-top:20px!important}.work-grid .project-card:nth-child(6n+4){grid-column:8/13!important;margin-top:-76px!important}.work-grid .project-card:nth-child(6n+5){grid-column:1/8!important;margin-top:110px!important}.work-grid .project-card:nth-child(6n+6){grid-column:7/13!important;margin-top:-13px!important}.work-grid .project-card .media{height:min(78vh,840px)!important}.work-grid .project-card:nth-child(6n+2) .media,.work-grid .project-card:nth-child(6n+4) .media{height:min(62vh,680px)!important}

/* Sportive details, used sparingly. */
.drip-sticker{border-radius:1px!important;box-shadow:4px 4px 0 var(--ink)!important;font-size:10px!important}.drip-sticker:hover{transform:rotate(0deg) translateY(-3px)!important}

/* Motion examples: Lottie is the moving layer; no random CSS shapes. */
.motion-demo>b,.motion-demo:after{display:none!important}.motion-demo{background:linear-gradient(180deg,rgba(255,255,255,.015),rgba(255,255,255,.035));transition:background .45s var(--ease),transform .65s var(--ease)}.motion-demo:hover{background:color-mix(in srgb,var(--route-accent) 10%,transparent);transform:translateY(-6px)}.motion-lottie{position:absolute;inset:0;opacity:.32;pointer-events:none;mix-blend-mode:screen}.motion-demo h3,.motion-demo p,.motion-demo small{position:relative;z-index:2}

/* Cursor: exact centre, more physical response. */
.drip-cursor.v1092{margin:0!important;width:18px!important;height:18px!important}.drip-cursor.v1092 i{position:absolute;left:-9px!important;top:-9px!important}.drip-cursor.v1092 span{left:18px!important;top:0!important;transform:translateY(-50%)!important}.drip-cursor.v1092[data-kind="filter"] i{border-radius:3px!important;transform:scale(2.8)!important;background:var(--pink)!important}.drip-cursor.v1092[data-kind="type"] i{transform:scale(1.5,3.2)!important;border-radius:2px!important}.drip-cursor.v1092[data-kind="info"] i{transform:scale(2.6)!important;background:var(--orange)!important}.drip-cursor.v1092[data-kind="media"] i{transform:scale(3.1)!important;border-radius:1px!important}.drip-cursor.v1092[data-kind="drag"] i{transform:scale(3.4)!important}

/* Newsroom reads like a magazine, not cards. */
.newsroom-grid{gap:110px 24px!important}.news-card h2{max-width:12ch}.news-card.n2{margin-top:180px!important}.news-card.n3{grid-column:2/11!important}.news-card figure{box-shadow:0 18px 55px rgba(13,13,13,.10)}

/* Footer: origin remains bold; IN FRATTAMAGGIORE stays completely still. */
.origin-word em{animation:none!important;transform:none!important;transition:none!important}.origin-footer .footer-top>div:first-child p{max-width:32ch!important}

@media(max-width:1000px){
 .site-head .brand,.brand-cluster .brand{width:78px!important}.site-head .brand img,.brand-cluster .brand img{height:29px!important;max-height:29px!important;max-width:78px!important}.menu-logo img{height:30px!important}
 .staggered-media{grid-template-columns:1fr!important;min-height:0!important;gap:55px!important;margin-top:76px!important}.staggered-media-item.s1,.staggered-media-item.s2,.staggered-media-item.s3{grid-column:1!important;width:100%!important;height:auto!important;aspect-ratio:4/3!important;margin:0!important}.staggered-media-item.s2{width:90%!important}.staggered-media-item.s3{width:92%!important;justify-self:end!important}
 .editorial-rows article{grid-template-columns:34px 1fr!important;gap:21px!important}.editorial-rows h3,.editorial-rows p{grid-column:2!important}.editorial-rows p{font-size:18px!important}
 .foundation-editorial-hero-v2{min-height:auto!important;padding-top:110px!important}.foundation-editorial-top img{height:36px!important}.foundation-editorial-main{margin-top:76px!important}.foundation-editorial-main h1{font-size:clamp(82px,24vw,130px)!important}.foundation-fst-editorial{padding:110px 21px!important}.foundation-fst-editorial .section-inner{grid-template-columns:1fr!important;gap:55px!important}.foundation-fst-head h2{font-size:clamp(55px,14vw,82px)!important}
 .editorial-full-visual{height:82svh}.editorial-full-visual-copy{left:21px;right:21px;bottom:34px}.editorial-full-visual-copy h2{font-size:clamp(62px,18vw,110px)}
 .work-filter-reference{justify-content:flex-start;font-size:18px}.work-filter-overlay-v2{padding:13px!important}.work-filter-panel{width:100%!important;height:min(78svh,680px)!important;padding:21px 21px 0!important}.work-filter-panel-space{min-height:89px}.work-filter-chips{margin-bottom:21px;gap:4px}.work-filter-chip{font-size:14px;padding:6px 8px}.work-filter-reference.in-panel{margin:0 -21px;padding:13px 21px;justify-content:center}.work-filter-clear{left:21px;top:21px}
 .work-grid{grid-template-columns:1fr!important;gap:89px!important}.work-grid .project-card:nth-child(n){grid-column:1!important;margin:0!important;width:100%!important}.work-grid .project-card:nth-child(even){width:90%!important;justify-self:end!important}.work-grid .project-card .media,.work-grid .project-card:nth-child(n) .media{height:auto!important;aspect-ratio:4/3!important}
 .photo-story{height:auto!important}.photo-story-panel{min-height:86svh!important}.photo-story-overlay h2{font-size:clamp(66px,20vw,112px)!important}
}
@media(max-width:600px){.work-filter-reference{gap:5px}.work-filter-reference>button{padding:6px 8px}.work-filter-panel{height:82svh!important}.work-filter-chips{align-content:flex-end}.foundation-editorial-top span{display:none}.foundation-editorial-main>div p{font-size:22px!important}}

/* v10.9.2 final reference polish */
@media(min-width:1001px){.site-head .brand,.brand-cluster .brand{width:102px!important;height:44px!important}.site-head .brand img,.brand-cluster .brand img{height:38px!important;max-height:38px!important;max-width:102px!important}.menu-logo{width:104px!important;height:44px!important}.menu-logo img{height:38px!important;max-width:102px!important}}
.foundation-editorial-logo{display:flex;align-items:center;min-height:48px}.foundation-editorial-logo img{height:48px!important;width:auto!important;max-width:240px!important;object-fit:contain!important;filter:none!important}.foundation-editorial-logo .media-fallback{max-width:240px!important}
.work-filter-overlay-v2{pointer-events:none!important;transition:opacity .35s ease!important}.work-filter-overlay-v2.open{pointer-events:auto!important;visibility:visible!important;opacity:1!important}.work-filter-overlay-v2:not(.open){visibility:hidden!important;opacity:0!important}
.work-filter-panel{background:rgba(246,246,246,.96)!important;box-shadow:0 34px 100px rgba(13,13,13,.10)!important}.work-filter-chips{align-content:flex-end}.work-filter-chip{font-family:var(--ginto);font-weight:700}.work-filter-reference{font-family:var(--ginto)}.work-filter-reference>span{font-weight:500}.work-filter-reference>button strong{font-weight:700}
@media(max-width:1000px){.foundation-editorial-logo img{height:36px!important;max-width:180px!important}}


/* =========================================================
   v10.9.3 — MIDPOINT / SPORT EDITORIAL
   v10.8 restraint + v10.9 depth. Rectangular photography,
   real Lottie motion, peelable stickers, stronger contrast.
   ========================================================= */
:root{
 --paper:#F3EFE8;--paper-warm:#EFE6DD;
 --v1093-radius:22px;--v1093-shadow:0 24px 70px rgba(13,13,13,.12);
 --v1093-card-shadow:0 16px 45px rgba(13,13,13,.10);
}
html,body{background:var(--paper)!important}
body{background-image:linear-gradient(180deg,rgba(239,230,221,.42),transparent 34vh);background-attachment:fixed}
@media(pointer:fine){html,body,a,button,input,select,textarea,[role="button"]{cursor:none!important}}

/* Header + menu marks */
.site-head .brand,.brand-cluster .brand{width:82px!important;height:35px!important}
.site-head .brand img,.brand-cluster .brand img{height:31px!important;max-height:31px!important;max-width:82px!important;width:auto!important;filter:none!important}
.menu-logo{width:94px!important;height:40px!important}.menu-logo img{height:34px!important;max-width:94px!important;width:auto!important;filter:none!important}
.foundation-head-mark img,body[data-route^="foundation"] .foundation-head-mark img{filter:brightness(0) saturate(100%)!important;opacity:1!important;height:25px!important}
.menu{transition:transform .72s var(--ease2),background-color .72s var(--ease),color .5s var(--ease)!important}
.menu-shell{padding-top:34px!important}.menu-main{align-items:center!important}.menu-preview{border-radius:22px!important;box-shadow:var(--v1093-card-shadow);max-height:620px!important}
.menu-links a{transition:padding-left .45s var(--ease),color .3s ease!important}.menu-links a:hover{font-family:var(--play)!important;font-style:italic!important}

/* Project hero: photograph is a large rectangle, not a full-screen crop. */
.hero:not(.hero-solid){background:color-mix(in srgb,var(--ink) 94%,var(--route-accent,var(--blue)) 6%)!important;min-height:100svh!important;padding-bottom:55px!important}
.hero:not(.hero-solid) .hero-media{position:absolute!important;left:36%!important;right:4.5vw!important;inset:calc(var(--header) + 42px) 4.5vw 42px 36%!important;overflow:hidden!important;border-radius:var(--v1093-radius)!important;box-shadow:0 34px 90px rgba(0,0,0,.32)!important;z-index:-2!important;background:#171717!important}
.hero:not(.hero-solid) .hero-media:before{inset:-8%!important;filter:blur(34px) brightness(.42) saturate(.9)!important;opacity:.7!important}
.hero:not(.hero-solid) .hero-media img{object-fit:cover!important;object-position:var(--fx,50%) var(--fy,50%)!important;transform:scale(1.035) translate3d(var(--pointer-x,0px),var(--parallax-y,0px),0)!important;transition:transform 1.2s var(--ease)!important}
.hero:not(.hero-solid):after{background:linear-gradient(90deg,rgba(13,13,13,.98) 0 32%,rgba(13,13,13,.72) 47%,rgba(13,13,13,.12) 77%)!important}
.hero:not(.hero-solid) .hero-content{position:relative;z-index:2!important;grid-template-columns:5fr 8fr!important;align-items:end!important}
.hero:not(.hero-solid) .hero-content>div:first-child{grid-column:1/2;align-self:center}.hero:not(.hero-solid) .hero-copy{grid-column:1/2;max-width:520px!important;margin-top:34px!important}
.hero:not(.hero-solid) h1{font-size:clamp(78px,8.2vw,142px)!important;max-width:7.5ch!important}

/* Photos: rectangular, large, offset — never random full screen. */
.editorial-photo-sequence{overflow:hidden!important;background:var(--paper)!important}
.photo-sequence-head{display:grid;grid-template-columns:5fr 8fr;gap:89px;margin-bottom:89px;align-items:end}.photo-sequence-head h2{grid-column:2;font-size:var(--h2);line-height:.88;letter-spacing:-.06em;margin:0}.photo-sequence-head .label{align-self:start}
.photo-sequence-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:34px;align-items:start;position:relative;min-height:1150px}
.photo-sequence-item{margin:0;position:relative;overflow:hidden;background:#d8d1c8;border-radius:14px;box-shadow:var(--v1093-shadow);transform:translate3d(var(--pointer-x,0),var(--pointer-y,0),0)}
.photo-sequence-item img{width:100%;height:100%;object-fit:cover;object-position:var(--fx,50%) var(--fy,50%);transform:translate3d(0,var(--parallax-y,0),0) scale(1.05);transition:transform 1.2s var(--ease),filter .6s ease}.photo-sequence-item:hover img{transform:translate3d(0,var(--parallax-y,0),0) scale(1.085)}
.photo-sequence-item figcaption{position:absolute;left:21px;right:21px;bottom:18px;color:#fff;text-shadow:0 2px 22px rgba(0,0,0,.7);display:flex;justify-content:space-between;gap:21px;align-items:end}.photo-sequence-item figcaption small{font-size:10px;letter-spacing:.1em;text-transform:uppercase}.photo-sequence-item figcaption b{font-size:clamp(20px,2vw,32px);line-height:.95;text-align:right}
.photo-sequence-item.p1{grid-column:1/8;height:650px}.photo-sequence-item.p2{grid-column:8/13;height:500px;margin-top:110px}.photo-sequence-item.p3{grid-column:3/10;height:590px;margin-top:-20px}.photo-sequence-item.p4{grid-column:9/13;height:440px;margin-top:70px}
.staggered-media{min-height:0!important;grid-template-columns:repeat(12,1fr)!important;gap:34px!important}.staggered-media-item{border-radius:14px!important;box-shadow:var(--v1093-card-shadow)!important}.staggered-media-item.s1{grid-column:1/9!important;height:min(68vh,720px)!important}.staggered-media-item.s2{grid-column:7/13!important;height:min(56vh,590px)!important;width:100%!important;margin-top:-55px!important}.staggered-media-item.s3{grid-column:2/8!important;height:min(58vh,620px)!important;width:100%!important;margin-top:34px!important}

/* No standalone glare bands. Glare only lives behind meaningful content. */
.glare-break{display:none!important}.interactive-section,.statement,.foundation-editorial-hero,.motion-demo{isolation:isolate!important;position:relative!important}
.interactive-section:before,.statement:before,.foundation-editorial-hero:before,.motion-demo:before{content:'';position:absolute;z-index:-1;inset:-8%;pointer-events:none;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),color-mix(in srgb,var(--route-accent,var(--blue)) 18%,transparent),transparent 24%),radial-gradient(circle at calc(var(--mx,50%) + 18%) calc(var(--my,50%) + 12%),color-mix(in srgb,var(--route-accent-2,var(--pink)) 10%,transparent),transparent 26%);filter:blur(34px);opacity:.25;transition:opacity .45s ease}.interactive-section.glare-active:before,.statement.glare-active:before,.foundation-editorial-hero.glare-active:before,.motion-demo:hover:before{opacity:.65}

/* Foundation — club/foundation editorial language, no dashboard/card feel. */
.page-foundation{background:var(--paper)!important}.foundation-editorial-hero{min-height:78svh!important;background:var(--paper)!important;color:var(--ink)!important;padding:calc(var(--header) + 72px) var(--edge) 72px!important;border-bottom:1px solid var(--hair)!important}
.foundation-editorial-top{align-items:center!important}.foundation-editorial-top img{height:43px!important;width:auto!important;filter:brightness(0) saturate(100%)!important}.foundation-editorial-top span{font-size:12px!important;letter-spacing:.1em!important;color:var(--ink)!important}
.foundation-editorial-main{display:grid!important;grid-template-columns:8fr 5fr!important;gap:89px!important;align-items:end!important;margin-top:clamp(100px,12vh,170px)!important}.foundation-editorial-main h1{font-size:clamp(80px,9.2vw,150px)!important;line-height:.78!important;letter-spacing:-.065em!important;margin:0!important;max-width:7ch!important}.foundation-editorial-main p{font-size:clamp(22px,1.8vw,31px)!important;line-height:1.18!important;max-width:19ch!important;margin:0 0 21px!important}.foundation-note{font-size:14px!important;line-height:1.5!important;max-width:40ch!important;opacity:.68!important}
.foundation-nav{background:color-mix(in srgb,var(--paper) 94%,transparent)!important}.foundation-manifesto,.foundation-rule{background:var(--paper-warm)!important}
.foundation-number{color:var(--pink)!important}.foundation-editorial-lines article{grid-template-columns:55px 4fr 8fr!important;gap:34px!important;padding:42px 0 55px!important}.foundation-editorial-lines h3{font-size:clamp(32px,3vw,52px)!important}.foundation-editorial-lines p{font-size:clamp(18px,1.25vw,21px)!important;line-height:1.55!important}
.foundation-fst,.foundation-fst-editorial{background:var(--ink)!important;color:var(--paper)!important}.foundation-fst .label,.foundation-fst-editorial .label{color:var(--blue)!important}.foundation-fst .btn,.foundation-fst-editorial .btn{border-color:var(--paper)!important;color:var(--paper)!important}.foundation-fst .btn:hover,.foundation-fst-editorial .btn:hover{background:var(--paper)!important;color:var(--ink)!important}.foundation-fst .section-copy p,.foundation-fst-editorial p{font-size:clamp(19px,1.35vw,23px)!important;line-height:1.6!important}
.foundation-process-simple{background:var(--pink)!important;color:var(--ink)!important}.process-line>div{border-color:rgba(13,13,13,.22)!important}

/* Motion system: visible Lottie demo stage, not subtle hidden background. */
.motion-system{background:var(--ink)!important}.motion-system-grid{gap:21px!important}.motion-demo{min-height:420px!important;padding:34px!important;border:1px solid rgba(243,239,232,.18)!important;overflow:hidden!important;background:rgba(255,255,255,.02)!important}.motion-demo .motion-lottie,.motion-demo [data-lottie-slot]{position:absolute!important;left:0!important;right:0!important;top:0!important;height:54%!important;width:100%!important;filter:none!important;opacity:.95!important}.motion-demo h3{margin-top:190px!important;position:relative!important;z-index:2!important}.motion-demo p,.motion-demo small{position:relative!important;z-index:2!important}

/* Peeling sticker.js stickers + drag persistence */
.drip-sticker{display:none!important}
.drip-peel-sticker{position:absolute;width:var(--sticker-size,104px);height:var(--sticker-size,104px);left:var(--sticker-x,8%);top:var(--sticker-y,28%);z-index:45;transform:translate3d(var(--drag-x,0px),var(--drag-y,0px),0) rotate(var(--sticker-r,-4deg));touch-action:none;user-select:none;filter:drop-shadow(0 16px 22px rgba(13,13,13,.18));transition:filter .3s ease}.drip-peel-sticker.dragging{z-index:90;filter:drop-shadow(0 28px 34px rgba(13,13,13,.26))}.drip-peel-sticker:after{content:attr(data-label);position:absolute;z-index:10;inset:0;display:grid;place-items:center;text-align:center;padding:16px;font-size:11px;line-height:1.05;letter-spacing:.07em;font-weight:900;text-transform:uppercase;color:var(--sticker-ink,#0D0D0D);pointer-events:none}.drip-peel-sticker .sticker-front,.drip-peel-sticker .sticker-back{background:var(--sticker-tone,var(--blue))!important}.drip-peel-sticker .sticker-shadow{opacity:.28!important}

/* Cursor entirely replaces the OS cursor on fine pointers. */
.drip-cursor.v1092{z-index:30000!important}.drip-cursor.v1092[data-kind="sticker"] i{transform:scale(3.2)!important;border-radius:50%!important}.drip-cursor.v1092[data-kind="lottie"] i{transform:scale(2.5)!important;background:var(--cobalt)!important}.drip-cursor.v1092 span{font-size:9px!important;letter-spacing:.09em!important}

/* Work filter — reference-like glass selector, same functionality. */
.work-filter-reference{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;font-size:17px!important}.work-filter-reference button{border:0!important;border-radius:5px!important;background:rgba(13,13,13,.08)!important;padding:8px 10px!important;display:inline-flex!important;gap:7px!important}.work-filter-overlay-v2 .work-filter-panel{background:rgba(246,244,241,.92)!important;backdrop-filter:blur(28px) saturate(105%)!important;border:1px solid rgba(13,13,13,.08)!important;border-radius:12px!important;box-shadow:0 35px 90px rgba(13,13,13,.18)!important}.work-filter-chips{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;align-content:flex-end!important;gap:5px!important}.work-filter-chip{border:0!important;border-radius:4px!important;background:rgba(13,13,13,.07)!important;padding:7px 10px!important;font-size:15px!important}.work-filter-chip.active{background:var(--ink)!important;color:var(--paper)!important}

/* Newsroom gains more physical scale and offset rhythm. */
.newsroom-grid{grid-template-columns:repeat(12,1fr)!important;gap:34px!important}.news-card{grid-column:span 6!important;border-radius:14px!important;overflow:hidden!important;background:var(--paper-warm)!important}.news-card:nth-child(3n+1){grid-column:1/8!important}.news-card:nth-child(3n+2){grid-column:8/13!important;margin-top:90px!important}.news-card:nth-child(3n+3){grid-column:3/10!important;margin-top:30px!important}.news-card figure{height:clamp(280px,32vw,520px)!important}.news-card figure img{object-fit:cover!important}

/* Warm, strong colour details */
.label{font-weight:900!important}.section.blue{background:var(--blue)!important;color:var(--ink)!important}.section.pink{background:var(--pink)!important;color:var(--ink)!important}.section.warm{background:var(--paper-warm)!important}.section.dark{background:var(--ink)!important;color:var(--paper)!important}
.btn{border-radius:0!important}.page-cta{background-color:var(--route-accent,var(--blue))!important;background-image:none!important}

@media(max-width:900px){
 .site-head .brand,.brand-cluster .brand{width:68px!important}.site-head .brand img,.brand-cluster .brand img{height:26px!important;max-height:26px!important;max-width:68px!important}.menu-logo img{height:30px!important}
 .hero:not(.hero-solid){min-height:92svh!important;padding:calc(var(--header) + 34px) 21px 34px!important;align-items:flex-end!important}.hero:not(.hero-solid) .hero-media{left:21px!important;right:21px!important;top:calc(var(--header) + 34px)!important;bottom:34%!important;border-radius:16px!important}.hero:not(.hero-solid):after{background:linear-gradient(180deg,rgba(13,13,13,.08) 16%,rgba(13,13,13,.2) 52%,rgba(13,13,13,.98) 76%)!important}.hero:not(.hero-solid) .hero-content{grid-template-columns:1fr!important}.hero:not(.hero-solid) .hero-content>div:first-child,.hero:not(.hero-solid) .hero-copy{grid-column:1!important}.hero:not(.hero-solid) h1{font-size:clamp(64px,18vw,98px)!important;max-width:8ch!important}
 .photo-sequence-head{grid-template-columns:1fr!important;gap:34px!important;margin-bottom:55px!important}.photo-sequence-head h2{grid-column:1!important}.photo-sequence-grid{display:flex!important;overflow-x:auto!important;gap:13px!important;min-height:0!important;margin:0 -21px!important;padding:0 21px 34px!important;scroll-snap-type:x mandatory!important}.photo-sequence-item,.photo-sequence-item.p1,.photo-sequence-item.p2,.photo-sequence-item.p3,.photo-sequence-item.p4{flex:0 0 84vw!important;height:62vh!important;max-height:600px!important;margin:0!important;scroll-snap-align:center!important}
 .staggered-media{display:flex!important;overflow-x:auto!important;margin-inline:-21px!important;padding-inline:21px!important;gap:13px!important}.staggered-media-item,.staggered-media-item.s1,.staggered-media-item.s2,.staggered-media-item.s3{flex:0 0 84vw!important;height:58vh!important;max-height:580px!important;margin:0!important;width:auto!important}
 .foundation-editorial-main{grid-template-columns:1fr!important;gap:55px!important;margin-top:89px!important}.foundation-editorial-main h1{font-size:clamp(68px,20vw,104px)!important}.foundation-editorial-main p{font-size:21px!important}.foundation-editorial-lines article{grid-template-columns:34px 1fr!important;gap:13px 21px!important}.foundation-editorial-lines article h3,.foundation-editorial-lines article p{grid-column:2!important}
 .newsroom-grid{display:block!important}.news-card,.news-card:nth-child(n){margin:0 0 34px!important}
 .drip-peel-sticker{display:none!important}
 .motion-demo{min-height:330px!important}.motion-demo h3{margin-top:130px!important}
}