:root{--paper:#f4f3ed;--graphite:#3b3a3a;--olive:#56623d;--muted:#77796e;--line:#d3d4c8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:70px}body{margin:0;background:var(--paper);color:var(--graphite);font:16px/1.65 Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #89986a;outline-offset:5px}h1,h2,p,figure{margin:0}::selection{background:#c7cfb5;color:#292c24}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip{position:fixed;top:-90px;left:20px;padding:12px;background:white;z-index:100}.skip:focus{top:10px}.topbar{position:fixed;top:0;left:0;right:0;height:76px;padding:0 4.5vw;display:flex;justify-content:space-between;align-items:center;z-index:20;background:#f4f3edf2;border-bottom:1px solid #d3d4c87a;backdrop-filter:blur(12px)}.project-name{font-weight:700;font-size:15px;letter-spacing:1.5px;display:flex;align-items:center;gap:25px}.project-name span{font-weight:400;font-size:12px;letter-spacing:.2px;color:var(--muted);border-left:1px solid var(--line);padding-left:25px}.edition{font-size:12px;color:var(--muted)}#fullscreen{border:0;background:transparent;font-size:12px;display:flex;gap:16px;align-items:center;padding:10px 0}#fullscreen span{font-size:22px}.chapter{padding:90px 7.5vw 105px;position:relative}.section-top{display:flex;justify-content:space-between;gap:25px;font-size:12px;letter-spacing:.7px;padding-bottom:23px;border-bottom:1px solid var(--line);margin-bottom:80px}.section-top span:first-child{text-transform:uppercase}.section-top span:last-child{color:var(--muted)}.cover{min-height:100svh;padding:112px 7.5vw 118px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.cover-top{display:flex;justify-content:space-between;gap:20px;font-size:12px;letter-spacing:.5px;color:var(--muted)}.cover-logo{width:100%;margin:80px 0 95px;animation:logo-enter 1.5s cubic-bezier(.2,.7,.2,1) both}.cover-logo img{width:100%}.cover-bottom{display:flex;justify-content:space-between;gap:35px;align-items:flex-end}.cover-bottom p{font-size:clamp(26px,3vw,44px);line-height:1.2;letter-spacing:-1.4px}.cover-bottom p span{color:#909381}.begin{display:flex;gap:65px;align-items:center;font-size:14px;border-bottom:1px solid var(--line);padding-bottom:12px}.begin span{font-size:27px;color:var(--olive)}.cover-rule{height:6px;background:var(--olive);position:absolute;bottom:0;left:0;width:100%;transform-origin:left;animation:rule-enter 1.3s ease-out both}h2{font-weight:400;font-size:clamp(42px,5vw,76px);letter-spacing:-3.7px;line-height:1.08}.form-section{background:#e9eae1}.form-layout{display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:center}.detail-display{aspect-ratio:1.07;position:relative;display:flex;align-items:center;justify-content:center;border:1px solid #c7cbb9;background:linear-gradient(90deg,transparent calc(50% - .5px),#c7cbb9 calc(50% - .5px),#c7cbb9 calc(50% + .5px),transparent calc(50% + .5px))}.detail-display img{width:74%;position:relative}.detail-cross{position:absolute;font-size:22px;font-weight:400;color:#8d937f;line-height:1}.cross-one{top:-12px;left:-7px}.cross-two{bottom:-10px;right:-7px}.detail-caption{position:absolute;bottom:17px;left:20px;right:20px;display:flex;justify-content:space-between;font-size:12px;color:#7b826f}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:24px;color:var(--olive)}.form-copy h2{font-size:clamp(40px,4.3vw,65px);margin-bottom:35px}.form-copy>p:not(.eyebrow){font-size:16px;color:#686d5f;margin:0 0 18px;max-width:450px}.form-key{display:flex;gap:25px;border-top:1px solid #c7cbb9;margin-top:35px;padding-top:18px;font-size:12px;color:#727b61}.versions-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:48px}.versions-heading>p{font-size:15px;color:var(--muted)}.logo-stage{min-height:410px;position:relative;display:flex;align-items:center;justify-content:center;transition:background .5s,color .5s;border:1px solid var(--line)}.logo-stage img{width:76%;max-width:1000px;margin:95px 0}.logo-stage>span{position:absolute;font-size:12px;letter-spacing:.3px}.logo-stage>span:first-child{top:25px;left:30px}.stage-index{bottom:25px;right:30px}.logo-stage.light{background:white}.logo-stage.dark{background:var(--graphite);color:white;border-color:var(--graphite)}.logo-stage.olive{background:var(--olive);color:white;border-color:var(--olive)}.variant-controls{display:flex;justify-content:center;gap:12px;margin-top:26px}.variant-controls button{display:flex;align-items:center;gap:10px;border:1px solid transparent;background:none;padding:10px 17px;font-size:14px;border-radius:3px}.variant-controls button[aria-pressed=true]{border-color:#8c9580}.dot{width:12px;height:12px;display:block;border-radius:50%}.light-dot{background:white;border:1px solid #b7bcad}.dark-dot{background:var(--graphite)}.olive-dot{background:var(--olive)}.colors{background:#e9eae1}.color-intro{display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:end;margin-bottom:62px}.color-intro h2{font-size:clamp(55px,7vw,102px)}.color-intro>p{max-width:360px;color:#686d5f;font-size:17px;margin-bottom:4px}.swatches{display:grid;grid-template-columns:1.2fr 1fr .8fr}.swatch{text-align:left;min-height:350px;display:flex;flex-direction:column;justify-content:space-between;padding:30px;border:0;transition:transform .25s}.swatch:hover{transform:translateY(-8px)}.graphite{background:#3b3a3a;color:white}.olive{background:#56623d;color:white}.white{background:white;color:#3b3a3a}.swatch-name{display:flex;justify-content:space-between;gap:20px;font-size:16px}.swatch-name>span{font-size:12px;opacity:.65}.swatch-code{font-size:clamp(24px,2.7vw,40px);letter-spacing:-1.5px;margin-top:65px}.swatch-code small{display:block;font-size:12px;letter-spacing:.4px;margin-top:7px;opacity:.65}.copy-hint{font-size:12px;display:flex;justify-content:space-between;border-top:1px solid #ffffff35;margin-top:32px;padding-top:17px}.white .copy-hint{border-color:#deded7}.copy-status{min-height:25px;font-size:12px;color:var(--muted);padding-top:18px}.applications{padding-bottom:75px}.application-title{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:65px}.application-title>p{font-size:15px;color:var(--muted)}.mockup-figure{margin-bottom:80px}.mockup{position:relative;width:100%;overflow:hidden}.mockup .scene{width:100%;height:auto}.placed-logo{position:absolute;height:auto;transform:translate(-50%,-50%)}.sign .placed-logo{left:50.25%;top:45.35%;width:43%;opacity:.94}.card .placed-logo{left:50%;top:49.8%;width:33%;mix-blend-mode:multiply}.mockup-figure figcaption{display:flex;justify-content:space-between;gap:25px;font-size:12px;padding-top:20px;color:var(--muted)}.mockup-figure figcaption span:first-child{color:var(--graphite)}.mockup-figure b{font-weight:400;margin-right:30px;color:#898f7c}.stationery{width:80%;margin-left:auto;margin-bottom:30px}.mockup-note{font-size:12px;color:var(--muted);text-align:right}.type-section{background:#e9eae1}.type-layout{display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:center}.type-specimen{display:flex;flex-direction:column;border:1px solid #c7cbb9;padding:26px 35px}.type-name{font-size:12px;letter-spacing:.6px}.big-aa{font-size:clamp(130px,19vw,280px);letter-spacing:-15px;line-height:1.25;color:var(--olive)}.alphabet{font-size:clamp(13px,1.3vw,18px);letter-spacing:1px;overflow-wrap:anywhere;line-height:1.8}.type-copy h2{font-size:clamp(40px,4.3vw,65px);margin-bottom:35px}.type-copy p{font-size:16px;color:#686d5f;max-width:440px}.type-copy .type-note{font-size:12px;border-top:1px solid #c7cbb9;margin-top:30px;padding-top:20px}.ending{background:var(--olive);color:white;min-height:90svh;padding-bottom:150px}.ending .section-top{border-color:#ffffff3d}.ending .section-top span:last-child{color:#d1d7c5}.ending-logo{margin:100px 0 115px}.ending-logo img{width:100%}.ending-bottom{display:grid;grid-template-columns:1fr 1fr;gap:12vw;align-items:end}.ending h2{font-size:42px;letter-spacing:-1.5px}.ending p{font-size:14px;color:#d1d7c5;max-width:330px;margin-top:20px}.downloads{display:flex;flex-direction:column}.downloads a{display:flex;justify-content:space-between;gap:25px;border-bottom:1px solid #ffffff61;padding:20px 0;font-size:16px}.downloads a span{font-size:12px;align-self:center}.downloads a:hover{color:#d0ddbc}.chapter-nav{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:25;display:flex;align-items:center;background:#f8f8f2f5;backdrop-filter:blur(15px);padding:5px;border:1px solid #d1d5c5;border-radius:4px;box-shadow:0 5px 28px #25291b12;max-width:calc(100vw - 28px)}.chapter-nav a{display:flex;gap:8px;align-items:center;justify-content:center;min-width:45px;min-height:42px;padding:8px 12px;font-size:12px;color:#777e69;transition:background .25s,color .25s}.chapter-nav b{font-weight:400;display:none}.chapter-nav a[aria-current]{background:var(--olive);color:white}.chapter-nav a[aria-current] b{display:inline}.chapter-nav a:hover{background:#e4e8da;color:var(--graphite)}.reading-progress{position:fixed;bottom:0;left:0;right:0;height:3px;z-index:40;pointer-events:none}.reading-progress span{display:block;width:0;height:100%;background:#879564}.js .reveal{opacity:0;transform:translateY(25px);transition:opacity .85s ease,transform .85s cubic-bezier(.2,.7,.2,1)}.js .reveal.visible{opacity:1;transform:none}@keyframes logo-enter{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}@keyframes rule-enter{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(min-width:1700px){.chapter{padding-inline:max(7.5vw,calc((100vw - 1440px)/2))}}
@media(max-width:1000px){.chapter{padding-inline:6vw;padding-block:75px 95px}.cover{padding-top:115px;min-height:90svh}.form-layout,.type-layout{gap:6vw}.form-copy h2,.type-copy h2{font-size:40px;letter-spacing:-2px}.section-top{margin-bottom:55px}.color-intro{gap:6vw}.swatch{padding:25px;min-height:310px}.stationery{width:90%}.logo-stage{min-height:340px}.ending{padding-bottom:140px}.ending-logo{margin:90px 0}.hero-index{font-size:12px}}
@media(max-width:700px){html{scroll-padding-top:60px}.topbar{height:63px;padding-inline:22px}.project-name{font-size:13px;gap:13px}.project-name span{font-size:12px;padding-left:13px}.edition{display:none}#fullscreen{font-size:0;gap:0}#fullscreen span{font-size:25px}.chapter{padding:60px 22px 85px}.cover{min-height:85svh;min-height:85dvh;padding-top:98px;padding-bottom:95px}.cover-top{font-size:12px;display:block}.cover-top span:last-child{display:block;margin-top:5px;color:#a2a696}.cover-logo{margin:80px 0}.cover-bottom{display:block}.cover-bottom p{font-size:32px;letter-spacing:-1px}.begin{margin-top:30px;width:fit-content;font-size:14px;gap:35px}.cover-rule{height:4px}.section-top{font-size:12px;gap:18px;margin-bottom:38px;padding-bottom:17px}.section-top span:last-child{max-width:135px;text-align:right}.form-layout,.type-layout{grid-template-columns:1fr;gap:40px}.detail-display{max-width:420px;width:100%;justify-self:center;aspect-ratio:1.15}.detail-display img{width:64%}.form-copy h2,.type-copy h2{font-size:40px;letter-spacing:-2.1px;margin-bottom:25px}.form-copy>p:not(.eyebrow),.type-copy>p{font-size:16px;max-width:none}.eyebrow{font-size:12px;margin-bottom:18px}.form-key{margin-top:27px;gap:25px}.versions-heading,.application-title{display:block;margin-bottom:32px}h2{font-size:43px;letter-spacing:-2.3px}.versions-heading>p,.application-title>p{font-size:14px;margin-top:24px}.logo-stage{min-height:260px}.logo-stage img{width:84%;margin:90px 0}.logo-stage>span:first-child{top:18px;left:18px;font-size:12px}.stage-index{right:18px;bottom:18px;font-size:12px}.variant-controls{gap:4px;margin-top:18px}.variant-controls button{padding:9px 10px;font-size:13px;gap:7px}.color-intro{display:block;margin-bottom:35px}.color-intro h2{font-size:65px;letter-spacing:-3.5px}.color-intro>p{font-size:16px;margin-top:26px;max-width:none}.swatches{grid-template-columns:1fr}.swatch{min-height:228px;padding:24px}.swatch:hover{transform:none}.swatch-code{font-size:33px;margin-top:25px;letter-spacing:-1px}.copy-hint{margin-top:23px;padding-top:14px}.copy-status{font-size:12px}.mockup-figure{margin-bottom:40px}.mockup-figure figcaption{display:block;padding-top:14px;font-size:12px}.mockup-figure figcaption span{display:block}.mockup-figure figcaption span:last-child{margin-top:4px}.mockup-figure b{margin-right:15px}.stationery{width:100%;margin-bottom:25px}.mockup-note{text-align:left}.applications{padding-inline:0}.applications>.section-top,.applications>.application-title,.mockup-figure figcaption,.mockup-note{margin-inline:22px}.type-specimen{padding:25px}.big-aa{font-size:180px;letter-spacing:-12px;line-height:1.3}.alphabet{font-size:14px}.ending{padding-bottom:140px;min-height:auto}.ending-logo{margin:80px 0 90px}.ending-bottom{grid-template-columns:1fr;gap:35px}.ending h2{font-size:37px}.ending p{font-size:14px}.downloads a{font-size:15px}.chapter-nav{bottom:14px;padding:4px;width:calc(100vw - 28px);justify-content:space-between}.chapter-nav a{min-width:0;flex:1;padding:8px 5px;font-size:12px;min-height:40px}.chapter-nav a[aria-current] b{display:none}.chapter-nav a[aria-current]{flex:1.15}.reading-progress{height:2px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}}

.logo-stage.olive{background:#dce1d1;color:var(--graphite);border-color:#dce1d1}.ending{background:#272923}
.concept-picker{display:flex;gap:12px;align-items:center;font-size:12px;color:var(--muted)}.concept-picker select{font:14px Arial,sans-serif;color:var(--graphite);background:transparent;border:1px solid #b9bfae;border-radius:3px;padding:9px 30px 9px 12px;max-width:250px}.concept-picker select:focus-visible{outline:3px solid #89986a;outline-offset:3px}.concept-overview{padding:70px 7.5vw 85px;background:#eceee5}.overview-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:35px}.overview-heading h2{font-size:40px;letter-spacing:-2px}.overview-heading p{max-width:330px;font-size:15px;color:var(--muted)}.concept-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.concept-card{background:var(--paper);border:1px solid #d3d4c8;text-align:left;padding:16px}.concept-card[aria-pressed=true]{border-color:var(--olive);box-shadow:inset 0 0 0 1px var(--olive)}.concept-card>span:last-child{font-size:12px;display:block;margin-top:15px}.concept-thumb{display:flex;justify-content:center;align-items:center;height:145px}.concept-thumb img{max-height:100%;width:90%;object-fit:contain}.concept-card:first-child .concept-thumb img{width:100%}#concept-status,.palette-note{font-size:12px;color:var(--muted);margin-top:20px}.cover-logo{height:250px;display:flex;align-items:center;justify-content:center;margin:55px 0}.cover-logo img{width:100%;max-height:100%;object-fit:contain}.stacked-concept .cover-logo img{width:auto;max-width:90%;height:100%}.stacked-concept .detail-display img{width:76%;height:76%;object-fit:contain}.stacked-concept .logo-stage img{width:auto;max-width:70%;height:260px;margin:75px 0}.ending-logo{height:230px;display:flex;align-items:center;justify-content:center}.ending-logo img{max-height:100%;object-fit:contain}.stacked-concept .ending-logo img{width:auto;height:100%;max-width:80%}.logo-stage>span:first-child{max-width:calc(100% - 45px)}
@media(max-width:1000px){.project-name span{display:none}.concept-grid{grid-template-columns:repeat(2,1fr)}.concept-overview{padding-inline:6vw}}
@media(max-width:700px){.topbar{height:102px;flex-wrap:wrap;padding:10px 22px;gap:5px}.project-name{width:calc(100% - 40px)}#fullscreen{position:absolute;right:22px;top:11px}.concept-picker{width:100%;justify-content:space-between;gap:8px}.concept-picker select{font-size:13px;max-width:calc(100% - 55px);flex:1;padding-block:7px}html{scroll-padding-top:110px}.cover{padding-top:128px}.concept-overview{padding:45px 22px 60px}.overview-heading{display:block}.overview-heading h2{font-size:33px;letter-spacing:-1.5px}.overview-heading p{margin-top:22px}.concept-grid{gap:10px}.concept-card{padding:10px}.concept-thumb{height:105px}.concept-card>span:last-child{min-height:36px}.cover-logo{height:180px;margin:40px 0}.stacked-concept .logo-stage img{height:170px;margin:70px 0}.ending-logo{height:180px;margin:65px 0}.palette-note{line-height:1.6}}