/* WeeHub: compositions and materials of the original site, with a brand guide narrative. */
html:has(.book-v3){scroll-padding-top:0}
.book-v3{background:var(--navy);color:var(--navy)}
.book-v3 main{background:var(--paper);isolation:isolate}
.book-v3 .site-header{background:var(--navy);color:var(--paper)}
.book-v3 .main-nav ul a{color:var(--paper)}
.book-v3 .wrap{max-width:1680px}
.book-v3 h1,.book-v3 h2,.book-v3 h3{letter-spacing:-.04em;text-wrap:balance}
.guide-paper{background:var(--paper);color:var(--navy)}
.guide-section{padding:48px 0 100px;position:relative;overflow:clip}
.guide-line{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:18px;border-top:1px solid #071a4329;font-size:11px;line-height:1.6;margin-bottom:65px}
.guide-line>span:last-child{text-align:right}
.guide-heading{display:grid;grid-template-columns:1.6fr 1fr;gap:8vw;align-items:end;margin-bottom:60px}
.guide-heading h2{font:400 clamp(34px,4.8vw,76px)/1.2 var(--title)}
.guide-heading h2>span,.essence-words h3>span,.type-display h2>span,.image-editorial h3>span{color:var(--orange)}
.guide-heading>p{font:400 14px/1.9 var(--body);max-width:43ch;margin-bottom:6px}
.book-v3 .arrow{flex:none;transition:transform .35s cubic-bezier(.2,.75,.2,1)}
.book-v3 a:hover>.arrow,.book-v3 button:hover>.arrow{transform:translate(3px,-3px)}
.book-v3 summary{cursor:pointer}
.book-v3 summary::-webkit-details-marker{display:none}
.book-v3 :is(.signature-guide,.image-editorial) summary{list-style:none;display:flex;align-items:center;justify-content:space-between;font-size:12px;padding:22px 0;border-top:1px solid var(--line);gap:25px}
.book-v3 :is(.signature-guide,.image-editorial) details[open] summary .arrow{transform:rotate(90deg)}
.book-v3 :is(.signature-guide,.image-editorial) details p{font-size:12px;line-height:1.9;padding-bottom:18px}
/* The cover preserves the original StoryDna composition. */
.book-v3 .dna-cover{height:auto;margin:0;padding-top:0;background:#e7e9ed}
.book-v3 .dna-cover .v2-story-sticky{position:relative;top:auto;height:calc(100svh - 78px);min-height:640px;max-height:1120px}
.dna-cover .v2-story-sticky>.wrap{padding-top:28px;padding-bottom:32px}
.dna-cover .cover-line{position:relative;z-index:4;margin:0;padding:10px 0 24px;border-top:0;border-bottom:1px solid #071a4329}
.dna-cover .v2-story-body{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);padding:32px 0 36px;min-height:0;display:grid;align-items:center}
.dna-cover .v2-story-content{z-index:3;gap:0;position:relative;padding-top:0;display:block;pointer-events:none}
.dna-cover h1{font:400 clamp(72px,10vw,164px)/1.08 var(--title);letter-spacing:-.055em!important;margin:0 0 35px;max-width:6ch;text-wrap:nowrap}
.dna-cover h1>span:first-child{color:#50628a;transition:color .7s}
.dna-cover h1 .cover-dot{color:var(--orange)}
.cover-description>p{font:500 clamp(18px,1.65vw,27px)/1.5 var(--body);letter-spacing:-.025em}
.cover-description>span{display:block;font-size:12px;line-height:1.8;margin-top:14px;max-width:34ch}
.dna-cover .story-dna{inset:-14% calc(-1 * var(--gutter));width:calc(100% + 2 * var(--gutter));height:128%;max-height:none}
.dna-cover .v2-story-seal{top:27%;left:55%;width:clamp(120px,13vw,205px)}
.dna-cover .v2-story-texture{opacity:.52}
.dna-cover .v2-story-bottom{align-items:center;padding-top:23px}
.dna-cover .v2-story-controls>button{font-size:11px;min-height:43px;padding:12px 22px}
.cover-next{font-size:12px;display:flex;align-items:center;gap:36px}
.cover-next .arrow{transform:rotate(90deg);width:19px}
.book-v3 .dna-cover[data-story-index="1"] h1>span:first-child{color:#fff0d8}
.book-v3 .dna-cover[data-story-index="1"] .cover-dot{color:var(--navy)}
.book-v3 .dna-cover[data-story-index="2"] .v2-story-sticky{background:var(--navy)}
.book-v3 .dna-cover[data-story-index="2"] .cover-line{border-color:#fff3}
.book-v3 .dna-cover[data-story-index="2"] h1>span:first-child{color:var(--orange)}
.book-v3 .dna-cover[data-story-index="2"] .cover-description{color:var(--paper)}
/* Essence / original editorial headings and open columns. */
.essence-words{display:grid;grid-template-columns:repeat(3,1fr);gap:5vw;padding:18px 0 70px}
.essence-words article{border-top:1px solid var(--line);padding-top:26px}
.essence-words h3{font:400 clamp(23px,2.5vw,40px)/1.3 var(--title);margin-bottom:20px}
.essence-words p{font-size:13px;line-height:1.9;max-width:38ch}
.guide-index{display:grid;grid-template-columns:repeat(4,1fr);gap:0 35px;border-top:1px solid var(--line);padding-top:10px}
.guide-index a{display:flex;align-items:center;justify-content:space-between;padding:18px 0;border-bottom:1px solid var(--line);font-size:12px}
.guide-index .arrow{width:15px;height:15px}
.guide-index a:hover{color:#bb300d}
/* Signature / a full-width brand scene, not a container. */
.signature-section{background:var(--navy);color:var(--paper);padding:48px 0 38px;transition:background .55s,color .55s;overflow:clip}
.signature-section .guide-line{border-color:#ffffff38}
.signature-section .guide-heading{grid-template-columns:1.6fr 1fr;margin-bottom:0}
.signature-section .guide-heading h2{font-size:clamp(32px,3.8vw,61px)}
.signature-section .guide-heading p{font-size:13px}
.signature-art{padding:70px 0 85px;display:flex;align-items:center;justify-content:center;min-height:300px}
.signature-art>img{width:100%;height:auto;max-height:390px;object-fit:contain}
.signature-foot{border-top:1px solid #fff4;padding-top:24px;display:flex;justify-content:space-between;align-items:center;gap:25px;font-size:12px}
.signature-foot>a{display:flex;align-items:center;gap:35px}
.signature-section[data-logo-stage=paper]{background:var(--cream);color:var(--navy)}
.signature-section[data-logo-stage=orange]{background:var(--orange);color:var(--navy)}
.signature-section:is([data-logo-stage=paper],[data-logo-stage=orange]) :is(.guide-line,.signature-foot){border-color:#071a4340}
.signature-section:is([data-logo-stage=paper],[data-logo-stage=orange]) button[aria-pressed=true]{background:var(--navy);color:var(--paper);border-color:var(--navy)}
.signature-section[data-logo-stage=orange] h2>span{color:var(--paper)}
.signature-system{padding-top:80px;padding-bottom:95px}
.signature-parts{display:grid;grid-template-columns:repeat(3,1fr);gap:5vw}
.signature-parts figure>div{display:flex;align-items:center;justify-content:center;height:210px;margin-bottom:25px;border-bottom:1px solid var(--line)}
.signature-parts img{width:55%;height:135px;object-fit:contain}
.signature-parts .powered{width:85%;filter:brightness(0) saturate(100%)}
.signature-parts .seal{width:145px;height:145px}
.signature-parts h3{font:400 23px/1.4 var(--title);margin-bottom:16px}
.signature-parts p{font-size:13px;line-height:1.9;max-width:40ch}
.signature-guide{display:grid;grid-template-columns:1.2fr 1fr;gap:8vw;margin-top:80px;padding-top:65px;border-top:1px solid var(--line);align-items:center}
.signature-clearspace{padding:40px 30px 25px;background:var(--cream)}
.signature-clearspace>div{padding:45px 35px;border:1px dashed #071a4350}
.signature-clearspace img{width:100%;height:auto}
.signature-clearspace>span{display:block;text-align:center;font-size:11px;margin-top:24px;line-height:1.8}
.signature-guide h3{font:400 clamp(24px,2.5vw,38px)/1.4 var(--title);margin-bottom:22px}
.signature-guide p{font-size:13px;line-height:1.9;margin-bottom:25px}
/* Palette / broad planes, with the original balance of navy, orange and paper. */
.color-section{padding-bottom:85px}
.palette-landscape{display:grid;grid-template-columns:1.45fr 1.05fr 1fr;border-block:1px solid var(--line)}
.palette-panel{border:0;border-radius:0;padding:38px max(30px,3vw);min-height:420px;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;text-align:left;transition:filter .3s}
.palette-panel:hover{filter:brightness(1.04)}
.palette-navy{background:var(--navy);color:var(--paper)}
.palette-orange{background:var(--orange);color:var(--navy)}
.palette-paper{background:var(--paper);color:var(--navy)}
.palette-name{font-size:15px;font-weight:500}
.palette-panel>div>strong{font:400 clamp(25px,3.1vw,52px)/1.3 var(--title);letter-spacing:-.04em;display:block}
.palette-panel>div>span{font-size:12px;display:block;margin-top:12px}
.palette-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px}
.palette-bottom .arrow{width:19px}
.color-support{display:grid;grid-template-columns:1fr 2fr;gap:40px;padding-top:38px}
.deep-swatch{background:var(--deep);color:var(--paper);display:grid;grid-template-columns:1fr auto;gap:13px;padding:23px;border:0;text-align:left}
.deep-swatch>span{font-size:11px}.deep-swatch>strong{font-weight:500;font-size:14px;grid-column:2;grid-row:1}.deep-swatch .arrow{width:16px;justify-self:end}
.color-support>div{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;align-items:center}
.color-support>div>span{position:relative;padding-top:22px;font-size:11px}
.color-support>div>span:before{content:"";background:var(--tone);width:100%;height:5px;position:absolute;top:0;left:0}
.color-support strong{display:block;font-size:12px;font-weight:500;margin-top:5px}
.color-pairings{display:grid;grid-template-columns:1fr 1fr 1fr 1.2fr;gap:38px;padding-top:40px;margin-top:38px;border-top:1px solid var(--line)}
.color-pairings p,.color-pairings small{font-size:12px;line-height:1.8}
.color-pairings strong{display:block;font-size:13px;margin-bottom:7px}
/* Typography / actual phrases at display scale, open space, no specimen cards. */
.type-section{border-top:1px solid var(--line);padding-bottom:85px}
.type-display{position:relative;padding:10px 0 60px}
.type-font-label{display:block;font-size:12px;margin-bottom:25px}
.type-display h2{font:400 clamp(45px,6.9vw,113px)/1.2 var(--title)}
.type-conversation{display:grid;grid-template-columns:1fr 1fr 1fr;gap:5vw;border-top:1px solid var(--line);padding-top:40px;align-items:start}
.type-conversation h3{font:500 clamp(28px,3vw,46px)/1.2 var(--body);margin-bottom:22px}
.type-conversation>div>span{font-size:11px}
.type-conversation p{font-size:13px;line-height:1.9;margin-bottom:20px}
.type-alphabet{font-size:clamp(16px,1.8vw,29px);font-weight:400;line-height:1.8}
.book-v3 .bb-type-lab{margin-top:40px}
.book-v3 .bb-type-lab textarea{letter-spacing:-.04em;min-height:180px}
/* Original refractive glass, now a full editorial scene. */
.graphic-section{position:relative;background:var(--orange);color:var(--navy);padding:48px 0 45px;overflow:clip}
.graphic-section .guide-heading h2>span{color:var(--paper)}
.graphic-section .guide-heading{margin-bottom:0}
.graphic-stage{display:grid;grid-template-columns:1.6fr 1fr;gap:8vw;min-height:520px;align-items:center}
.graphic-art{position:relative;align-self:stretch;display:flex;align-items:center;justify-content:center;min-height:520px}
.graphic-art .v2-acquisition-value{font:500 clamp(100px,16vw,260px)/1 var(--body);letter-spacing:-.07em;color:var(--navy)}
.graphic-art .v2-acquisition-bolt{position:absolute;inset:-10% -3%;width:106%;height:120%;transform:none;pointer-events:none}
.graphic-art .v2-acquisition-bolt-enter{position:absolute;inset:0;opacity:1!important;transform:none!important}
.graphic-art canvas,.graphic-art .v2-glass-bolt-fallback{position:absolute;inset:0;width:100%;height:100%;display:block}
.graphic-art [data-glass-status=ready] .v2-glass-bolt-fallback{display:none}
.graphic-art [data-glass-status=unavailable] canvas{display:none}
.graphic-notes{max-width:350px;padding:45px 0}
.graphic-notes h3{font:400 clamp(24px,2.6vw,40px)/1.4 var(--title);margin-bottom:25px}
.graphic-notes p{font-size:13px;line-height:1.9}
.graphic-notes>span{display:block;font-size:11px;line-height:1.7;margin-top:30px;max-width:28ch}
.motion-rules{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:6vw;border-top:1px solid #071a4345;padding-top:26px}
.motion-rules p{font-size:12px;line-height:1.8;max-width:38ch}
.motion-rules strong{font-size:13px;display:block;margin-bottom:7px}
.graphic-library{padding-top:80px;padding-bottom:70px}
.graphic-examples{display:grid;grid-template-columns:1fr 1fr;gap:35px}
.graphic-examples figure>div{height:340px;overflow:hidden;position:relative;background:var(--navy);display:flex;align-items:center;justify-content:center}
.outline-example img{width:70%;height:70%;object-fit:contain;opacity:.75}
.texture-example img{width:100%;height:100%;object-fit:cover}
.graphic-examples figcaption{padding-top:25px}
.graphic-examples h3{font:400 23px/1.4 var(--title);margin-bottom:14px}
.graphic-examples p{font-size:13px;line-height:1.8;max-width:48ch}
.bb-icon-library{padding-top:70px}
.bb-subheading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:35px}
.bb-subheading h3{font:400 29px/1.4 var(--title)}
.bb-subheading p{max-width:42ch;font-size:12px;line-height:1.8}
.bb-icon-grid{display:grid;grid-template-columns:repeat(6,1fr);border-block:1px solid var(--line);gap:0 20px}
.bb-icon-grid figure{padding:30px 10px;display:grid;justify-items:center;gap:15px}
.bb-icon-grid .acquisition-benefit-symbol{position:relative;inset:auto;margin:0;width:100px;height:85px;color:var(--navy)}
.bb-icon-grid figcaption{font-size:12px}
.motion-note{display:grid;grid-template-columns:1fr 2fr;gap:8vw;margin-top:35px;font-size:12px;line-height:1.9}
.motion-note>span{font-weight:600}
.motion-note>p{max-width:80ch}
/* Imagery / original full-bleed film and editorial portrait language. */
.people-film{position:relative;color:var(--paper);height:85svh;min-height:620px;max-height:1000px;isolation:isolate;overflow:hidden}
.people-film>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3}
.people-film:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#060c1980,transparent 85%),linear-gradient(0deg,#060c19b0,transparent 60%)}
.people-film>.video-texture{z-index:-2}
.people-film>.wrap{height:100%;display:flex;flex-direction:column;align-items:start;padding-top:40px;padding-bottom:50px}
.people-film .guide-line{width:100%;border-color:#fff5;margin-bottom:auto}
.people-film h2{font:400 clamp(38px,5.4vw,85px)/1.22 var(--title);max-width:16ch;margin:80px 0 28px}
.people-film h2>span{color:var(--orange)}
.people-film p{font-size:14px;line-height:1.8}
.imagery-section>.guide-section{padding-top:85px}
.image-editorial{display:grid;grid-template-columns:1.5fr 1fr;gap:7vw;align-items:center}
.portrait-composition{position:relative;isolation:isolate;overflow:hidden;background:#dedfd9;aspect-ratio:1.17}
.portrait{position:absolute;width:100%;height:100%;object-fit:cover;object-position:58% center;inset:0;z-index:-2}

.image-editorial h3{font:400 clamp(31px,3.4vw,53px)/1.3 var(--title);margin-bottom:30px}
.image-editorial p{font-size:13px;line-height:1.9;margin-bottom:25px;max-width:43ch}
.ecosystem-heading{display:grid;grid-template-columns:1.5fr 1fr;gap:7vw;align-items:end;margin:90px 0 40px}
.ecosystem-heading h3{font:400 clamp(25px,2.7vw,43px)/1.4 var(--title)}
.ecosystem-heading p{font-size:13px;line-height:1.9;max-width:42ch}
.ecosystem-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.ecosystem-member{position:relative;isolation:isolate;overflow:hidden;aspect-ratio:.82;padding:28px;border-radius:16px;color:var(--paper);display:flex;flex-direction:column;justify-content:space-between}
.ecosystem-member.weepulse{background:#0c4b38}.ecosystem-member.weenow{background:#2f1957}.ecosystem-member.weeup{background:#234466}
.member-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% center;z-index:-2}
.ecosystem-member:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#060c19d9,transparent 42%,#060c1930)}
.member-logo{width:130px;height:40px;object-fit:contain;object-position:left center}
.ecosystem-member figcaption>strong{display:block;font:400 30px/1.3 var(--title);margin-bottom:9px}
.ecosystem-member figcaption>span{font-size:11px}
.voice-section{padding:48px 0 95px;border-top:1px solid var(--line)}
.voice-section .inner-process{padding-top:0}
.voice-section .inner-process-intro h2{font-size:clamp(30px,3.8vw,60px);line-height:1.25}
.voice-section .inner-process-intro>p{font-size:13px;line-height:1.9}
.voice-section .inner-process-step summary{min-height:100px}
/* Applications remain specimens, with clear context and working media choices. */
.application-section .guide-line{border-color:#fff4}
.application-section .guide-heading{grid-template-columns:1.7fr 1fr;gap:5vw}
.application-section .guide-heading h2{font-size:clamp(33px,4.4vw,69px)}
.application-section .bb-wide-application{border-radius:0;aspect-ratio:16/8.5}
.application-section .bb-application-tabs{gap:28px;margin-bottom:25px}
.application-section .bb-application-tabs button{border:0;border-radius:0;border-bottom:1px solid transparent;padding:10px 0;font-size:12px}
.application-section .bb-application-tabs button[aria-pressed=true]{background:none;color:var(--paper);border-bottom-color:var(--orange)}
.application-section .bb-application-overlay{padding:45px}
.application-section .bb-application-overlay h3{font-size:clamp(32px,4.3vw,67px);max-width:17ch}
.application-section .bb-social-grid{gap:30px;margin-top:60px}
.application-section .bb-social{border-radius:0;aspect-ratio:1/1.05;padding:45px}
.application-section .bb-social h3{font-size:clamp(28px,3.7vw,57px);letter-spacing:-.04em}
.application-format{font-size:12px}
.application-section .bb-social-logo{width:160px}
.application-section .bb-social-orange figcaption{position:absolute;bottom:-28px}
.application-section .bb-social-orange{padding-bottom:55px}
.application-section .bb-social-photo .bb-social-logo{margin-bottom:auto}
.application-section .bb-social-photo:before{background:linear-gradient(0deg,#060c19ed,transparent 90%)}
.application-section .bb-social figcaption{font-size:11px}
.application-section .bb-social-orange figcaption{position:static;margin-top:0}
.downloads-section .bb-download-list{max-width:100%;display:grid;grid-template-columns:1fr 1fr;gap:0 6vw}
.downloads-section .bb-download-list>a{padding:26px 0}
.downloads-section .bb-download-list strong{font-size:22px;letter-spacing:-.04em}
.downloads-section .bb-download-list>a:hover{padding-left:0;background:transparent;color:#b32b0e}
.downloads-section .bb-source-note{padding-top:20px;border-top:1px solid var(--line);font-size:11px}
.guide-footer{position:relative;isolation:isolate;background:var(--navy);color:var(--paper);padding:55px 0 28px;overflow:hidden}
.footer-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2;pointer-events:none}
.guide-footer:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#0009 0%,#0004 35%,#0003 64%,#000a 100%)}
.guide-footer>.wrap{position:relative;z-index:1}
@media(width<=640px){.footer-background{object-position:58% center}}
.footer-top{display:flex;justify-content:space-between;align-items:start;gap:45px}
.footer-top p{font-size:15px;line-height:1.8}
.footer-top a{display:flex;align-items:center;gap:30px;font-size:12px}
.footer-wordmark{width:100%;height:auto;max-height:385px;object-fit:contain;margin:65px 0}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid #fff4;padding-top:25px;font-size:11px}
.footer-bottom a{display:flex;align-items:center;gap:25px}
.footer-bottom .arrow{width:17px}
.book-v3 [data-enter]{will-change:auto}
.book-v3 .guide-line,.book-v3 .signature-foot{font-variant-numeric:tabular-nums}
@media(width>=1800px){.guide-section{padding-bottom:120px}.guide-line{margin-bottom:80px}.palette-panel{min-height:500px}.graphic-stage,.graphic-art{min-height:630px}.signature-art{padding-top:90px;padding-bottom:100px}}
@media(width<=1100px){.guide-heading{gap:45px;grid-template-columns:1.5fr 1fr}.guide-heading>p{font-size:12px}.dna-cover .v2-story-sticky{min-height:600px!important}.dna-cover .v2-story-body{gap:20px}.dna-cover h1{font-size:clamp(75px,10vw,130px)}.signature-parts h3{font-size:20px}.signature-parts p{font-size:12px}.signature-parts figure>div{height:170px}.signature-guide{gap:40px}.palette-panel{min-height:370px;padding:30px}.palette-panel>div>strong{font-size:27px}.color-support{grid-template-columns:1fr 1.7fr;gap:25px}.color-support>div{gap:18px}.color-pairings{gap:25px}.type-conversation{gap:30px}.graphic-stage{gap:40px}.graphic-stage,.graphic-art{min-height:460px}.graphic-examples figure>div{height:280px}.bb-icon-grid .acquisition-benefit-symbol{width:80px;height:75px}.ecosystem-member{padding:23px}.image-editorial{gap:40px}.application-section .bb-social{padding:30px}.application-section .bb-application-overlay{padding:35px}.guide-line{margin-bottom:50px}}
@media(width<=760px){.guide-heading{grid-template-columns:1fr;gap:24px}.guide-heading>p{max-width:60ch}.palette-landscape{grid-template-columns:1fr 1fr}.palette-navy{grid-column:1/3;min-height:300px}.palette-panel{min-height:300px}.color-support{grid-template-columns:1fr}.color-pairings{grid-template-columns:1fr 1fr}.type-conversation{grid-template-columns:1fr 1fr}.type-alphabet{display:none}.signature-section .guide-heading{grid-template-columns:1fr}.graphic-stage{grid-template-columns:1.4fr 1fr;gap:25px}.graphic-notes h3{font-size:24px}.image-editorial{gap:30px}.ecosystem-heading{gap:30px}.ecosystem-member{padding:18px}.member-logo{width:95px}.bb-icon-grid{grid-template-columns:repeat(4,1fr)}.application-section .guide-heading{grid-template-columns:1fr}.downloads-section .bb-download-list strong{font-size:19px}}
@media(width<=640px){
 .book-v3 .guide-section{padding:30px 0 60px}.guide-line{font-size:10px;gap:20px;padding-top:14px;margin-bottom:35px}.guide-line>span:last-child{max-width:25ch}.guide-heading{margin-bottom:35px;gap:22px}.guide-heading h2{font-size:clamp(30px,8vw,44px);line-height:1.25}.guide-heading>p{font-size:12px;line-height:1.9}.book-v3 .dna-cover{padding-top:0}.book-v3 .dna-cover .v2-story-sticky{height:calc(100svh - 69px);min-height:670px!important;max-height:950px}.dna-cover .v2-story-sticky>.wrap{padding-top:16px;padding-bottom:20px}.dna-cover .cover-line{padding:10px 0 15px;max-width:none}.dna-cover .v2-story-body{display:grid;grid-template-columns:1fr;grid-template-rows:auto minmax(230px,1fr);padding:25px 0 0;gap:0}.dna-cover .v2-story-content{display:grid;grid-template-columns:1.25fr 1fr;gap:22px;align-items:end}.dna-cover h1{font-size:clamp(49px,14vw,76px);line-height:1.08;margin:0}.cover-description{padding-bottom:4px}.cover-description>p{font-size:13px;line-height:1.65}.cover-description>span{display:none}.dna-cover .story-dna{position:relative;grid-row:2;inset:auto;width:calc(100% + 2 * var(--gutter));margin-left:calc(-1 * var(--gutter));height:100%;max-height:none;min-height:260px}.dna-cover .story-dna-fallback{inset:0;width:100%;height:100%}.dna-cover .v2-story-seal{width:93px;left:80%;top:48%}.dna-cover .v2-story-bottom{padding-top:16px;gap:20px;flex-direction:column;align-items:stretch}.dna-cover .v2-story-controls{justify-content:space-between;gap:6px}.dna-cover .v2-story-controls>button{font-size:10px;min-height:40px;padding:10px 15px;flex:1;justify-content:center}.cover-next{font-size:11px;justify-content:space-between;gap:20px}.cover-next .arrow{width:17px}.dna-cover .v2-story-texture{opacity:.4}.essence-words{grid-template-columns:1fr;gap:28px;padding:10px 0 40px}.essence-words article{display:grid;grid-template-columns:1fr 1.15fr;gap:25px;padding-top:20px}.essence-words h3{font-size:22px;margin:0}.essence-words p{font-size:11px;line-height:1.85}.guide-index{grid-template-columns:1fr 1fr;gap:0 25px}.guide-index a{font-size:11px;padding:16px 0}.signature-section{padding:30px 0 25px}.signature-section .guide-heading h2{font-size:31px}.signature-section .guide-heading>p{font-size:12px}.signature-art{padding:50px 0;min-height:200px}.signature-foot{gap:25px;flex-direction:column;align-items:stretch;padding-top:20px}.signature-foot>a{justify-content:space-between;font-size:11px}.signature-foot .bb-controls{gap:8px}.bb-controls button{font-size:11px;padding:9px 20px}.signature-parts{grid-template-columns:1fr;gap:30px}.signature-parts figure{display:grid;grid-template-columns:1fr 1.3fr;gap:25px;align-items:center}.signature-parts figure>div{height:160px;border:0;margin:0}.signature-parts img{width:90%;height:110px}.signature-parts .seal{width:110px;height:110px}.signature-parts h3{font-size:18px;margin-bottom:12px}.signature-parts p{font-size:11px}.signature-guide{grid-template-columns:1fr;margin-top:40px;padding-top:35px;gap:30px}.signature-clearspace{padding:30px 20px 20px}.signature-clearspace>div{padding:30px 25px}.signature-clearspace>span{font-size:10px}.signature-guide h3{font-size:25px}.signature-guide p{font-size:12px}.palette-panel{min-height:280px;padding:25px 22px}.palette-navy{min-height:270px}.palette-name{font-size:12px}.palette-panel>div>strong{font-size:clamp(20px,5.4vw,29px)}.palette-navy>div>strong{font-size:39px}.palette-panel>div>span,.palette-bottom{font-size:10px}.palette-bottom .arrow{width:16px}.color-support{padding-top:25px}.color-support>div{grid-template-columns:1fr 1fr;gap:24px}.color-pairings{grid-template-columns:1fr 1fr;gap:25px;margin-top:25px;padding-top:25px}.color-pairings p,.color-pairings small{font-size:11px}.color-pairings strong{font-size:12px}.type-font-label{font-size:11px;margin-bottom:25px}.type-display{padding:5px 0 35px}.type-display h2{font-size:clamp(31px,8.8vw,50px);line-height:1.27}.type-conversation{grid-template-columns:1fr;gap:25px;padding-top:30px}.type-conversation h3{font-size:36px;margin-bottom:18px}.type-conversation p{font-size:12px}.type-conversation>div>span{font-size:10px}.book-v3 .bb-type-lab{margin-top:20px}.bb-type-lab>div{font-size:11px;gap:15px}.bb-type-lab>div>label:first-child{width:100%}.book-v3 .bb-type-lab textarea{font-size:min(var(--sample-size,54px),8vw);min-height:160px}.bb-size-control input{width:70px}.bb-footnote{font-size:10px}.graphic-section{padding:30px 0}.graphic-section .guide-heading h2{font-size:34px}.graphic-stage{grid-template-columns:1fr;gap:0}.graphic-stage,.graphic-art{min-height:0}.graphic-art{height:370px;min-height:370px}.graphic-art .v2-acquisition-value{font-size:29vw}.graphic-notes{padding:0 0 35px;max-width:100%}.graphic-notes h3{font-size:27px;margin-bottom:18px}.graphic-notes h3 br{display:block}.graphic-notes p{font-size:12px;max-width:45ch}.graphic-notes>span{font-size:10px;margin-top:18px;max-width:none}.motion-rules{grid-template-columns:1fr;gap:20px;padding-top:22px}.motion-rules p{font-size:11px;max-width:none}.motion-rules strong{font-size:12px}.graphic-examples{grid-template-columns:1fr;gap:35px}.graphic-examples figure>div{height:250px}.graphic-examples h3{font-size:21px}.graphic-examples p{font-size:12px}.graphic-examples figcaption{padding-top:22px}.bb-icon-library{padding-top:45px}.bb-subheading{display:block;margin-bottom:25px}.bb-subheading h3{font-size:23px}.bb-subheading p{margin-top:16px;font-size:11px}.bb-icon-grid{grid-template-columns:repeat(3,1fr);gap:0 10px}.bb-icon-grid figure{padding:23px 5px;gap:12px}.bb-icon-grid .acquisition-benefit-symbol{width:70px;height:65px}.bb-icon-grid figcaption{font-size:10px}.motion-note{grid-template-columns:1fr;gap:15px;margin-top:25px;font-size:11px}.people-film{height:78svh;min-height:570px}.people-film>.wrap{padding-top:25px;padding-bottom:35px}.people-film .guide-line>span:last-child{max-width:19ch}.people-film h2{font-size:clamp(32px,8.8vw,46px);margin-bottom:25px;max-width:15ch}.people-film p{font-size:12px}.people-film>video{object-position:57% center}.image-editorial{grid-template-columns:1fr;gap:30px}.portrait-composition{aspect-ratio:1.1}.image-editorial h3{font-size:32px;margin-bottom:22px}.image-editorial p{font-size:12px;max-width:none}.ecosystem-heading{grid-template-columns:1fr;gap:20px;margin:45px 0 28px}.ecosystem-heading h3{font-size:25px}.ecosystem-heading p{font-size:12px}.ecosystem-gallery{grid-template-columns:1fr;gap:20px}.ecosystem-member{aspect-ratio:1.15;padding:25px}.member-logo{width:125px}.member-photo{object-position:50% 43%}.ecosystem-member figcaption>strong{font-size:27px}.voice-section{padding:30px 0 55px}.voice-section .inner-process-intro h2{font-size:33px}.voice-section .inner-process-intro>p{font-size:12px}.voice-section .inner-process-step summary{min-height:95px}.voice-section .inner-process-step summary strong{font-size:16px}.voice-section .bb-voice-content blockquote{font-size:19px}.application-section .guide-heading h2{font-size:31px}.application-section .bb-application-tabs{gap:18px;margin-bottom:20px}.application-section .bb-application-tabs button{font-size:11px}.application-section .bb-wide-application{aspect-ratio:4/5}.application-section .bb-application-overlay{padding:25px}.application-section .bb-application-overlay h3{font-size:28px;max-width:14ch}.application-section .bb-application-overlay>span{font-size:11px}.application-section .bb-application-meta{font-size:10px;line-height:1.7}.application-section .bb-social-grid{gap:25px;margin-top:35px}.application-section .bb-social{padding:28px;aspect-ratio:1/1.1}.application-section .bb-social h3{font-size:32px}.application-section .bb-social-logo{width:130px}.application-format,.application-section .bb-social figcaption{font-size:10px}.downloads-section .bb-download-list{grid-template-columns:1fr}.downloads-section .bb-download-list strong{font-size:20px}.downloads-section .bb-source-note{font-size:10px}.guide-footer{padding:35px 0 25px}.footer-top{flex-direction:column;gap:25px}.footer-top p{font-size:12px}.footer-top a{font-size:11px;justify-content:space-between;width:100%}.footer-wordmark{margin:45px 0}.footer-bottom{font-size:10px;flex-wrap:wrap;gap:20px}.footer-bottom>span:nth-child(2){display:none}
}
@media(prefers-reduced-motion:reduce){.book-v3 *{scroll-behavior:auto!important}.book-v3 .dna-cover .v2-story-body{min-height:0}.book-v3 [data-enter]{transform:none!important;opacity:1!important;clip-path:none!important}.book-v3 .v2-story-seal>span{animation:none}.book-v3 .arrow,.signature-section{transition:none}}
@media print{.site-header,.v2-story-controls,.cover-next,.bb-controls,.guide-index{display:none!important}.book-v3 .dna-cover{padding-top:0}.book-v3 .dna-cover .v2-story-sticky{height:600px}.guide-section,.signature-section,.graphic-section{break-inside:avoid}.guide-footer{break-before:page}}