:root{--ink:#353130;--stone:#eaeae8;--blue:#acbbc2;--sage:#c9cfca;--paper:#f7f7f4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Baskerville,'Palatino Linotype',Georgia,serif}a{color:inherit;text-decoration:none}button{font:inherit}header{height:98px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid #35313030;background:var(--paper)}.wordmark{font-size:34px;font-weight:bold;letter-spacing:-1.6px}nav{display:flex;gap:36px;font:11px Arial,sans-serif;letter-spacing:1.5px;text-transform:uppercase}nav a{padding:12px 0;border-bottom:1px solid transparent}nav a:hover,nav a[aria-current]{border-color:var(--ink)}.label{font:10px Arial,sans-serif;text-transform:uppercase;letter-spacing:2px;line-height:1.6}.hero{display:grid;grid-template-columns:1.25fr 1fr;min-height:730px}.hero-copy{padding:76px 9% 45px 8%;display:flex;flex-direction:column;align-items:flex-start}.hero h1{font-size:clamp(60px,6.5vw,108px);font-weight:normal;line-height:.98;letter-spacing:-4px;margin:70px 0 30px}.hero h1 em{font-weight:normal}.hero p{max-width:360px;font-size:19px;line-height:1.6}.hero-img{position:relative;background:var(--blue);overflow:hidden}.hero-img img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:center 57%}.caption{position:absolute;bottom:25px;left:28px;background:var(--paper);padding:12px 18px}.link{display:inline-flex;justify-content:space-between;gap:60px;border-bottom:1px solid var(--ink);padding:16px 0;font:11px Arial,sans-serif;text-transform:uppercase;letter-spacing:1.5px;margin-top:20px}.hero .link{margin-top:auto}.intro{padding:100px 8%;display:grid;grid-template-columns:1fr 2fr;gap:8%}h2{font-size:clamp(36px,4vw,60px);font-weight:normal;letter-spacing:-1.6px;line-height:1.1;margin:0 0 26px}p{font-size:18px;line-height:1.65}.intro p{max-width:650px}.gallery{padding:0 5% 100px;display:grid;grid-template-columns:1.5fr 1fr;gap:5%}.gallery figure{margin:0}.gallery figure:last-child{padding-top:130px}.gallery img{width:100%;height:440px;object-fit:cover}.gallery figure:last-child img{height:330px}.gallery figcaption{display:flex;justify-content:space-between;border-top:1px solid #35313040;padding-top:18px;margin-top:16px}.identity{background:var(--blue);padding:85px 8%;display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center}.identity .logo-panel{background:var(--stone);min-height:310px;display:grid;place-items:center}.logo-panel img{width:65%;max-width:360px}.identity p{max-width:420px}footer{padding:50px 5% 28px;display:flex;justify-content:space-between;align-items:flex-end}footer p{font-size:13px;margin:6px 0}.guide-head{padding:80px 8% 65px;max-width:1000px}.guide-head h1{font-size:clamp(54px,7vw,90px);font-weight:normal;letter-spacing:-3px;margin:30px 0}.guide-layout{display:grid;grid-template-columns:220px 1fr;gap:6%;padding:0 8% 100px}.side{position:sticky;top:25px;align-self:start;display:flex;flex-direction:column;gap:24px;font:11px Arial,sans-serif;text-transform:uppercase;letter-spacing:1px}.guide-section{padding:40px 0 60px;border-top:1px solid #35313055}.guide-section h2{font-size:40px}.guide-section p{max-width:650px}.marks{display:grid;grid-template-columns:1fr 1fr;gap:20px}.marks .logo-panel{min-height:240px;display:grid;place-items:center;background:var(--stone)}.marks .logo-panel:last-child{background:var(--blue)}.swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.swatch{border:0;color:var(--ink);background:none;padding:0;text-align:left;cursor:pointer}.swatch i{display:block;height:150px;background:var(--color);margin-bottom:14px}.swatch span{display:block;font:11px Arial,sans-serif;margin:6px 0}.type-sample{padding:30px;background:var(--stone);margin-top:16px}.type-sample strong{font-size:36px;letter-spacing:2px}.type-sample em{font-size:34px}.type-sample .label{margin-bottom:20px}.pattern{width:100%;height:260px;background:var(--stone) url('assets/pattern.svg') center/300px auto repeat}.photo-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}.photo-pair img{width:100%;height:280px;object-fit:cover}.notice{font:12px/1.6 Arial,sans-serif;opacity:.7}.toast{position:fixed;bottom:25px;right:25px;background:var(--ink);color:white;padding:15px 25px;font:13px Arial;opacity:0;transition:opacity .2s;pointer-events:none}.toast.show{opacity:1}.sheet{width:100%;margin-top:25px}a:focus-visible,button:focus-visible{outline:2px solid #353130;outline-offset:5px}@media(max-width:760px){header{height:80px;padding:0 6%}nav{gap:17px;font-size:9px;letter-spacing:1px}.wordmark{font-size:27px}.hero{grid-template-columns:1fr}.hero-copy{padding:45px 7%}.hero h1{margin:40px 0 20px;font-size:65px}.hero .link{margin-top:20px}.hero-img{min-height:490px}.intro{padding:65px 7%;grid-template-columns:1fr;gap:25px}.gallery{padding:0 7% 60px;gap:35px;grid-template-columns:1fr}.gallery figure:last-child{padding:0}.gallery img{height:330px}.identity{padding:60px 7%;grid-template-columns:1fr;gap:40px}.guide-head{padding:50px 7%}.guide-layout{padding:0 7% 60px;grid-template-columns:1fr}.side{position:static;flex-direction:row;flex-wrap:wrap;margin-bottom:30px;gap:17px}.marks{grid-template-columns:1fr}.swatches{grid-template-columns:repeat(2,1fr)}.photo-pair img{height:180px}footer{gap:20px}.guide-section h2{font-size:34px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.wordmark img{display:block;width:130px;height:auto}@media(max-width:760px){.wordmark img{width:100px}}

/* Keep editorial phrases together across viewport sizes. */
.hero-copy{container-type:inline-size}
.hero h1{font-size:clamp(30px,15cqw,108px);letter-spacing:-.045em;max-width:100%}
.hero h1>span{display:block;white-space:nowrap}
h2,.guide-head h1{text-wrap:balance}
p{ text-wrap:pretty;orphans:2;widows:2 }
@media(max-width:760px){.hero h1{font-size:clamp(30px,15cqw,78px)}}