/* Dedicated Brand Guidelines collection view */
.guideline-hero-art{display:none}
.is-brand-guidelines{background:radial-gradient(circle at 82% 8%,rgba(118,73,255,.2),transparent 30%),radial-gradient(circle at 10% 25%,rgba(255,107,54,.09),transparent 26%),var(--page)}
.is-brand-guidelines .collection-hero{min-height:650px;padding-top:126px}
.is-brand-guidelines .collection-hero h1{max-width:760px;font-size:clamp(4rem,7.3vw,8rem)}
.is-brand-guidelines .collection-hero h1 em{background:linear-gradient(100deg,#ff7b32 0%,#ffba3d 35%,#ed65bd 67%,#806dff 100%);background-clip:text;-webkit-background-clip:text;color:transparent}
.is-brand-guidelines .hero-orbit{display:none}
.is-brand-guidelines .guideline-hero-art{display:block;position:absolute;z-index:1;right:1%;top:54px;width:min(47vw,660px);height:540px;perspective:1100px}
.guideline-book{position:absolute;overflow:hidden;width:238px;aspect-ratio:3/4;border:1px solid rgba(255,255,255,.24);border-radius:12px;background:#191722;box-shadow:0 34px 80px rgba(0,0,0,.48);transform-style:preserve-3d;animation:bookFloat 6s ease-in-out infinite}
.guideline-book::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.2),transparent 28%,transparent 72%,rgba(0,0,0,.2));pointer-events:none}
.guideline-book img{width:100%;height:100%;object-fit:cover}
.book-back{right:6%;top:16px;rotate:7deg;opacity:.58;animation-delay:-3s}.book-mid{right:26%;top:92px;rotate:-9deg;animation-delay:-1.5s}.book-front{right:1%;top:174px;rotate:8deg}
.guideline-swatch{position:absolute;z-index:-1;border-radius:50%;animation:swatchPulse 5s ease-in-out infinite}.swatch-one{right:4%;top:8%;width:260px;height:260px;background:#785cff}.swatch-two{right:38%;top:34%;width:205px;height:205px;background:#ff7245;animation-delay:-2s}.swatch-three{right:8%;bottom:0;width:170px;height:170px;background:#d8ff52;animation-delay:-3.5s}
.guideline-stamp{position:absolute;z-index:4;right:42%;bottom:7%;display:grid;place-items:center;width:126px;aspect-ratio:1;border:1px solid rgba(255,255,255,.5);border-radius:50%;background:rgba(8,8,12,.62);backdrop-filter:blur(10px);color:#fff;font:700 .58rem/1.45 "IBM Plex Mono",monospace;text-align:center;text-transform:uppercase;letter-spacing:.1em;rotate:-8deg}
@keyframes bookFloat{0%,100%{translate:0 0}50%{translate:0 -12px}}@keyframes swatchPulse{0%,100%{scale:1;opacity:.75}50%{scale:1.08;opacity:1}}
.is-brand-guidelines .industry-browser{padding-top:74px}.is-brand-guidelines .industry-boxes{gap:12px}.is-brand-guidelines .industry-box{min-height:128px;border-color:rgba(255,255,255,.1);background:linear-gradient(145deg,rgba(31,29,41,.95),rgba(14,13,20,.9));box-shadow:inset 0 1px rgba(255,255,255,.035)}
.is-brand-guidelines .industry-box:nth-child(4n+1){--box-accent:#ff784d}.is-brand-guidelines .industry-box:nth-child(4n+2){--box-accent:#8b75ff}.is-brand-guidelines .industry-box:nth-child(4n+3){--box-accent:#e45dac}.is-brand-guidelines .industry-box:nth-child(4n+4){--box-accent:#c7ef4a}
.is-brand-guidelines .industry-box::before{content:"";position:absolute;left:0;top:0;width:100%;height:3px;background:var(--box-accent);transform:scaleX(.22);transform-origin:left;transition:transform .3s ease}.is-brand-guidelines .industry-box:hover::before,.is-brand-guidelines .industry-box.is-active::before{transform:scaleX(1)}.is-brand-guidelines .industry-box:hover,.is-brand-guidelines .industry-box.is-active{border-color:var(--box-accent);box-shadow:0 20px 60px rgba(0,0,0,.38)}.is-brand-guidelines .industry-box:hover::after,.is-brand-guidelines .industry-box.is-active::after{color:var(--box-accent)}
.guideline-library{padding-top:80px}.guideline-library .group-title{padding-bottom:24px;border-bottom:1px solid var(--line)}.guideline-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 14px}.guideline-grid .card-cover{aspect-ratio:16/11;border-radius:14px}.guideline-grid .collection-card:nth-child(4n+1){--card-accent:#ff784d}.guideline-grid .collection-card:nth-child(4n+2){--card-accent:#8b75ff}.guideline-grid .collection-card:nth-child(4n+3){--card-accent:#e45dac}.guideline-grid .collection-card:nth-child(4n+4){--card-accent:#c7ef4a}
.guideline-grid .card-cover::before{content:"";position:absolute;z-index:2;inset:0;border:2px solid transparent;border-radius:inherit;transition:border-color .3s ease;pointer-events:none}.guideline-grid .collection-card:hover .card-cover::before{border-color:var(--card-accent)}.guideline-grid .card-copy{padding-top:17px}.guideline-grid .card-copy h4{font-size:1.15rem}.guideline-grid .card-copy p{color:var(--card-accent)}
@media(max-width:1050px){.guideline-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.is-brand-guidelines .guideline-hero-art{right:-8%;opacity:.62}.is-brand-guidelines .collection-hero h1{max-width:650px}}
@media(max-width:760px){.guideline-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.is-brand-guidelines .collection-hero{min-height:720px;padding-top:75px}.is-brand-guidelines .collection-hero h1{font-size:clamp(3.5rem,15vw,5.4rem)}.is-brand-guidelines .guideline-hero-art{right:50%;top:350px;width:600px;height:360px;translate:50% 0;scale:.68;transform-origin:top center;opacity:.85}.is-brand-guidelines .collection-hero>p:last-child{max-width:420px}.is-brand-guidelines .industry-box{min-height:112px}}
@media(max-width:470px){.guideline-grid{grid-template-columns:1fr}.is-brand-guidelines .guideline-hero-art{top:390px;scale:.58}.is-brand-guidelines .collection-hero{min-height:690px}}
@media(prefers-reduced-motion:reduce){.guideline-book,.guideline-swatch{animation:none}}

/* Collection-specific refinement: cover gallery, no logo or industry directory */
.is-brand-guidelines .collection-brand,
.is-brand-guidelines .industry-browser,
.is-brand-guidelines .discipline-switcher{display:none}
.is-brand-guidelines .collection-nav{justify-content:flex-end;min-height:76px}
.is-brand-guidelines .collection-hero{min-height:590px;padding-top:104px;padding-bottom:72px}
.is-brand-guidelines .collection-groups{padding-top:0}
.is-brand-guidelines .guideline-library{padding-top:56px}
.is-brand-guidelines .guideline-hero-art{right:0;top:55px;width:min(47vw,650px);height:485px}
.is-brand-guidelines .guideline-book{width:310px;aspect-ratio:4/3;border-radius:18px;border:5px solid rgba(255,255,255,.8);background:#18151f;box-shadow:0 34px 75px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.25)}
.is-brand-guidelines .guideline-book img{display:block;width:100%;height:100%;object-fit:contain;background:#18151f}
.is-brand-guidelines .book-back{right:31%;top:10px;rotate:-10deg;opacity:1;animation-delay:-3s}
.is-brand-guidelines .book-mid{right:1%;top:92px;rotate:9deg;opacity:1;animation-delay:-1.5s}
.is-brand-guidelines .book-front{right:19%;top:218px;rotate:-4deg;opacity:1}
.is-brand-guidelines .guideline-stamp{right:0;bottom:0;width:110px;background:rgba(8,8,12,.78)}
.is-brand-guidelines .swatch-one{right:9%;top:1%}.is-brand-guidelines .swatch-two{right:48%;top:37%}.is-brand-guidelines .swatch-three{right:7%;bottom:1%}
@media(max-width:1050px){.is-brand-guidelines .guideline-book{width:255px}.is-brand-guidelines .guideline-hero-art{right:-5%;opacity:.92}}
@media(max-width:760px){.is-brand-guidelines .collection-hero{min-height:700px;padding-top:75px}.is-brand-guidelines .guideline-hero-art{right:50%;top:355px;width:600px;height:360px;translate:50% 0;scale:.64;opacity:1}.is-brand-guidelines .guideline-book{width:285px}.is-brand-guidelines .guideline-library{padding-top:40px}}
@media(max-width:470px){.is-brand-guidelines .collection-hero{min-height:665px}.is-brand-guidelines .guideline-hero-art{top:385px;scale:.51}.is-brand-guidelines .guideline-library{padding-top:32px}}

/* Matches the homepage contact section and footer */
.guideline-contact-showcase,.guideline-site-footer{display:none}
.is-brand-guidelines .collection-footer{display:none}
.is-brand-guidelines .guideline-contact-showcase{display:block;position:relative;z-index:3;min-height:620px;overflow:hidden;border-top:1px solid #1f1d24;background:radial-gradient(circle at 78% 52%,rgba(185,255,50,.08),transparent 28%),#0a0a0d;color:#f5f2ed}
.is-brand-guidelines .guideline-contact-showcase::before{content:"";position:absolute;inset:-35%;background:conic-gradient(from 210deg at 72% 52%,transparent 0 43%,rgba(185,255,50,.055) 48%,transparent 53% 100%);animation:guidelineContactSweep 11s linear infinite;pointer-events:none}
.is-brand-guidelines .guideline-contact-showcase::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 118px,rgba(255,255,255,.018) 119px 120px);mask-image:linear-gradient(90deg,transparent,#000 38%,#000 82%,transparent);animation:guidelineContactGrid 14s linear infinite;pointer-events:none}
.guideline-contact-shell{position:relative;z-index:2;width:min(96vw,1500px);padding:clamp(100px,10vw,155px) 0}
.guideline-contact-kicker{display:flex;align-items:center;gap:10px;margin:0 0 28px;color:#ff8b49;font:700 .64rem/1 "IBM Plex Mono",monospace;letter-spacing:.18em;text-transform:uppercase}
.guideline-contact-kicker i{width:28px;height:1px;background:#ff8b49}
.guideline-contact-shell h2{max-width:1120px;margin:0;font:800 clamp(4rem,7vw,8rem)/.85 "Manrope",sans-serif;letter-spacing:-.075em}
.guideline-contact-shell h2 em{color:#6a666d;font-style:normal}
.guideline-contact-link{display:inline-flex;align-items:center;gap:32px;margin-top:58px;padding:0 0 12px;border-bottom:2px solid #b9ff32;color:#b9ff32;font-weight:700;text-decoration:none;transition:.25s ease}
.guideline-contact-link b{font-size:1.2rem;transition:.25s ease}
.guideline-contact-link:hover{gap:46px;color:#fff;border-color:#fff}
.guideline-contact-orbit{position:absolute;right:-7vw;top:50%;width:min(58vw,800px);aspect-ratio:1;transform:translateY(-50%);opacity:.5}
.guideline-contact-orbit i{position:absolute;inset:10%;border:1px solid rgba(185,255,50,.18);border-radius:50%;animation:guidelineOrbitPulse 6s ease-in-out infinite,guidelineOrbitRotate 18s linear infinite}
.guideline-contact-orbit i::after{content:"";position:absolute;left:50%;top:-5px;width:9px;height:9px;border-radius:50%;background:#b9ff32;box-shadow:0 0 18px #b9ff32}
.guideline-contact-orbit i:nth-child(2){inset:25%;animation-delay:-2s,-6s;animation-direction:normal,reverse}
.guideline-contact-orbit i:nth-child(3){inset:40%;animation-delay:-4s,-12s}
.guideline-contact-orbit::after{content:"↗";position:absolute;left:50%;top:50%;color:rgba(185,255,50,.24);font-size:11rem;transform:translate(-50%,-50%);filter:drop-shadow(0 0 24px rgba(185,255,50,.2));animation:guidelineContactArrow 2.8s ease-in-out infinite}
@keyframes guidelineOrbitPulse{0%,100%{scale:.92;opacity:.22}50%{scale:1.04;opacity:.85}}
@keyframes guidelineOrbitRotate{to{rotate:360deg}}
@keyframes guidelineContactArrow{0%,100%{translate:0 0;opacity:.18}50%{translate:12px -12px;opacity:.42}}
@keyframes guidelineContactSweep{to{transform:rotate(360deg)}}
@keyframes guidelineContactGrid{to{transform:translateX(120px)}}
.is-brand-guidelines .guideline-site-footer{position:relative;z-index:3;display:grid;grid-template-columns:1fr auto auto;gap:70px;align-items:end;padding:38px max(2vw,24px);border-top:1px solid #302d34;background:#0a0a0d;color:#b2adb6}
.guideline-site-footer a{text-decoration:none}
.guideline-footer-brand{display:flex;flex-direction:column;gap:6px;color:#fff}
.guideline-footer-brand small{color:#80e8ff;font:700 .58rem/1 "IBM Plex Mono",monospace;letter-spacing:.14em;text-transform:uppercase}
.guideline-footer-brand strong{font-size:1rem;line-height:1}
.guideline-site-footer p{margin:0;font-size:.72rem}
@media(max-width:900px){.is-brand-guidelines .guideline-site-footer{grid-template-columns:1fr 1fr}.guideline-site-footer p:last-child{text-align:right}.guideline-site-footer p:nth-child(2){grid-column:1/-1;grid-row:2}}
@media(max-width:600px){.guideline-contact-shell{width:min(92vw,620px)}.guideline-contact-shell h2{font-size:clamp(3.1rem,15vw,5rem)}.is-brand-guidelines .guideline-contact-showcase{min-height:540px}.guideline-contact-orbit{width:100vw;right:-42vw}.is-brand-guidelines .guideline-site-footer{grid-template-columns:1fr;gap:24px;padding:32px 20px}.guideline-site-footer p:nth-child(2){grid-column:auto;grid-row:auto}.guideline-site-footer p:last-child{text-align:left}}
@media(prefers-reduced-motion:reduce){.guideline-contact-showcase::before,.guideline-contact-showcase::after,.guideline-contact-orbit i,.guideline-contact-orbit::after{animation:none}.guideline-contact-link{transition:none}}

/* Brand Identity shares the collection layout, with its own color language. */
.is-brand-identity{background:radial-gradient(circle at 78% 7%,rgba(30,141,194,.2),transparent 31%),radial-gradient(circle at 10% 25%,rgba(128,78,212,.12),transparent 28%),var(--page)}
.is-brand-identity .collection-hero h1 em{background:linear-gradient(105deg,#79e3fa 0%,#a78cff 48%,#ff8668 100%);background-clip:text;-webkit-background-clip:text;color:transparent}
.is-brand-identity .swatch-one{background:#4acdeb}.is-brand-identity .swatch-two{background:#7865db}.is-brand-identity .swatch-three{background:#ff7958}
.is-brand-identity .guideline-book{border-color:rgba(218,246,255,.85)}
.is-brand-identity .collection-kicker b,.is-brand-identity .group-title span{color:#80e8ff}
.is-brand-identity .guideline-stamp{border-color:rgba(128,232,255,.7)}

/* Industry directory for the Brand Identity library only. */
.is-brand-identity .industry-browser{display:block;padding-top:54px;padding-bottom:12px}
.is-brand-identity .industry-browser .section-heading{grid-template-columns:220px minmax(0,1fr)}
.is-brand-identity .industry-browser .section-heading h2{font-size:clamp(2.5rem,5vw,5.7rem)}
.is-brand-identity .industry-browser .section-heading h2 em{color:#80e8ff}
.is-brand-identity .industry-boxes{margin-top:36px;gap:12px}
.is-brand-identity .industry-box{min-height:132px;padding:18px 18px 16px;background:linear-gradient(145deg,rgba(23,34,45,.95),rgba(15,13,25,.95));border-color:rgba(128,232,255,.13)}
.is-brand-identity .industry-box:nth-child(4n+1){--box-accent:#80e8ff}
.is-brand-identity .industry-box:nth-child(4n+2){--box-accent:#a78cff}
.is-brand-identity .industry-box:nth-child(4n+3){--box-accent:#ff8668}
.is-brand-identity .industry-box:nth-child(4n+4){--box-accent:#c7ef4a}
.is-brand-identity .industry-box::before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:2px;background:var(--box-accent);transform:scaleX(.22);transform-origin:left;transition:transform .3s ease}
.is-brand-identity .industry-box:hover::before,.is-brand-identity .industry-box.is-active::before{transform:scaleX(1)}
.is-brand-identity .industry-box:hover,.is-brand-identity .industry-box.is-active{border-color:var(--box-accent);box-shadow:0 18px 48px rgba(0,0,0,.35)}
.is-brand-identity .industry-box.is-active::after{color:var(--box-accent)}
.is-brand-identity .industry-box:focus-visible{outline:2px solid #80e8ff;outline-offset:3px}
.is-brand-identity .identity-field-number{display:block;margin-bottom:17px;color:var(--box-accent);font:700 .63rem "IBM Plex Mono",monospace;letter-spacing:.13em}
.is-brand-identity .industry-box strong{max-width:92%;font-size:1.02rem;line-height:1.2}
.is-brand-identity .industry-box small{margin-top:16px;color:#b6b4bd;font-size:.61rem}
.is-brand-identity .industry-box:disabled{cursor:default;opacity:.43}
.is-brand-identity .industry-box:disabled:hover{transform:none;border-color:rgba(128,232,255,.13);box-shadow:none}
.is-brand-identity .industry-box:disabled::after{content:"—"}
@media(max-width:760px){.is-brand-identity .industry-browser .section-heading{grid-template-columns:1fr;gap:8px}.is-brand-identity .industry-boxes{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:470px){.is-brand-identity .industry-box{min-height:145px;padding:14px}.is-brand-identity .industry-box strong{font-size:.85rem}.is-brand-identity .industry-box small{font-size:.53rem}.is-brand-identity .industry-box::after{right:12px;bottom:10px}}
@media(prefers-reduced-motion:reduce){.is-brand-identity .industry-box::before{transition:none}}

/* Compact filter chips and an image-led logo wall, inspired by the reference interaction. */
.is-brand-identity .industry-browser{padding-top:58px;padding-bottom:18px}
.is-brand-identity .industry-boxes{display:flex;flex-wrap:wrap;gap:9px;margin-top:30px}
.is-brand-identity .industry-box{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;min-height:44px;width:auto;padding:0 15px;border-radius:999px;background:rgba(25,25,34,.82);box-shadow:none;transform:none}
.is-brand-identity .industry-box::before,.is-brand-identity .industry-box::after{display:none}
.is-brand-identity .identity-field-number{display:none}
.is-brand-identity .industry-box strong{max-width:none;font:650 .72rem/1.2 "Manrope",sans-serif;white-space:nowrap}
.is-brand-identity .industry-box small{margin:0;color:#aaa6b2;font-size:.55rem;white-space:nowrap}
.is-brand-identity .industry-box:hover,.is-brand-identity .industry-box.is-active{transform:none;border-color:#80e8ff;background:rgba(54,111,132,.18);box-shadow:0 0 0 1px rgba(128,232,255,.12)}
.is-brand-identity .industry-box.is-active strong,.is-brand-identity .industry-box.is-active small{color:#b5f3ff}
.is-brand-identity .industry-box:disabled{background:rgba(20,19,27,.55);opacity:.5}
.is-brand-identity .industry-box:disabled:hover{background:rgba(20,19,27,.55);box-shadow:none}
.is-brand-identity .guideline-library{padding-top:52px}
.is-brand-identity .guideline-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.is-brand-identity .collection-card{position:relative;isolation:isolate;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#15141b}
.is-brand-identity .collection-card::before{content:"";position:absolute;z-index:5;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#80e8ff,#aa8dff,#ff8668);transform:scaleX(0);transform-origin:left;transition:transform .42s cubic-bezier(.2,.8,.2,1)}
.is-brand-identity .collection-card:hover::before,.is-brand-identity .collection-card:focus-within::before{transform:scaleX(1)}
.is-brand-identity .collection-card a{position:relative;display:block;height:100%;outline-offset:-4px}
.is-brand-identity .guideline-grid .card-cover{aspect-ratio:1/1;border:0;border-radius:0;background:#191820}
.is-brand-identity .card-cover img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.87);transition:transform .65s cubic-bezier(.2,.8,.2,1),filter .65s ease}
.is-brand-identity .collection-card:hover .card-cover img,.is-brand-identity .collection-card:focus-within .card-cover img{transform:scale(1.065);filter:saturate(1.07)}
.is-brand-identity .card-cover::after{content:"↗";top:14px;right:14px;bottom:auto;padding:9px 12px;border:1px solid rgba(255,255,255,.25);background:rgba(10,10,14,.72);font:700 .85rem/1 "Manrope",sans-serif}
.is-brand-identity .card-copy{position:absolute;z-index:2;right:0;bottom:0;left:0;display:grid;grid-template-columns:1fr auto;gap:7px;padding:54px 16px 16px;background:linear-gradient(0deg,rgba(7,7,11,.96),rgba(7,7,11,.72) 40%,transparent);pointer-events:none}
.is-brand-identity .card-copy h4{font-size:clamp(.96rem,1.3vw,1.22rem);line-height:1.13;color:#fff}
.is-brand-identity .card-copy>span{color:#c8c5d1;white-space:nowrap}
.is-brand-identity .card-copy p{overflow:hidden;color:#a8a4b2;text-overflow:ellipsis;white-space:nowrap}
.is-brand-identity .collection-card:focus-within{border-color:#80e8ff}
@media(max-width:1050px){.is-brand-identity .guideline-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.is-brand-identity .guideline-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.is-brand-identity .industry-boxes{gap:8px}.is-brand-identity .industry-box{min-height:44px}}
@media(max-width:470px){.is-brand-identity .industry-box{padding:0 12px}.is-brand-identity .industry-box strong{font-size:.66rem}.is-brand-identity .industry-box small{font-size:.5rem}.is-brand-identity .guideline-grid{gap:7px}.is-brand-identity .card-copy{padding:38px 9px 10px}.is-brand-identity .card-copy h4{font-size:.83rem}.is-brand-identity .card-copy>span,.is-brand-identity .card-copy p{display:none}}
@media(prefers-reduced-motion:reduce){.is-brand-identity .collection-card::before,.is-brand-identity .card-cover img{transition:none}}

/* Contextual collection navigation and full-bleed identity artwork. */
.collection-context{display:flex;flex-direction:column;justify-content:center;gap:4px;min-width:0;margin-right:auto;padding:11px 0}
.collection-context-kicker{color:#84dbe9;font:700 .56rem/1.2 "IBM Plex Mono",monospace;letter-spacing:.13em;text-transform:uppercase}
.collection-context strong{overflow:hidden;color:#f8f7fb;font:800 clamp(.95rem,1.25vw,1.2rem)/1.15 "Manrope",sans-serif;letter-spacing:-.035em;text-overflow:ellipsis;white-space:nowrap}
.collection-context small{overflow:hidden;color:#aaa7b5;font:600 .55rem/1.2 "IBM Plex Mono",monospace;text-overflow:ellipsis;white-space:nowrap}
.is-brand-guidelines .collection-nav{justify-content:space-between}
.is-brand-identity .guideline-hero-art{width:min(50vw,710px);height:510px}
.is-brand-identity .guideline-book{overflow:hidden;border:1px solid rgba(225,246,255,.54);background:rgba(255,255,255,.075);box-shadow:0 30px 75px rgba(0,0,0,.52),inset 0 1px rgba(255,255,255,.28);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
.is-brand-identity .guideline-book::after{background:linear-gradient(125deg,rgba(255,255,255,.27),transparent 34%,transparent 69%,rgba(106,208,242,.12))}
.is-brand-identity .guideline-book img{width:100%;height:100%;object-fit:cover;object-position:center;background:transparent}
.is-brand-identity .collection-groups.shell{width:calc(100% - 24px);max-width:none}
.is-brand-identity .guideline-grid{gap:0}
.is-brand-identity .collection-card{border-color:rgba(200,230,244,.13);border-radius:0;background:rgba(24,28,37,.58);box-shadow:inset 0 1px rgba(255,255,255,.12);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.is-brand-identity .guideline-grid .card-cover{border-radius:0}
.is-brand-identity .card-copy{padding-top:54px;background:linear-gradient(0deg,rgba(7,11,19,.87),rgba(15,29,42,.52) 63%,transparent);border-top:1px solid rgba(255,255,255,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.is-brand-identity .collection-card:hover,.is-brand-identity .collection-card:focus-within{z-index:2;border-color:rgba(128,232,255,.75);box-shadow:0 18px 55px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.2)}
@media(max-width:760px){.collection-context{max-width:60%}.collection-context-kicker{font-size:.5rem}.collection-context small{font-size:.49rem}.is-brand-identity .collection-groups.shell{width:calc(100% - 12px)}.is-brand-identity .guideline-hero-art{width:600px;height:360px}}
@media(max-width:470px){.collection-context{max-width:54%}.collection-context strong{font-size:.82rem}.collection-context small{display:none}.is-brand-identity .collection-groups.shell{width:100%}}
/* Compact, evenly aligned identity industry directory. */
.is-brand-identity:not(.is-identity-field-page) .industry-boxes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:28px}
.is-brand-identity:not(.is-identity-field-page) .industry-box{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-width:0;min-height:64px;padding:12px 16px;border-radius:16px;text-align:left;cursor:pointer}
.is-brand-identity:not(.is-identity-field-page) .industry-box strong{min-width:0;max-width:none;font-size:.77rem;line-height:1.25;white-space:normal;overflow-wrap:anywhere}
.is-brand-identity:not(.is-identity-field-page) .industry-box small{flex:0 0 auto;margin:0;font-size:.54rem;line-height:1.2;text-align:right;white-space:nowrap}
.is-brand-identity:not(.is-identity-field-page) .industry-box:hover{transform:translateY(-2px)}
/* Let cover artwork retain its full lettering while extending the same artwork softly behind it. */
.is-brand-guidelines .guideline-book{isolation:isolate}
.is-brand-guidelines .guideline-book::before{content:"";position:absolute;z-index:0;inset:-22px;background-image:var(--cover-image);background-size:cover;background-position:center;filter:blur(18px) saturate(1.1);opacity:.7}
.is-brand-guidelines .guideline-book img,.is-brand-identity .guideline-book img{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:contain;background:transparent}
.is-brand-guidelines .guideline-book::after{z-index:2}
.collection-context{max-width:58%;padding:0}
.collection-context-kicker{color:#f2f0f7;font:700 clamp(.65rem,.85vw,.78rem)/1.3 "IBM Plex Mono",monospace;letter-spacing:.08em}
@media(max-width:760px){.collection-context{max-width:63%}.collection-context-kicker{font-size:.6rem;letter-spacing:.025em}}
.is-identity-field-page .industry-browser,.is-identity-field-page .discipline-switcher{display:none}
.is-identity-field-page .collection-groups{padding-top:28px}
@media(max-width:1100px){.is-brand-identity:not(.is-identity-field-page) .industry-boxes{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.is-brand-identity:not(.is-identity-field-page) .industry-boxes{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.is-brand-identity:not(.is-identity-field-page) .industry-box{min-height:62px;padding:10px 12px}.is-brand-identity:not(.is-identity-field-page) .industry-box strong{font-size:.69rem}.is-brand-identity:not(.is-identity-field-page) .industry-box small{font-size:.48rem}}
@media(max-width:430px){.is-brand-identity:not(.is-identity-field-page) .industry-box{align-items:flex-start;flex-direction:column;justify-content:center;gap:5px}.is-brand-identity:not(.is-identity-field-page) .industry-box small{text-align:left}}
@media(prefers-reduced-motion:reduce){.is-brand-identity:not(.is-identity-field-page) .industry-box:hover{transform:none}}

/* Curated packaging, label, profile and web collections share the showcase layout. */
.is-design-field{--field-accent:#ff9f65}
.field-brochures{--field-accent:#f5bb78}
.field-labels{--field-accent:#c8a6ff}
.field-profiles{--field-accent:#86c9fa}
.field-web{--field-accent:#a8e6af}
.is-design-field .collection-kicker b,.is-design-field .group-title span{color:var(--field-accent)}
.is-design-field .collection-hero h1 em{background:linear-gradient(110deg,var(--field-accent),#77717d);background-clip:text;-webkit-background-clip:text;color:transparent}
.is-design-field .guideline-hero-art{right:0;top:55px;width:min(49vw,690px);height:500px}
.is-design-field .guideline-book{overflow:hidden;border:1px solid rgba(255,255,255,.57);border-radius:20px;background:rgba(255,255,255,.09);box-shadow:0 35px 75px rgba(0,0,0,.45),inset 0 1px rgba(255,255,255,.26);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.is-design-field .book-back{right:36%;top:0;rotate:-11deg}.is-design-field .book-mid{right:0;top:90px;rotate:10deg}.is-design-field .book-front{right:18%;top:230px;rotate:-5deg}
.is-design-field .swatch-one{background:var(--field-accent);opacity:.54}.is-design-field .swatch-two{background:#6b5fdc}.is-design-field .swatch-three{background:#ff8c53}
.is-design-field .guideline-stamp{right:0;bottom:0;border-color:var(--field-accent);background:rgba(13,14,21,.8);color:#fff}
.is-design-field:not(.is-field-detail-page) .industry-browser{display:block;padding:58px 0 20px}
.is-design-field .industry-browser .section-heading{grid-template-columns:170px minmax(0,1fr);gap:24px}
.is-design-field .industry-browser h2{font-size:clamp(2.6rem,5vw,5.2rem);line-height:.98}
.is-design-field .industry-browser h2 em{color:var(--field-accent)}
.is-design-field:not(.is-field-detail-page) .industry-boxes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:30px}
.is-design-field .industry-box{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:64px;padding:12px 16px;border-radius:16px;text-align:left}
.is-design-field .industry-box::before,.is-design-field .industry-box::after{display:none}
.is-design-field .industry-box strong{min-width:0;max-width:none;font-size:.77rem;line-height:1.25;overflow-wrap:anywhere}
.is-design-field .industry-box small{flex:0 0 auto;margin:0;font-size:.54rem;white-space:nowrap}
.is-design-field .industry-box:hover,.is-design-field .industry-box.is-active{border-color:var(--field-accent);background:rgba(255,255,255,.08);box-shadow:0 12px 36px rgba(0,0,0,.25)}
.is-design-field .collection-groups.shell{width:calc(100% - 24px);max-width:none}
.is-design-field .guideline-grid{gap:0}
.is-design-field .guideline-grid .collection-card{border:1px solid rgba(255,255,255,.1);border-radius:0;background:rgba(25,26,34,.55);backdrop-filter:blur(12px)}
.is-design-field .guideline-grid .card-cover{border-radius:0}
.is-design-field .guideline-grid .card-copy{padding-top:48px;background:linear-gradient(0deg,rgba(8,10,16,.9),rgba(18,22,32,.54) 65%,transparent);backdrop-filter:blur(9px)}
.is-design-field .guideline-grid .collection-card:hover{z-index:2;border-color:var(--field-accent)}
.is-field-detail-page .industry-browser{display:none}
@media(max-width:1100px){.is-design-field:not(.is-field-detail-page) .industry-boxes{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.is-design-field .guideline-hero-art{right:50%;top:350px;width:600px;height:360px;translate:50% 0;scale:.64}.is-design-field .industry-browser .section-heading{grid-template-columns:1fr;gap:8px}.is-design-field:not(.is-field-detail-page) .industry-boxes{grid-template-columns:repeat(2,minmax(0,1fr))}.is-design-field .industry-box{min-height:62px;padding:10px 12px}.is-design-field .industry-box strong{font-size:.68rem}.is-design-field .industry-box small{font-size:.48rem}.is-design-field .collection-groups.shell{width:calc(100% - 12px)}}
@media(max-width:430px){.is-design-field .guideline-hero-art{top:390px;scale:.49}.is-design-field .industry-box{align-items:flex-start;flex-direction:column;justify-content:center;gap:5px}.is-design-field .collection-groups.shell{width:100%}}

/* Match artwork frames to the source aspect ratio and keep every gallery card distinct. */
.field-labels .guideline-book,.field-web .guideline-book{width:235px;aspect-ratio:4/5}
.field-labels .book-back,.field-web .book-back{right:48%;top:0}
.field-labels .book-mid,.field-web .book-mid{right:6%;top:58px}
.field-labels .book-front,.field-web .book-front{right:29%;top:185px}
.is-design-field .collection-hero h1 em{text-transform:uppercase;font-family:Arial,Helvetica,sans-serif;font-weight:800;letter-spacing:-.055em}
.is-brand-identity .guideline-grid,.is-design-field .guideline-grid{gap:16px 14px}
.is-brand-guidelines:not(.is-brand-identity):not(.is-design-field) .guideline-grid{gap:22px 14px}
.is-brand-identity .guideline-grid .collection-card,.is-design-field .guideline-grid .collection-card{overflow:hidden;border-radius:14px}
.is-brand-identity .guideline-grid .card-cover,.is-design-field .guideline-grid .card-cover{border-radius:14px 14px 0 0}
@media(max-width:760px){.is-brand-identity .guideline-grid,.is-design-field .guideline-grid,.is-brand-guidelines:not(.is-brand-identity):not(.is-design-field) .guideline-grid{gap:10px}.field-labels .guideline-book,.field-web .guideline-book{width:245px}}

/* Social media collection: real post mockups in the hero, without changing its gallery. */
.has-social-mockups .hero-orbit{display:none}
.has-social-mockups .collection-hero{min-height:610px;padding-top:112px}
.has-social-mockups .collection-hero h1{max-width:54%;font-size:clamp(4rem,6.8vw,7.4rem)}
.has-social-mockups .collection-hero h1 em{background:linear-gradient(105deg,#ff79a6,#ffad72);background-clip:text;-webkit-background-clip:text;color:transparent}
.has-social-mockups .collection-hero>p:last-child{max-width:450px}
.has-social-mockups .guideline-hero-art{display:block;position:absolute;z-index:1;right:0;top:42px;width:min(49vw,690px);height:510px;perspective:1000px}
.has-social-mockups .guideline-book{isolation:isolate;width:220px;aspect-ratio:4/5;border-radius:24px;border:1px solid rgba(255,255,255,.5);background:rgba(255,255,255,.09);backdrop-filter:blur(18px);box-shadow:0 32px 70px rgba(0,0,0,.52),inset 0 1px rgba(255,255,255,.22)}
.has-social-mockups .guideline-book::before{content:"";position:absolute;inset:-20px;background-image:var(--cover-image);background-size:cover;background-position:center;filter:blur(18px);opacity:.62}
.has-social-mockups .guideline-book img{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:contain}
.has-social-mockups .guideline-book::after{z-index:2}
.has-social-mockups .book-back{right:47%;top:15px;rotate:-10deg;opacity:1}
.has-social-mockups .book-mid{right:6%;top:65px;rotate:9deg;opacity:1}
.has-social-mockups .book-front{right:27%;top:194px;rotate:-4deg;opacity:1}
.has-social-mockups .swatch-one{background:#f778a7}.has-social-mockups .swatch-two{background:#8970df}.has-social-mockups .swatch-three{background:#ffb878}
.has-social-mockups .guideline-stamp{right:0;bottom:0;width:110px;background:rgba(16,14,23,.88);border-color:#ff89b1}
@media(max-width:1100px){.has-social-mockups .collection-hero h1{max-width:58%;font-size:clamp(3.8rem,6.7vw,6.4rem)}.has-social-mockups .guideline-hero-art{right:-6%;scale:.82;transform-origin:top right}}
@media(max-width:760px){.has-social-mockups .collection-hero{min-height:780px;padding-top:70px}.has-social-mockups .collection-hero h1{max-width:100%;font-size:clamp(3.4rem,13vw,5.7rem)}.has-social-mockups .collection-hero>p:last-child{max-width:100%;margin-top:25px}.has-social-mockups .guideline-hero-art{top:370px;right:50%;width:620px;height:430px;translate:50% 0;scale:.68;transform-origin:top center}}
@media(max-width:470px){.has-social-mockups .collection-hero{min-height:725px}.has-social-mockups .guideline-hero-art{top:355px;scale:.51}}

/* Match the compact field filters and retain readable sentence-case design headings. */
.has-social-mockups .industry-browser{padding-top:58px}
.has-social-mockups .industry-boxes{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:30px}
.has-social-mockups .industry-box{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:64px;padding:12px 16px;border-radius:16px;text-align:left}
.has-social-mockups .industry-box::before,.has-social-mockups .industry-box::after{display:none}
.has-social-mockups .industry-box strong{min-width:0;max-width:none;font-size:.77rem;line-height:1.25}
.has-social-mockups .industry-box small{flex:0 0 auto;margin:0;font-size:.54rem;white-space:nowrap}
.has-social-mockups .industry-box:hover,.has-social-mockups .industry-box.is-active{border-color:#ff89b1;background:rgba(255,255,255,.08)}
.is-design-field .collection-hero h1 em{text-transform:none;font-family:"Manrope",sans-serif;font-weight:800;letter-spacing:-.07em}
.is-typing-industry{min-height:1.85em}
.is-typing-industry em::after{content:"";display:inline-block;width:.075em;height:.78em;margin-left:.08em;background:currentColor;vertical-align:-.06em;animation:industryCaret .8s steps(1) infinite}
@keyframes industryCaret{50%{opacity:0}}
@media(max-width:760px){.has-social-mockups .industry-boxes{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:470px){.has-social-mockups .industry-box{align-items:flex-start;flex-direction:column;justify-content:center;gap:5px}}
@media(prefers-reduced-motion:reduce){.is-typing-industry em::after{animation:none;opacity:0}}