/* Interior files: postwar American science publishing, translated into a working scent archive. */
.interior{--page-gutter:clamp(1rem,4vw,5rem)}
.interior{background-color:var(--paper);background-image:linear-gradient(rgba(17,21,18,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(17,21,18,.04) 1px,transparent 1px);background-size:24px 24px}
.issue-bar{min-height:30px;padding:.35rem 3vw;display:flex;justify-content:space-between;gap:1rem;background:var(--acid);border-bottom:1px solid var(--ink);font:700 .72rem/1.2 'Courier New',monospace;letter-spacing:.04em}
.site-header nav a{min-height:44px;display:inline-flex;align-items:center}
.site-header nav{max-width:none}
.page-opening{position:relative;padding:5rem var(--page-gutter,3vw);border-bottom:2px solid var(--ink);background:color-mix(in srgb,var(--paper) 91%,transparent);overflow:hidden}
.page-opening:after{content:"FILED / VERIFIED / OPEN";position:absolute;right:var(--page-gutter);top:2rem;padding:.6rem .8rem;border:2px solid var(--oxide);border-radius:50%;color:var(--oxide);font:700 .68rem/1 'Courier New',monospace;transform:rotate(7deg)}
.page-opening h1,.interior .section-head h1,.interior .finder-heading h1{font-size:clamp(3rem,7vw,8rem);font-weight:500;line-height:.97;letter-spacing:-.065em;margin:2rem 0}
.page-opening .page-intro{font-size:clamp(1.05rem,1.7vw,1.4rem);line-height:1.5;max-width:54ch;margin:1.5rem 0 0}
.page-section{padding:4rem var(--page-gutter,3vw)}
.composition-path{display:grid;grid-template-columns:minmax(180px,1fr) minmax(0,2fr);gap:2rem;align-items:start;margin:0 var(--page-gutter,3vw) 4rem;padding:1.5rem 0 0;border-top:2px solid var(--system-blue,#24465c)}
.composition-path .kicker{margin:0}
.composition-path h2{margin:0 0 .7rem;font-size:clamp(1.6rem,3vw,2.8rem);line-height:1;letter-spacing:-.04em}
.composition-path p:not(.kicker){max-width:55ch;margin:0 0 1.4rem;line-height:1.5}
.composition-path a{display:inline-block;border-bottom:1px solid currentColor;padding-bottom:.35rem;color:var(--system-blue,#24465c);font:700 .8rem/1.3 'Courier New',monospace;text-transform:uppercase}
.composition-path a:hover,.composition-path a:focus-visible{color:var(--oxide,#9e3f00)}
@media(max-width:650px){.composition-path{grid-template-columns:1fr;gap:1rem;margin:0 1rem 3rem}}
.record{display:grid;grid-template-columns:minmax(170px,1fr) 2fr;gap:3rem;border-top:1px solid var(--ink);padding:2rem 0;scroll-margin-top:100px;background:color-mix(in srgb,var(--paper) 94%,transparent)}
.record h2{font-size:1rem;font-weight:500;letter-spacing:.025em;margin:.25rem 0}
.record p{font-size:1.05rem;line-height:1.65;max-width:65ch;margin:0 0 1rem}
.record a:not(.button){text-decoration:underline;text-underline-offset:4px}
.record .text-link{display:inline-block;padding-top:1rem}
.record .facts{margin-top:0}
.breadcrumbs{display:flex;gap:1.5rem;padding:1.2rem var(--page-gutter);font-size:.875rem;border-bottom:1px solid var(--ink)}
.breadcrumbs a{text-decoration:underline;text-underline-offset:4px}
.product-stage{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);border-bottom:1px solid var(--ink)}
.product-stage figure{position:relative;margin:0;border-right:1px solid var(--ink);display:flex;flex-direction:column;justify-content:center;background:#e5e3db}
.record-stamp{position:absolute;z-index:2;right:2rem;top:2rem;width:100px;height:100px;display:grid;place-items:center;border:3px double var(--oxide);border-radius:50%;background:var(--paper);color:var(--oxide);font:700 .72rem/1.15 'Courier New',monospace;text-align:center;transform:rotate(9deg)}
.product-stage figure>img{width:100%;aspect-ratio:1;object-fit:cover}
.product-stage figcaption{font-family:'Courier New',monospace;font-size:.875rem;padding:1.2rem 2rem;border-top:1px solid var(--ink)}
.purchase-record{padding:clamp(2rem,4vw,4.5rem);align-self:center}
.identity-symbols{display:flex;align-items:center;gap:.3em;font-size:3.3rem;margin:0 0 1.5rem}
.identity-symbols svg{width:1em;height:1em;display:block;flex-shrink:0}
.purchase-record h1{font-size:clamp(2.8rem,5.3vw,6rem);font-weight:500;line-height:1;letter-spacing:-.06em;margin:1rem 0}
.purchase-record .structure{font-family:'Courier New',monospace;font-size:.875rem;letter-spacing:.04em}
.presence-label{display:inline-block;border:1px solid var(--ink);padding:.45rem .7rem;font-size:.875rem;margin:.4rem 0 1.5rem}
.purchase-record h2{font-weight:400;font-size:clamp(1.4rem,2.2vw,2.3rem);line-height:1.1;letter-spacing:-.025em;margin:0 0 1rem}
.purchase-record>p{line-height:1.5}
.price-line{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--ink);padding:1rem 0;margin-top:2rem;gap:1rem}
.price-line strong{font-size:2rem;font-weight:400}
.price-line span{font-family:'Courier New',monospace;font-size:.875rem}
.purchase-link{width:100%}
.purchase-record .purchase-note{font-size:.875rem;color:var(--muted);margin:.7rem 0 1.4rem}
.purchase-terms{font-family:'Courier New',monospace;font-size:.875rem}
.inline-links{display:flex;gap:1.5rem;font-size:.875rem}
.inline-links a{text-decoration:underline;text-underline-offset:4px}
.facts{display:grid;grid-template-columns:110px 1fr;column-gap:2rem;margin:1rem 0 2rem;font-size:1rem}
.facts dt,.facts dd{padding:.8rem 0;border-bottom:1px solid #c2c0b6;margin:0;line-height:1.5}
.facts dt{color:var(--muted)}
.related{border-top:1px solid var(--ink)}
.related>h2{font-size:clamp(2rem,4vw,4rem);font-weight:500;letter-spacing:-.05em;margin:1rem 0 3rem}
.related .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:1100px}
.product-card .image-link{display:block;border:0;padding:0;margin:1rem 0 0;background:none;aspect-ratio:1.3;overflow:hidden}
.product-card .image-link:hover{padding:0}
.product-card .image-link img{height:100%;width:100%;object-fit:cover}
.product-data .identity-symbols{font-size:1.8rem;margin:0}
.product-data .identity-symbols svg{width:1em;height:1em}
.material-index>label{display:block;font-size:.875rem;margin-bottom:.75rem}
.material-index>input{width:min(100%,600px);font:inherit;border:1px solid var(--ink);padding:1rem;background:transparent;border-radius:0;min-height:48px}
.material-group{margin-top:3rem}
.material-group>h2{font-size:.875rem;letter-spacing:.08em;padding:1rem 0;border-bottom:2px solid var(--ink);font-weight:500}
.material-controls{position:sticky;top:80px;z-index:8;padding:1.2rem;background:var(--paper);border:1px solid var(--ink);box-shadow:7px 7px 0 var(--blueprint)}
.material-filters{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:1rem}
.material-filters button{min-height:42px;padding:.6rem .8rem;border:1px solid var(--ink);background:transparent;font:700 .75rem/1 'Courier New',monospace;cursor:pointer}
.material-filters button[aria-pressed="true"]{background:var(--ink);color:var(--paper)}
.material-entry{width:100%;display:grid;grid-template-columns:70px 1fr 2fr auto;align-items:start;text-align:left;color:inherit;background:transparent;font:inherit;border:0;border-bottom:1px solid #9d9b92;padding:1.5rem 0;gap:1.5rem;cursor:pointer}
.material-entry:hover{background:color-mix(in srgb,var(--acid) 24%,transparent)}
.material-entry[aria-pressed="true"]{background:var(--acid);padding-left:1rem;padding-right:1rem;box-shadow:inset 6px 0 0 var(--oxide)}
.material-code,.select-note{font:700 .72rem/1.2 'Courier New',monospace;color:var(--blueprint)}
.material-entry[aria-pressed="true"] .select-note{color:var(--ink)}
.material-entry h3{font-size:1rem;font-weight:500;margin:0}
.material-entry p{margin:0;max-width:65ch;line-height:1.6}
.material-entry[hidden],.material-group[hidden]{display:none}
.throw-scale{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin:0 0 2rem}
.throw-scale span{display:grid;grid-template-rows:auto 24px auto;gap:.5rem;padding:1rem;border:1px solid var(--ink);font-family:'Courier New',monospace}
.throw-scale i{display:block;height:12px;align-self:center;background:var(--oxide)}
.throw-scale span:nth-child(1) i{width:34%}.throw-scale span:nth-child(2) i{width:67%}.throw-scale span:nth-child(3) i{width:100%}
.throw-scale small{font-size:.75rem}
.glossary-entry{display:grid;grid-template-columns:55px minmax(180px,1fr) 2fr;gap:2rem;padding:1.5rem 0;border-top:1px solid var(--ink);scroll-margin-top:100px}
.glossary-entry>span{font:700 .75rem/1 'Courier New',monospace;color:var(--oxide)}
.glossary-entry h2{margin:0;font-size:1rem;letter-spacing:.04em}.glossary-entry p{margin:0;max-width:62ch;line-height:1.6}
.guide-index{padding-top:0}.guide-row{display:grid;grid-template-columns:110px minmax(240px,1fr) 2fr auto;gap:2rem;align-items:start;padding:2rem 0;border-top:1px solid var(--ink)}
.guide-row:hover{background:var(--acid);padding-left:1rem;padding-right:1rem}.guide-row>span,.guide-row>b{font:700 .74rem/1.2 'Courier New',monospace;color:var(--blueprint)}
.guide-row h2{font-size:clamp(1.4rem,2.5vw,2.8rem);line-height:1;margin:0;letter-spacing:-.04em}.guide-row p{margin:0;max-width:55ch;line-height:1.55}.guide-row b{color:var(--ink)}
.cart-record{display:grid;grid-template-columns:2fr 1fr;gap:4rem}.cart-line{display:grid;grid-template-columns:90px 1fr auto auto;gap:1.5rem;align-items:center;padding:1.2rem 0;border-top:1px solid var(--ink)}
.cart-line img{width:90px;aspect-ratio:1;object-fit:cover}.cart-line h2{font-size:1.2rem;margin:0}.cart-line p{margin:.3rem 0;font-family:'Courier New',monospace;font-size:.8rem}.cart-line button{border:0;border-bottom:1px solid;background:transparent;font:700 .75rem/1 'Courier New',monospace;cursor:pointer}
.cart-summary{position:sticky;top:110px;align-self:start;padding:1.5rem;background:var(--acid);border:1px solid var(--ink);box-shadow:8px 8px 0 var(--oxide)}.cart-totals{border-bottom:1px solid var(--ink);margin-bottom:1rem;padding-bottom:.75rem}.cart-totals p{display:flex;justify-content:space-between;gap:1rem;margin:.35rem 0}.cart-totals .cart-final{align-items:baseline;border-top:1px solid var(--ink);margin-top:.75rem;padding-top:.75rem}.cart-summary strong{font-size:2rem}.cart-offer{font:700 .78rem/1.5 'Courier New',monospace}.cart-summary .button{width:100%;margin-top:1rem}
.process-list{list-style:decimal-leading-zero;padding-left:2rem;margin:0}
.process-list li{border-bottom:1px solid #c2c0b6;padding:.9rem 0 .9rem 1rem}
.about-split{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--ink)}
.about-split>img{height:100%;min-height:500px;object-fit:cover}
.about-split>div{padding:4rem var(--page-gutter);align-self:center}
.about-split p{font-size:clamp(1.2rem,2vw,1.8rem);line-height:1.4;letter-spacing:-.02em;margin-bottom:2rem}
.about-split .text-link{display:inline-block;padding-top:1rem}
.contact-links{display:flex;flex-direction:column;gap:1rem}
.service-records p{font-size:1rem;text-transform:none}
.interior .finder-heading h1{font-size:clamp(3rem,6vw,7rem)}
.interior .page-section>.page-opening{padding:0 0 3rem;border:0}
@media(max-width:1100px){.site-header{gap:1rem}.site-header nav{gap:.8rem;font-size:.8rem;flex-wrap:wrap;justify-content:flex-end}.brand{white-space:nowrap}}
@media(max-width:900px){.site-header nav a:nth-child(1),.site-header nav a:nth-child(3){display:inline-flex}.site-header{position:relative;flex-wrap:wrap}.site-header nav{justify-content:flex-start;max-width:100%}.product-stage{grid-template-columns:1fr 1fr}.purchase-record{padding:1.5rem}.purchase-record h1{font-size:2.7rem}.identity-symbols{font-size:2.5rem}.record{grid-template-columns:1fr 2fr;gap:1.5rem}.about-split{grid-template-columns:1fr}.about-split>img{min-height:0;aspect-ratio:1.4}.page-opening{padding-top:3rem}.material-entry{gap:1.5rem}}
@media(max-width:650px){.issue-bar span:nth-child(2){display:none}.site-header nav{gap:.3rem 1.1rem}.site-header nav a{font-size:.8rem}.product-stage{grid-template-columns:1fr}.product-stage figure{border-right:0;border-bottom:1px solid var(--ink)}.product-stage figure>img{aspect-ratio:1.3}.purchase-record{padding:2rem 1rem}.record,.material-entry,.glossary-entry,.guide-row{grid-template-columns:1fr;gap:1rem}.record{padding:1.5rem 0}.page-section{padding:3rem 1rem}.facts{grid-template-columns:90px 1fr;gap:0 1rem}.related .product-grid{grid-template-columns:1fr}.about-split>div{padding:2rem 1rem}.page-opening h1{font-size:3.3rem}.page-opening{padding:4rem 1rem 2.5rem}.page-opening:after{right:1rem;top:1rem}.service-records p{font-size:1rem}.material-controls{top:0}.material-entry .select-note{justify-self:start}.throw-scale{grid-template-columns:1fr}.cart-record{grid-template-columns:1fr}.cart-line{grid-template-columns:70px 1fr}.cart-line img{width:70px}.cart-line strong,.cart-line button{grid-column:2}.cart-summary{position:static}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
.system-title{font-size:clamp(2.8rem,6vw,7rem);font-weight:500;line-height:1;letter-spacing:-.055em;margin:2rem 0}
.site-header nav a[aria-current="page"]{text-decoration:underline;text-underline-offset:6px}
.positioning-support{display:grid;grid-template-columns:minmax(180px,.7fr) minmax(0,1.5fr) minmax(220px,1fr);gap:clamp(1.5rem,4vw,5rem);align-items:start;padding:clamp(3rem,6vw,6rem) var(--page-gutter);border-top:1px solid var(--system-blue);border-bottom:1px solid var(--system-blue)}
.positioning-support h2{font-size:clamp(2rem,4vw,4.4rem);font-weight:500;line-height:1;letter-spacing:-.05em;margin:0}
.positioning-support>p:not(.kicker){font-size:1.05rem;line-height:1.6;margin:0;max-width:42ch}
.positioning-support .text-link{grid-column:3;padding-top:1rem;text-decoration:underline;text-underline-offset:4px}
.scent-specification{margin:0 0 4rem;border-top:3px solid var(--system-blue);border-bottom:1px solid var(--system-blue)}
.scent-specification>header{display:grid;grid-template-columns:minmax(180px,.7fr) 2.3fr;gap:3rem;padding:1.5rem 0;border-bottom:1px solid var(--system-blue)}
.scent-specification>header p,.scent-specification>header h2{margin:0}
.scent-specification>header h2{font-size:clamp(2rem,4vw,4rem);font-weight:500;line-height:1;letter-spacing:-.05em}
.specification-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0}
.specification-grid>div{display:grid;grid-template-columns:minmax(130px,.7fr) 2.3fr;gap:1.5rem;padding:1.25rem 0;border-bottom:1px solid color-mix(in srgb,var(--system-blue) 35%,transparent)}
.specification-grid>div:nth-child(odd){padding-right:2rem;border-right:1px solid color-mix(in srgb,var(--system-blue) 35%,transparent)}
.specification-grid>div:nth-child(even){padding-left:2rem}
.specification-grid dt{font-family:'Courier New',monospace;color:var(--system-blue);font-size:.875rem}
.specification-grid dd{margin:0;line-height:1.5}
.specification-grid .testing-standard{grid-column:1/-1;grid-template-columns:minmax(180px,.7fr) 2.3fr;padding-right:0;border-right:0}
.specification-note{font-size:.875rem;line-height:1.55;max-width:78ch;margin:0;padding:1.25rem 0;color:var(--muted)}
.presence-definition dd p{margin:.3rem 0 0;line-height:1.45}
.presence-definition dd .presence-context{font-size:.82rem;color:var(--muted);max-width:42ch;margin-top:.65rem}
.presence-definition dd a{display:inline-block;margin-top:.75rem;font:700 .76rem/1.4 'Courier New',monospace;text-transform:uppercase;letter-spacing:.04em;text-decoration:underline;text-underline-offset:3px;color:var(--system-blue)}
.presence-definition dd a:hover,.presence-definition dd a:focus-visible{color:var(--oxide)}
@media(max-width:800px){.positioning-support{grid-template-columns:1fr}.positioning-support .text-link{grid-column:1}.scent-specification>header,.specification-grid,.specification-grid>div,.specification-grid .testing-standard{grid-template-columns:1fr}.scent-specification>header{gap:.75rem}.specification-grid>div:nth-child(odd),.specification-grid>div:nth-child(even){padding:1.1rem 0;border-right:0}.specification-grid .testing-standard{grid-column:1}.specification-grid>div{gap:.4rem}}

/* Original graphic balance, extended to the working reference pages. */
.quantity-control{display:flex;align-items:center;gap:1rem;margin:1rem 0;font-size:.875rem}
.quantity-control input{width:5rem;min-height:44px;padding:.6rem;border:1px solid var(--ink);background:var(--paper);color:var(--ink);font:inherit;border-radius:0}
.material-composition{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:1rem}
.material-composition label,.material-filter-label{font-size:.875rem}
.material-composition select{font:inherit;min-height:44px;max-width:100%;padding:.65rem;background:var(--paper);color:var(--ink);border:1px solid var(--ink);border-radius:0}
.material-composition button{font:inherit;font-size:.875rem;min-height:44px;padding:.65rem;background:transparent;color:var(--ink);border:1px solid var(--ink);cursor:pointer}
.material-filter-label{margin:1rem 0 .5rem}.material-filter-label+.material-filters{margin-top:0}
.material-membership{display:block;margin-top:.6rem;font:.875rem/1.4 'Courier New',monospace;color:var(--oxide)}
.material-explanation{font-size:.875rem;line-height:1.5;max-width:70ch;margin-bottom:0}
.material-controls>label{display:block;margin-bottom:.65rem;font-size:.875rem}
.material-controls>input{width:min(100%,600px);font:inherit;padding:.85rem;border:1px solid var(--ink);background:transparent;min-height:44px;border-radius:0}
.material-controls{position:static}
.element-jumps{display:flex;flex-wrap:wrap;gap:2rem;padding:1.5rem var(--page-gutter);border-bottom:1px solid var(--ink)}
.element-hero{display:grid;grid-template-columns:minmax(0,46%) minmax(0,54%);align-items:center;border-bottom:2px solid var(--system-blue);background:var(--paper)}
.element-hero .page-opening{border-top:0;border-bottom:0;padding-right:clamp(2rem,4vw,5rem)}
.element-lead-photo{margin:2rem 2rem 2rem 0;background:var(--ink);overflow:hidden}
.element-lead-photo img{display:block;width:100%;height:100%;aspect-ratio:3/2;object-fit:cover}
.editorial-side-hero{display:grid;grid-template-columns:minmax(0,46%) minmax(0,54%);align-items:center;border-bottom:2px solid var(--system-blue);background:var(--paper)}
.editorial-side-hero>.page-opening{border-top:0;border-bottom:0;padding-right:clamp(2rem,4vw,5rem)}
.editorial-side-hero>figure{margin:2rem 2rem 2rem 0;background:var(--ink);overflow:hidden}
.editorial-side-hero>figure img{display:block;width:100%;height:100%;aspect-ratio:3/2;object-fit:cover}
.compositions-editorial-hero{margin:-2rem calc(-1 * var(--page-gutter,3vw)) 4rem;grid-template-columns:minmax(0,42%) minmax(0,58%)}
.composition-editorial-copy{padding:clamp(3rem,5vw,6rem) var(--page-gutter)}
.composition-editorial-copy .section-index{margin-bottom:2rem}
.composition-editorial-copy .section-head{display:block;margin:0}
.composition-editorial-copy .section-head h1{margin:0 0 2rem}
.composition-editorial-copy .section-head p{font-size:1.05rem;line-height:1.55}
.element-jumps a{display:flex;align-items:center;gap:.75rem;min-height:44px;font-size:.875rem}
.element-record{display:grid;grid-template-columns:minmax(140px,1fr) 2fr;gap:3rem;padding:3rem 0;border-bottom:1px solid var(--ink);scroll-margin-top:100px}
.element-emblem{max-width:170px;padding-top:1rem}
.element-emblem svg{display:block;width:100%;height:auto}
.element-record h2{font-size:clamp(2rem,3.5vw,3.5rem);line-height:1.1;letter-spacing:-.04em;font-weight:500;margin:1rem 0}
.element-record p{max-width:62ch;line-height:1.6}
.element-example{display:flex;align-items:center;flex-wrap:wrap;gap:2rem;border-top:1px solid var(--line);padding-top:1.5rem;margin-top:2rem}
.element-example .identity-symbols{font-size:2rem;margin:0}
.element-example>span{font-size:.875rem}
.element-compositions{display:flex;flex-direction:column;align-items:flex-start;gap:.65rem;margin:1.5rem 0}
.element-compositions a{padding:.5rem 0;text-decoration:underline;text-underline-offset:4px;font-size:.875rem}
.element-record .text-link{display:inline-block;padding-top:1rem}
@media(max-width:650px){.element-record{grid-template-columns:1fr;gap:1rem}.element-emblem{max-width:90px}.element-jumps{gap:1rem}}
@media(max-width:900px){.element-hero{grid-template-columns:1fr}.element-hero .page-opening{padding-right:1rem}.element-lead-photo{margin:0 1rem 2rem}}
@media(max-width:900px){.editorial-side-hero{grid-template-columns:1fr}.editorial-side-hero>.page-opening{padding-right:1rem}.editorial-side-hero>figure{margin:0 1rem 2rem}.compositions-editorial-hero{margin:-2rem -1rem 3rem}.composition-editorial-copy{padding:4rem 1rem 2.5rem}}
:root{--acid:#e4e1d7;--blueprint:var(--oxide)}
.interior{background-image:none}
.issue-bar,.record-stamp,.specimen-stamp,.observation-slip{display:none}
.page-opening:after{content:none}
.page-opening,.page-section{background:var(--paper)}
.page-opening h1{font-weight:700}
.material-controls{box-shadow:none;border-top:3px solid var(--oxide)}
.material-controls>label{display:block;margin-bottom:.65rem;font-size:.875rem}
.material-controls>input{width:min(100%,600px);font:inherit;padding:.85rem;border:1px solid var(--ink);background:transparent;min-height:48px;border-radius:0}
.material-entry:hover,.guide-row:hover{background:#e8e4da}
.material-entry[aria-pressed="true"]{background:#e7d9ce;box-shadow:inset 4px 0 0 var(--oxide)}
.guide-row:hover{padding-left:0;padding-right:0}
.cart-summary{background:var(--paper);box-shadow:5px 5px 0 var(--oxide)}
.brand-photo{margin:3rem auto;width:min(100% - 3rem,760px)}
.brand-photo img,.brand-photo video{display:block;width:100%;height:auto}
.element-record .brand-photo{width:100%;margin:0}
.product-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:2rem;padding:2rem 5vw}
.product-gallery .brand-photo{width:100%;max-width:660px;margin:0 auto}
.product-gallery img,.product-gallery video{max-height:720px;object-fit:contain}
.campaign-study figcaption{margin-top:.75rem;font-size:.75rem;letter-spacing:.12em;line-height:1.4;color:var(--ink)}
.guide-product .product-grid{max-width:600px;margin-top:2rem;grid-template-columns:1fr}
.guide-hero{display:grid;grid-template-columns:minmax(320px,38%) minmax(0,62%);min-height:clamp(560px,70vw,820px);border-bottom:2px solid var(--system-blue);background:var(--paper)}
.guide-hero .page-opening{display:flex;flex-direction:column;justify-content:center;border-top:0;border-bottom:0;padding:clamp(3rem,5vw,6rem) var(--page-gutter)}
.guide-hero .page-opening h1{font-size:clamp(3.6rem,5.8vw,7rem);line-height:.88;margin:3rem 0 0}
.guide-hero figure{margin:2rem 2rem 2rem 0;overflow:hidden;background:var(--ink)}
.guide-hero figure img{display:block;width:100%;height:100%;object-fit:cover}
.gift-options{border:1px solid var(--oxide);padding:1.5rem;align-self:start}
.gift-options legend{color:var(--oxide);padding:0 .5rem}
.gift-options label{display:block;margin-bottom:1rem}
.gift-options textarea{width:100%;padding:.75rem;background:var(--paper);font:inherit;border:1px solid currentColor}
.gift-options [hidden]{display:none}
@media(min-width:651px){.cart-record #cart-items{grid-column:1;grid-row:1 / span 2}.cart-record .gift-options,.cart-record .cart-summary{grid-column:2}}
@media(max-width:1000px){.material-entry{grid-template-columns:48px 1fr 2fr}.select-note{grid-column:2/-1}.guide-row{grid-template-columns:80px 1fr}.guide-row p,.guide-row>b{grid-column:2}.material-controls{top:0}}
@media(max-width:650px){.material-entry,.guide-row{grid-template-columns:1fr}.select-note,.guide-row p,.guide-row>b{grid-column:1}.cart-record{gap:2rem}}
@media(max-width:900px){.guide-hero{grid-template-columns:1fr;min-height:0}.guide-hero .page-opening{padding:4rem 1rem 2.5rem}.guide-hero .page-opening h1{font-size:clamp(3.3rem,12vw,6rem);margin-top:2rem}.guide-hero figure{margin:0 1rem 2rem;aspect-ratio:3/2}.guide-hero figure img{height:100%}}

/* Information is the art direction: real records, visibly structured. */
.interior .page-opening{border-top:3px solid var(--system-blue);border-bottom-color:var(--system-blue)}
.interior .page-opening .page-intro{border-left:3px solid var(--system-blue);padding-left:1.25rem}
.interior .record{grid-template-columns:minmax(180px,.7fr) 2.3fr;border-top-color:var(--system-blue)}
.interior .record h2,.interior .facts dt,.purchase-record .structure,.breadcrumbs,.element-jumps{font-family:'Courier New',monospace;color:var(--system-blue)}
.interior .facts{border-top:2px solid var(--system-blue)}
.interior .facts dt,.interior .facts dd{border-bottom-color:color-mix(in srgb,var(--system-blue) 35%,transparent)}
.product-stage figure{border-right-color:var(--system-blue)}
.product-stage figcaption{color:var(--system-blue);border-top-color:var(--system-blue)}
.presence-label{border-color:var(--system-blue);color:var(--system-blue)}
.material-group>h2,.related,.guide-row,.glossary-entry{border-color:var(--system-blue)}
.material-filters button[aria-pressed="true"]{background:var(--oxide);border-color:var(--oxide);color:var(--paper)}
.material-entry[aria-pressed="true"]{background:#f0e3d8;box-shadow:inset 5px 0 0 var(--oxide)}
.material-composition-buttons{display:flex;flex-wrap:wrap;gap:.5rem;margin:.6rem 0 0}
.material-composition-buttons button{display:flex;align-items:center;gap:.65rem;min-height:50px;padding:.65rem .8rem;border:1px solid var(--ink);background:transparent;color:var(--ink);cursor:pointer}
.material-composition-buttons button:hover,.material-composition-buttons button:focus-visible{border-color:var(--oxide)}
.material-composition-buttons button[aria-pressed="true"]{background:var(--oxide);border-color:var(--oxide);color:var(--paper)}
.composition-button-number{font:700 .85rem/1 'Courier New',monospace}
.composition-button-symbols{display:flex;align-items:center;gap:.22rem;color:inherit}
.composition-button-symbols svg{display:block;width:14px;height:14px;flex:none}
@media(max-width:650px){.material-composition-buttons button{min-width:calc(33.333% - .4rem);justify-content:center}}
@media(max-width:650px){.interior .record{grid-template-columns:1fr}}
.system-decoder{margin:clamp(3rem,7vw,7rem) auto;max-width:1122px;padding:0 clamp(1rem,4vw,3rem);color:var(--black,#111)}
.decoder-heading{max-width:46rem;margin-bottom:2rem}
.decoder-heading h2{font-size:clamp(1.8rem,4vw,3.5rem);line-height:1.05;margin:.4em 0}
.decoder-heading p:last-child{font-size:1rem;line-height:1.55}
.system-decoder ol{list-style:none;margin:0;padding:0;border-top:1px solid currentColor}
.system-decoder li{border-bottom:1px solid currentColor}
.system-decoder li a{display:grid;grid-template-columns:3.5rem 7rem minmax(0,1fr) 7rem;align-items:center;gap:1rem;padding:1.25rem 0;color:inherit;text-decoration:none}
.system-decoder li a:hover,.system-decoder li a:focus-visible{background:rgba(36,70,92,.08)}
.system-decoder li a:focus-visible{outline:2px solid #24465c;outline-offset:2px}
.decoder-number{font-size:1.5rem;font-weight:700}
.decoder-marks{display:flex;gap:.35rem;align-items:center}
.decoder-marks svg{display:block;width:1.5rem;height:1.5rem}
.decoder-structure,.decoder-presence{font-size:.875rem;line-height:1.4}
.decoder-presence{text-align:right}
@media(max-width:650px){.system-decoder li a{grid-template-columns:2.5rem 1fr auto;gap:.5rem}.decoder-marks{grid-column:2}.decoder-structure{grid-column:2;grid-row:2}.decoder-presence{grid-column:3;grid-row:1 / span 2}.decoder-marks svg{width:1.25rem;height:1.25rem}}

/* Testing hierarchy */
.purchase-best{margin:0 0 1.5rem;line-height:1.5}.purchase-best [data-best-room]{display:block;font-size:1rem;color:var(--ink)}
.evidence-section{max-width:1100px;margin-inline:auto}.evidence-section>h2,.archive-entry>h2{font-size:clamp(2rem,4vw,4rem);line-height:1.05;letter-spacing:-.04em;font-weight:500}.evidence-section>p{max-width:72ch;line-height:1.6;font-size:1rem}.evidence-section a:not(.text-link){text-decoration:underline;text-underline-offset:.2em}
.presence-definitions,.archive-facts{margin:2rem 0;padding:0;border-top:1px solid currentColor}.presence-definitions>div,.archive-facts>div{display:grid;grid-template-columns:minmax(130px,24%) 1fr;gap:1rem;padding:1.2rem 0;border-bottom:1px solid #aaa8a1}.presence-definitions dt,.archive-facts dt{font:700 .85rem/1.4 'Courier New',monospace;color:var(--system-blue)}.presence-definitions dd,.archive-facts dd{margin:0;max-width:72ch;line-height:1.55}.archive-entry{max-width:1100px;margin-inline:auto;border-top:1px solid var(--ink)}.archive-source{font-size:.85rem;line-height:1.5;max-width:72ch}
@media(max-width:700px){.presence-definitions>div,.archive-facts>div{display:block}.presence-definitions dt,.archive-facts dt{margin-bottom:.4rem}}

.editorial-study{width:min(calc(100% - 2rem),900px);margin:3rem auto 4rem}
.editorial-study img{display:block;width:100%;height:auto}
.editorial-study figcaption{padding:.75rem 0;border-top:1px solid var(--ink);font:700 .75rem/1.4 Arial,Helvetica,sans-serif;letter-spacing:.12em;color:var(--system-blue)}
.editorial-study--graph{width:min(50%,370px);max-width:370px}.editorial-study--graph img{aspect-ratio:4/5;object-fit:cover;object-position:center}
@media(max-width:650px){.editorial-study{margin:2rem auto 3rem}.editorial-study--graph img{aspect-ratio:1;object-position:55% center}}

.guides-overview-hero figure img{object-position:right center}
@media(max-width:900px){.guides-overview-hero figure{aspect-ratio:1}.guides-overview-hero figure img{object-position:right center}}

/* System opening mirrors Element with the image and title reversed. */
.system-hero{display:grid;grid-template-columns:minmax(0,50%) minmax(0,50%);align-items:center;min-height:clamp(520px,57vw,760px);border-bottom:2px solid var(--system-blue);background:var(--paper)}
.system-hero>.page-opening{grid-column:2;grid-row:1;border:0;padding:clamp(2rem,5vw,6rem) clamp(1.5rem,5vw,6rem)}
.system-hero .system-title{font-size:clamp(3.2rem,6vw,7rem);line-height:.94;letter-spacing:-.065em;margin:2rem 0}
.system-hero .page-intro{max-width:42ch}
.system-lead-photo{grid-column:1;grid-row:1;width:min(calc(100% - 2rem),370px);margin:2rem auto}
.system-lead-photo img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center}
.system-lead-photo figcaption{padding:.75rem 0;border-top:1px solid var(--ink);font:700 .75rem/1.4 Arial,Helvetica,sans-serif;letter-spacing:.12em;color:var(--system-blue)}
@media(max-width:900px){.system-hero{grid-template-columns:1fr;min-height:0}.system-hero>.page-opening{grid-column:1;grid-row:1;padding:4rem 1rem 2rem}.system-hero .system-title{font-size:clamp(3.3rem,11vw,6rem)}.system-lead-photo{grid-column:1;grid-row:2;width:min(68%,370px);margin:0 auto 2rem}.system-lead-photo img{aspect-ratio:1;object-position:55% center}}

/* Page title hierarchy: familiar typeface, varied scale and one oxide keyword. */
.page-opening h1.page-title-design,.system-hero .system-title.page-title-design,.composition-editorial-copy .section-head h1.page-title-design{max-width:100%;font-size:clamp(3rem,6.4vw,7rem);line-height:.91;letter-spacing:-.065em;font-weight:500;text-transform:uppercase;overflow-wrap:normal}
.page-title-design span{display:block}
.page-title-design .page-title-prefix{font-size:.55em;line-height:1.06;letter-spacing:-.045em;color:var(--ink)}
.page-title-design .page-title-key{font-size:1em;line-height:.94;letter-spacing:-.075em;color:var(--oxide)}
.page-title-design .page-title-support{font-size:.64em;line-height:1.04;letter-spacing:-.045em;margin:clamp(.2rem,.7vw,.75rem) 0 0 clamp(.5rem,3vw,3rem);color:var(--ink)}
.composition-editorial-copy .section-head h1.page-title-design{font-size:clamp(2.8rem,4.55vw,5.95rem)}
.system-hero .system-title.page-title-design{font-size:clamp(3.1rem,6vw,7rem)}
.guide-hero:not(.guides-overview-hero) .page-opening h1.page-title-design{font-size:clamp(2.65rem,4.25vw,5rem)}
@media(max-width:900px){.page-opening h1.page-title-design,.system-hero .system-title.page-title-design{font-size:clamp(2.7rem,9vw,5rem)}.composition-editorial-copy .section-head h1.page-title-design{font-size:clamp(1rem,9.1vw,6.3rem)}.guide-hero:not(.guides-overview-hero) .page-opening h1.page-title-design{font-size:clamp(2.6rem,8vw,4.5rem)}}

.purchase-record h1.product-page-title{text-transform:uppercase;line-height:.9;letter-spacing:-.07em}
.product-page-title .product-title-index{display:block;font-size:.54em;letter-spacing:-.04em;color:var(--ink)}
.product-page-title .product-title-key{display:block;color:var(--oxide);font-size:1em;margin-left:clamp(.4rem,2vw,2rem)}

/* Compositions opening: black framing copy and blue introductory sentence. */
.composition-editorial-copy .page-title-prefix,.composition-editorial-copy .page-title-support{color:var(--ink)}
.composition-editorial-copy .section-head>p{color:var(--system-blue,#24465c)}

/* Shared page opening color hierarchy. */
.page-opening .page-intro,.purchase-record h2+p{color:var(--system-blue,#24465c)}
.purchase-record h2{color:var(--ink)}