body.collection-page{background:#f8f9f2;color:#173326;font-family:"Motum Satoshi",Satoshi,Arial,sans-serif}
.collection-page main{max-width:none;padding:0}
.collection-page .site-head{max-width:1350px;margin:auto}
.collection-shell{width:min(100%,1350px);margin-inline:auto;padding-inline:clamp(24px,5vw,76px)}
.collection-page .folio{color:#6b527e;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.collection-page h1,.collection-page h2,.collection-page h3{font-family:"Motum Satoshi",Satoshi,Arial,sans-serif;letter-spacing:-.055em;font-weight:500}
body.collection-page .collection-intro h2{font-size:clamp(38px,4.6vw,62px)!important}
body.collection-page .case-copy h2{font-size:clamp(30px,3vw,43px)!important}
body.collection-page .spec-block h2{font-size:clamp(42px,4.5vw,64px)!important}
body.collection-page .collection-close h2{font-size:clamp(38px,4vw,60px)!important}
.collection-page p{font-family:"Motum Satoshi",Satoshi,Arial,sans-serif}
.collection-page a:focus-visible,.collection-page button:focus-visible{outline:3px solid #8d69aa;outline-offset:4px}
.collection-hero{position:relative;isolation:isolate;overflow:hidden;background:#0b2119;color:#f8f9f2}
.collection-hero::before{content:"";position:absolute;width:660px;height:660px;right:-180px;top:-205px;border:1px solid #8efebb38;border-radius:50%;box-shadow:0 0 0 75px #8efebb08,0 0 0 150px #8efebb08,0 0 0 225px #8efebb06;pointer-events:none}
.collection-hero-inner{min-height:595px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.8fr);gap:5%;align-items:center;padding-top:85px;padding-bottom:90px}
.collection-hero .folio{color:#8efebb}
.collection-hero h1{font-size:clamp(48px,5.65vw,72px);line-height:1.02;margin:27px 0 24px;max-width:820px;color:#f8f9f2}
.collection-hero h1 span{color:#8efebb}
.collection-hero .hero-lead{font-size:18px;line-height:1.55;max-width:620px;color:#d1e0d4}
.collection-hero .hero-shortcut{display:inline-flex;align-items:center;gap:22px;margin-top:35px;color:#d6f78c;font-size:16px;font-weight:600;border-bottom:1px solid #d6f78c80;padding-bottom:10px;transition:gap .25s ease,color .25s ease}
.collection-hero .hero-shortcut:hover{gap:30px;color:#f6ffcb}
.work-hero-photo{position:relative;justify-self:center;width:100%;max-width:490px;height:445px;margin:0;border-radius:30px;overflow:hidden;border:1px solid #a7cbb07a;box-shadow:0 30px 65px #00170e91;transform:rotate(2deg);transition:transform .6s cubic-bezier(.22,1,.36,1),box-shadow .6s ease}
.work-hero-photo:hover{transform:rotate(0) translateY(-7px);box-shadow:0 38px 75px #00170eac}
.work-hero-photo::after{content:"";position:absolute;inset:38% 0 0;background:linear-gradient(transparent,#061d14c9);pointer-events:none}
.work-hero-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 44%;filter:saturate(.9);transition:transform .75s cubic-bezier(.22,1,.36,1)}
.work-hero-photo:hover img{transform:scale(1.035)}
.spec-hero-art{display:grid;grid-template-columns:1fr 1fr;gap:15px;transform:rotate(-7deg);max-width:430px;justify-self:center}
.spec-hero-art span{min-height:170px;padding:24px;border:1px solid #cce5d27a;border-radius:25px;display:flex;flex-direction:column;justify-content:space-between;background:#183b2b;color:#eaf8e6;box-shadow:0 20px 35px #001b1080;font-size:47px;transition:transform .45s ease,background .45s ease}
.spec-hero-art span:nth-child(2){background:#d9c7ed;color:#173326;transform:translateY(28px)}
.spec-hero-art span:nth-child(3){background:#d6f78c;color:#173326}
.spec-hero-art span b{font-size:13px;letter-spacing:.06em;text-transform:uppercase;font-weight:600}
.spec-hero-art:hover span:nth-child(1){transform:translateY(-12px)}
.spec-hero-art:hover span:nth-child(2){transform:translateY(16px)}
.spec-hero-art:hover span:nth-child(3){transform:translateY(10px)}
.collection-intro{padding-top:105px;padding-bottom:45px;display:grid;grid-template-columns:1fr .8fr;gap:8%;align-items:end}
.collection-intro h2{font-size:clamp(38px,4.6vw,62px);line-height:1.05;margin:18px 0 0}
.collection-intro p:last-child{font-size:17px;line-height:1.65;color:#526b5a;max-width:485px;margin:0}
.story-filters{display:flex;gap:10px;flex-wrap:wrap;padding-bottom:32px}
.story-filters button{border:1px solid #b5caba;border-radius:100px;background:#fff;color:#173326;padding:11px 18px;font:600 14px "Motum Satoshi",sans-serif;cursor:pointer;transition:background .25s,color .25s,transform .25s}
.story-filters button:hover{transform:translateY(-3px);background:#eae4f2}
.story-filters button[aria-pressed="true"]{background:#573875;color:#fff;border-color:#573875}
.case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;padding-bottom:115px}
.case-tile{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid #d5e1d5;border-radius:28px;background:#fff;color:#173326;box-shadow:0 16px 30px #13372410;transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s ease,border-color .3s ease}
.case-tile:hover{transform:translateY(-9px);box-shadow:0 28px 50px #13372420;border-color:#91b5a0}
.case-tile:first-child{grid-column:1/-1;display:grid;grid-template-columns:1.02fr .98fr;min-height:410px}
.case-art{min-height:275px;position:relative;display:grid;place-items:center;overflow:hidden;padding:40px}
.case-art::before,.case-art::after{content:"";position:absolute;border:1px solid currentColor;border-radius:50%;width:330px;height:330px;right:-75px;top:-110px;opacity:.22;transition:transform .6s ease}
.case-art::after{width:230px;height:230px;right:-25px;top:-60px}
.case-tile:hover .case-art::before{transform:scale(1.2) rotate(15deg)}
.case-tile:hover .case-art::after{transform:scale(.8) rotate(-15deg)}
.case-art img{position:relative;z-index:1;display:block;max-width:min(76%,360px);max-height:155px;object-fit:contain;transition:transform .4s ease}
.case-tile:hover .case-art img{transform:scale(1.07)}
.case-art .case-index{position:absolute;left:26px;top:23px;font-size:11px;letter-spacing:.12em;font-weight:600}
.case-quantum .case-art{background:#dfd2f1;color:#4e2c80}.case-open-late .case-art{background:#f0c8bf;color:#204449}.case-fairground .case-art{background:#c7efe0;color:#174840}.case-atom .case-art{background:#e6ebcf;color:#4b563a}.case-one-health .case-art{background:#d4e3eb;color:#2f5268}
.case-fairground .case-art img{filter:brightness(0) saturate(100%) opacity(.8)}
.case-atom .case-art img,.case-one-health .case-art img{background:#fff;border-radius:14px;padding:16px;box-sizing:content-box}
.case-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(28px,4vw,48px)}
.case-copy .folio{margin:0 0 14px}
.case-copy h2{font-size:clamp(30px,3vw,43px);line-height:1.08;margin:0 0 17px}
.case-copy p{font-size:16px;line-height:1.6;color:#4a6352;margin:0 0 26px;max-width:510px}
.case-copy .case-outcome{display:block;border-top:1px solid #dae5db;padding-top:16px;margin-top:auto;font-size:13px;line-height:1.4;color:#53725f;font-weight:600}
.case-copy .case-link{display:inline-flex;align-items:center;gap:10px;color:#553476;font-size:16px;font-weight:600;margin-top:27px;transition:gap .25s ease}
.case-tile:hover .case-link{gap:18px}
.collection-close{background:#d9c7ed;border-radius:30px;padding:clamp(35px,5vw,75px);margin-bottom:95px;display:flex;align-items:end;justify-content:space-between;gap:30px}
.collection-close h2{font-size:clamp(38px,4vw,60px);line-height:1.04;margin:10px 0 0;max-width:700px}
.collection-close .srv-cta{margin:0;white-space:nowrap}
.collection-footer{background:#0b2119;color:#f8f9f2;padding:55px 0 38px}
.collection-footer-inner{display:grid;grid-template-columns:1fr 2fr;gap:50px}
.collection-footer strong{font-size:35px;letter-spacing:-.08em}
.collection-footer nav{display:flex;gap:18px 28px;justify-content:flex-end;flex-wrap:wrap;align-items:center}
.collection-footer nav a{font-size:14px;color:#d1e0d4}.collection-footer nav a:hover{color:#8efebb}
.collection-footer .foot-bottom{grid-column:1/-1;border-top:1px solid #ffffff29;padding-top:22px;display:flex;justify-content:space-between;gap:12px;color:#a8bfb0;font-size:12px}
.spec-anchor-nav{display:flex;gap:10px;flex-wrap:wrap;padding-top:40px;padding-bottom:40px}
.spec-anchor-nav a{border:1px solid #b7c8b8;border-radius:100px;padding:12px 20px;background:#fff;color:#173326;font-size:14px;font-weight:600;transition:background .25s,transform .25s}
.spec-anchor-nav a:hover{background:#d9c7ed;transform:translateY(-3px)}
.spec-block{scroll-margin-top:35px;padding-block:95px;border-top:1px solid #d8e3d7;display:grid;grid-template-columns:1fr .82fr;gap:7%;align-items:center}
.spec-ai{background:#eef4e9;box-shadow:0 0 0 100vmax #eef4e9;clip-path:inset(0 -100vmax)}
.spec-block h2{font-size:clamp(42px,4.5vw,64px);line-height:1.05;margin:15px 0 23px}
.spec-block .spec-summary{font-size:18px;line-height:1.62;color:#496050;max-width:650px}
.spec-block h3{font-size:18px;margin:33px 0 15px;letter-spacing:-.02em}
.role-list{display:flex;flex-wrap:wrap;gap:9px;list-style:none;padding:0;margin:0}
.role-list li{border:1px solid #abc3ae;border-radius:100px;padding:9px 14px;font-size:13px;color:#254a31;background:#ffffff90;transition:transform .25s,background .25s}
.role-list li:hover{transform:translateY(-3px);background:#d9c7ed}
.spec-evidence{border-left:3px solid #b99cd8;padding-left:18px;margin-top:32px;color:#345543;font-size:15px;line-height:1.6;max-width:630px}
.spec-visual{min-height:440px;border-radius:30px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;isolation:isolate;transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s}
.spec-block:hover .spec-visual{transform:translateY(-8px);box-shadow:0 28px 50px #14322525}
.spec-visual::before,.spec-visual::after{content:"";position:absolute;width:330px;height:330px;border:1px solid currentColor;border-radius:50%;opacity:.25;transform:rotate(-20deg);transition:transform .7s ease}
.spec-visual::after{width:230px;height:230px}
.spec-block:hover .spec-visual::before{transform:rotate(20deg) scale(1.15)}
.spec-block:hover .spec-visual::after{transform:rotate(-30deg) scale(.9)}
.spec-visual strong{position:relative;z-index:1;font-size:clamp(92px,12vw,175px);font-weight:500;letter-spacing:-.1em;line-height:1}
.spec-visual small{position:absolute;left:30px;bottom:28px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:600}
.spec-product .spec-visual{background:#d6f78c;color:#1d4229}.spec-ai .spec-visual{background:#dac8ee;color:#4b2b65}.spec-data .spec-visual{background:#8efebb;color:#0b3b2c}
.spec-cta{display:inline-flex;gap:12px;align-items:center;color:#533774;font-size:16px;font-weight:600;margin-top:27px}.spec-cta:hover{gap:20px}
body.has-motion .collection-reveal{opacity:0;transform:translateY(25px);transition:opacity .65s ease,transform .75s cubic-bezier(.22,1,.36,1)}
body.has-motion .collection-reveal.is-visible{opacity:1;transform:none}
.section-discover{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:28px;padding:20px 0;border-top:1px solid #b9cabc;color:#244b33;font:600 16px "Motum Satoshi",sans-serif;transition:color .25s,gap .25s}
.section-discover:hover{color:#573875}
.section-discover span{font-size:23px;transition:transform .25s}.section-discover:hover span{transform:translate(5px,-5px)}
@media(max-width:900px){.collection-hero-inner{grid-template-columns:1fr;min-height:0;padding-top:75px;padding-bottom:75px}.work-hero-photo{justify-self:start;max-width:620px;height:400px;margin-top:35px}.spec-hero-art{display:none}.collection-intro{grid-template-columns:1fr;gap:25px}.case-tile:first-child{grid-template-columns:1fr}.spec-block{grid-template-columns:1fr;gap:32px}.spec-visual{min-height:320px}.collection-close{align-items:start;flex-direction:column}}
@media(max-width:640px){.collection-hero-inner{padding-top:60px;padding-bottom:64px}.collection-hero h1{font-size:clamp(43px,11.5vw,58px)}.collection-hero .hero-lead{font-size:16px}.work-hero-photo{height:310px;margin-top:22px;transform:none;border-radius:23px}.work-hero-photo img{object-position:50% 42%}.collection-intro{padding-top:75px}body.collection-page .collection-intro h2{font-size:40px!important}.case-grid{grid-template-columns:1fr;padding-bottom:75px}.case-tile:first-child{grid-column:auto}.case-art{min-height:235px}.case-copy{padding:26px}body.collection-page .case-copy h2{font-size:31px!important}.collection-close{margin-bottom:65px}.collection-footer-inner{grid-template-columns:1fr}.collection-footer nav{justify-content:flex-start}.spec-block{padding-block:70px}.spec-visual{min-height:260px}.spec-visual strong{font-size:100px}.spec-anchor-nav{padding-bottom:26px}}
@media(max-width:640px){.story-filters{gap:8px}.story-filters button{padding:9px 13px;font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.collection-page *,body.has-motion .collection-reveal{animation:none!important;transition:none!important;transform:none!important;opacity:1!important}}
.spec-visual .motum-asterisk{position:relative;z-index:1;font-size:clamp(92px,12vw,175px)}
@media(max-width:640px){.spec-visual .motum-asterisk{font-size:100px}}