:root{--luce:#f0efeb;--notte:#2b2b28;--text:#504b47;--mid:#8e8d89;--line:#c0c0be;--max:1200px}*{box-sizing:border-box}h1,h2,h3,.eyebrow,.cta{color:var(--notte)}html{background:var(--luce);color:var(--text);scroll-behavior:smooth}body{margin:0;font:300 15.5px/1.65 "Helvetica Neue",Helvetica,Arial,sans-serif}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}img{display:block;width:100%}h1,h2,h3,p,figure{margin-top:0}.eyebrow{margin:0 0 17px;font-size:10.5px;line-height:1.2;letter-spacing:.19em;text-transform:uppercase}
.site-header{color:var(--notte);height:78px;padding:0 max(24px,calc((100vw - var(--max))/2));display:flex;align-items:center;position:relative;z-index:20}.brand{display:flex;align-items:flex-end;gap:10px;margin-right:auto}.brand img{height:19px;width:auto}.brand-edition{font:italic 400 15px/1 "Bodoni Moda",serif;transform:translateY(1px)}.desktop-nav,.mobile-menu{display:flex;gap:27px;align-items:center}.desktop-nav a,.mobile-menu a{font-size:11px;line-height:1;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap}.menu-toggle,.mobile-menu{display:none}
.material-hero,.origin-panel,.process,.editorial-transition,.applications{max-width:calc(var(--max) + 48px);margin-inline:auto;padding-inline:24px}.material-hero{padding-top:22px}.material-hero>picture{display:block;overflow:hidden}.material-hero>picture img{aspect-ratio:16/9;object-fit:cover;object-position:center bottom;transform:scale(1.018) translate3d(0,var(--hero-parallax,0),0);transform-origin:center bottom;will-change:transform}.hero-copy{display:grid;grid-template-columns:.8fr 1.2fr;gap:12px 72px;padding-top:30px}.material-mark{grid-column:1/-1;width:132px;height:auto;margin:0 0 14px}.hero-copy h1{grid-row:2/4;margin:0;font:italic 400 clamp(36px,5.1vw,68px)/.98 "Bodoni Moda",serif}.standfirst{margin:8px 0 0;font:italic 400 clamp(25px,3vw,38px)/1.15 "Bodoni Moda",serif}
.editorial-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:44px 72px;align-items:start}.opening{margin-top:145px}.opening h2,.origin-copy h2,.section-heading h2{margin:0;font:italic 400 clamp(32px,4.4vw,54px)/1.06 "Bodoni Moda",serif}.body-copy{max-width:630px}.body-copy p{margin:0 0 18px}
.origin-panel{margin-top:140px;display:grid;grid-template-columns:1.35fr .65fr;gap:68px;align-items:end}.origin-panel picture{overflow:hidden}.origin-panel img{aspect-ratio:4/3;object-fit:cover}.origin-copy{padding-bottom:8px}.origin-copy p:last-child{margin:27px 0 0;max-width:390px}
.process{margin-top:155px}.process>.section-heading,.applications>.section-heading{display:grid;grid-template-columns:.8fr 1.2fr;max-width:none;gap:10px 72px}.process>.section-heading .eyebrow,.applications>.section-heading .eyebrow{grid-column:1/-1}.process>.section-heading h2,.applications>.section-heading h2{grid-row:2/4}.process>.section-heading>p:last-child,.applications>.section-heading>p:last-child{max-width:510px;margin:7px 0 0}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:54px}.process-grid picture{display:block;overflow:hidden}.process-grid img{aspect-ratio:4/5;object-fit:cover;transition:transform .9s cubic-bezier(.24,.43,.15,.97)}.process-grid figure:hover img{transform:scale(1.012)}.process-grid figcaption{display:flex;gap:16px;margin-top:13px;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase}.process-grid figcaption span{color:var(--mid)}
.editorial-transition{margin-top:155px}.editorial-transition picture{display:block;max-width:660px;margin-inline:auto;overflow:hidden}.editorial-transition img{aspect-ratio:3/4;object-fit:cover}
.principles{margin-top:150px}.section-heading{max-width:700px}.principle-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:55px;border-top:1px solid var(--line)}.principle-grid article{padding:25px 42px 5px 0;border-right:1px solid var(--line)}.principle-grid article+article{padding-left:42px}.principle-grid article:last-child{border-right:0}.principle-grid span{font-size:10px;letter-spacing:.16em}.principle-grid h3{margin:30px 0 10px;font:italic 400 29px/1.1 "Bodoni Moda",serif}.principle-grid p{max-width:300px;margin:0}
.applications{margin-top:155px;margin-bottom:125px}.category-links{display:flex;gap:31px;margin-top:55px;padding-top:22px;border-top:1px solid var(--line)}.category-links a{position:relative;display:inline-block;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase}.category-links a::after{content:"";position:absolute;right:0;bottom:-5px;left:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .8s cubic-bezier(.24,.43,.15,.97)}.category-links a:hover::after,.category-links a:focus-visible::after{transform:scaleX(1);transform-origin:left}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-footer h1,.site-footer h2,.site-footer h3{color:inherit}.site-footer{width:100%;padding:80px 0 0;background:#2b2b28;color:#f0efeb}.footer-main{max-width:var(--max);margin:auto;padding-inline:24px;display:grid;grid-template-columns:.82fr 1.18fr;gap:88px}.newsletter h2{margin:0;font:italic 400 34px/1.3 "Bodoni Moda",serif;letter-spacing:.05em}.newsletter>p{margin:18px 0 0}.newsletter form{max-width:420px;margin-top:30px}.newsletter-fields{display:grid;gap:11px}.newsletter-fields input{display:block;width:100%;height:42px;padding:0 0 5px;background:transparent;border:0;border-bottom:1px solid #8e8d89;color:#f0efeb;font:300 13px/1.4 "Helvetica Neue",sans-serif;outline:0}.newsletter-fields input::placeholder{color:#f0efeb;opacity:.82}.privacy-check{display:flex;gap:12px;align-items:flex-start;margin-top:24px;font-size:12px;line-height:1.55}.privacy-check>input{appearance:none;flex:0 0 16px;width:16px;height:16px;margin:2px 0 0;border:1px solid #f0efeb}.privacy-check>input:checked{box-shadow:inset 0 0 0 4px #2b2b28;background:#f0efeb}.privacy-check a{text-decoration:underline}.newsletter-submit{min-width:150px;margin-top:25px;padding:10px 22px;background:transparent;border:1px solid #8e8d89;color:#f0efeb;font-size:11px;letter-spacing:.18em;text-transform:uppercase;cursor:pointer}.newsletter-submit:hover{background:#f0efeb;color:#2b2b28}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;padding-top:22px}.footer-links nav{display:flex;align-items:flex-start;flex-direction:column;gap:7px}.footer-links h2{margin:0 0 19px;font:400 11px/1.2 "Helvetica Neue",sans-serif;letter-spacing:.18em;text-transform:uppercase}.footer-links a{font-size:13px;font-weight:200;line-height:1.55;letter-spacing:.035em}.footer-link-gap{height:12px}.footer-brand{margin-top:70px;padding:32px max(24px,calc((100vw - var(--max))/2));background:#f0efeb;color:#2b2b28;display:grid;grid-template-columns:1fr 270px 1fr;gap:40px;align-items:center}.footer-lockup{width:270px;height:92px;margin:auto;object-fit:contain}.company-details{margin:0;font-size:13px;font-weight:200;line-height:1.5}.social-links{display:flex;justify-content:flex-end;gap:24px}.social-links a{font-size:11px;letter-spacing:.14em;text-transform:uppercase}:focus-visible{outline:1px solid var(--notte);outline-offset:5px}
@media(max-width:900px){.site-header{color:var(--notte);height:66px}.brand img{height:16px}.brand-edition{font-size:13px}.desktop-nav{display:none}.menu-toggle{display:flex;width:30px;height:30px;padding:7px 2px;background:transparent;border:0;flex-direction:column;justify-content:center;gap:6px;z-index:22}.menu-toggle span{display:block;width:26px;height:1px;background:var(--notte)}.mobile-menu{position:fixed;inset:0;z-index:21;background:var(--luce);padding:100px 24px 40px;flex-direction:column;align-items:flex-start;gap:27px}.mobile-menu.is-open{display:flex}.mobile-menu a{font-size:13px}.hero-copy,.editorial-grid,.process>.section-heading,.applications>.section-heading{grid-template-columns:1fr;gap:14px}.hero-copy .eyebrow,.process>.section-heading .eyebrow,.applications>.section-heading .eyebrow{grid-column:auto}.hero-copy h1,.process>.section-heading h2,.applications>.section-heading h2{grid-row:auto}.opening{margin-top:105px}.origin-panel{grid-template-columns:1fr;gap:35px}.editorial-transition{grid-template-columns:.8fr 1.2fr;gap:44px}.principle-grid{grid-template-columns:1fr}.principle-grid article,.principle-grid article+article{padding:25px 0;border-right:0;border-bottom:1px solid var(--line)}.footer-main{grid-template-columns:1fr;gap:64px}.footer-brand{grid-template-columns:1fr;text-align:center}.footer-lockup{order:1;width:230px;height:78px}.social-links{order:2;justify-content:center}.company-details{order:3}.footer-links{gap:24px}}
@media(max-width:600px){.material-hero,.origin-panel,.process,.editorial-transition,.applications{padding-inline:24px}.material-hero{padding-top:18px}.material-hero>picture img{aspect-ratio:4/5;object-position:43% bottom;transform:none}.hero-copy{padding-top:22px}.material-mark{width:112px;margin-bottom:10px}.hero-copy h1{font-size:38px}.origin-panel,.process,.editorial-transition,.applications{margin-top:88px}.origin-panel img{aspect-ratio:4/5;object-position:62% center}.process-grid{grid-template-columns:1fr;gap:48px}.editorial-transition picture{max-width:none}.editorial-transition img{aspect-ratio:4/5;object-position:center 43%}.category-links{display:grid;grid-template-columns:1fr 1fr;gap:20px 30px}.site-footer{padding-top:62px}.footer-main{gap:58px}.footer-links{grid-template-columns:1fr;gap:40px}.footer-brand{margin-top:58px;padding:31px 24px 34px}.footer-lockup{width:225px;height:77px}.newsletter h2{font-size:31px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.material-hero>picture img{transform:none}.process-grid img,.category-links a::after{transition:none!important}}

/* Approved AFDL editorial structure */
.measure,.closing-note{max-width:calc(var(--max) + 48px);margin-inline:auto;padding-inline:24px}
.hero-text{max-width:610px}.hero-text>p:not(.standfirst){margin:20px 0 0}.hero-text>p:last-child{margin-top:12px}
.material-hero .brand-intro-copy .standfirst{color:#504b47!important;font:italic 400 23px/1.3 "Bodoni Moda",serif!important;letter-spacing:0!important}
.material-hero .material-intro-logo{display:block;width:160px;height:auto;margin:0 0 30px;object-fit:contain;filter:none;transform:none}
@media(max-width:600px){.material-hero .material-intro-logo{width:140px;margin-bottom:24px}}
.origin-copy p{margin:27px 0 0;max-width:420px}
.process>.section-heading,.measure>.section-heading,.applications>.section-heading{display:grid;grid-template-columns:.8fr 1.2fr;gap:10px 72px}
.process>.section-heading h2,.measure>.section-heading h2,.applications>.section-heading h2{grid-row:auto}
.process>.section-heading .body-copy,.measure>.section-heading>p,.applications>.section-heading>p{max-width:560px;margin:7px 0 0}
.measure{margin-top:155px}.measure-list{list-style:none;margin:54px 0 0;padding:0;border-top:1px solid var(--line)}.measure-list li{display:grid;grid-template-columns:32px 1fr;gap:18px;padding:21px 0;border-bottom:1px solid var(--line)}.measure-list li::before{content:"";width:5px;height:5px;margin-top:10px;background:currentColor;border-radius:50%}
.application-list{margin-top:54px;border-top:1px solid var(--line)}.application-list article{display:grid;grid-template-columns:.55fr 1.25fr .55fr;gap:40px;align-items:baseline;padding:23px 0;border-bottom:1px solid var(--line)}.application-list h3{margin:0;font:italic 400 27px/1.15 "Bodoni Moda",serif}.application-list p{margin:0}.application-list a,.closing-note a{position:relative;justify-self:start;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase}.application-list a::after,.closing-note a::after{content:"";position:absolute;right:0;bottom:-5px;left:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .8s cubic-bezier(.24,.43,.15,.97)}.application-list a:hover::after,.application-list a:focus-visible::after,.closing-note a:hover::after,.closing-note a:focus-visible::after{transform:scaleX(1);transform-origin:left}
.application-list h3 a{font:inherit;letter-spacing:inherit;text-transform:none}
.application-list article:last-child{border-bottom:0}
.closing-note{margin-top:0;margin-bottom:125px;padding-top:42px}.closing-note p{margin:0 0 7px}.closing-note em{font:italic 400 24px/1.3 "Bodoni Moda",serif}.closing-note a{text-transform:none;letter-spacing:.06em}
@media(max-width:900px){.process>.section-heading,.measure>.section-heading,.applications>.section-heading{grid-template-columns:1fr;gap:14px}.application-list article{grid-template-columns:.55fr 1.45fr;gap:14px 32px}.application-list a{grid-column:2}}
@media(max-width:600px){.measure,.closing-note{padding-inline:24px}.hero-text>p:not(.standfirst){margin-top:16px}.measure{margin-top:88px}.application-list article{grid-template-columns:1fr;gap:8px;padding:22px 0}.application-list a{grid-column:auto;margin-top:6px}.closing-note{margin-bottom:88px}.closing-note em{font-size:22px}}
.applications{margin-bottom:0}

.measure>.section-heading{max-width:none}.measure>.section-heading>p{max-width:510px}

/* AFDL identity and rhythm refinement */
.material-hero>picture img{transform:scale(1.018) translate3d(0,calc(20px + var(--hero-parallax,0px)),0)}
.hero-copy{grid-template-columns:.8fr 1.2fr;align-items:start;padding-top:42px}.material-title{grid-column:1;grid-row:1;display:block;width:min(100%,151.725px)}.material-title img{width:100%;height:auto}.hero-text{grid-column:2;grid-row:1}.hero-text .standfirst{margin-top:0}
.origin-panel,.process,.editorial-transition,.measure,.applications{margin-top:140px}.origin-panel{align-items:center}.origin-panel img{aspect-ratio:3/2}.origin-copy h2,.process .section-heading h2,.measure .section-heading h2,.applications .section-heading h2{max-width:430px}
.process>.section-heading,.measure>.section-heading,.applications>.section-heading{grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr);align-items:start}.process-grid{grid-template-columns:repeat(2,1fr);column-gap:44px;row-gap:14px;margin-top:54px}.process-grid figure{margin:0}.process-grid img{aspect-ratio:4/3}
.closing-note{display:grid;grid-template-columns:.8fr 1.2fr;gap:72px;align-items:start;padding-top:55px;border-top:1px solid var(--line)}.closing-note>picture{display:block;width:min(100%,210px)}.closing-note>picture img{width:100%;height:auto}.closing-copy{max-width:560px}.closing-note em{display:block}.closing-note a{font:inherit;letter-spacing:inherit;text-transform:uppercase}
@media(min-width:901px){.material-title{justify-self:center}.process-grid{width:min(100%,calc((100% - 72px)*.4 + 72px + 560px))}}
@media(max-width:900px){.hero-copy{grid-template-columns:1fr;gap:34px}.material-title,.hero-text{grid-column:1;grid-row:auto}.material-title{width:min(100%,137.275px)}.process>.section-heading,.measure>.section-heading,.applications>.section-heading{grid-template-columns:1fr;gap:20px}.process-grid{grid-template-columns:repeat(2,1fr)}.closing-note{grid-template-columns:1fr;gap:40px}.closing-note>picture{width:191.25px}}
@media(min-width:601px) and (max-width:900px){.hero-copy{grid-template-columns:minmax(145px,.65fr) minmax(0,1.35fr);gap:44px}.material-title{grid-column:1;grid-row:1;width:123.25px}.hero-text{grid-column:2;grid-row:1}}
@media(max-width:600px){.material-hero>picture img{object-position:43% bottom;transform:translate3d(0,14px,0)}.hero-copy{padding-top:30px}.material-title{width:min(55.76vw,197.2px);margin-inline:0 auto}.origin-panel,.process,.editorial-transition,.measure,.applications{margin-top:88px}.process-grid{width:100%;margin-left:0;grid-template-columns:1fr;column-gap:0;row-gap:48px}.process-grid figcaption{margin-top:9px;padding-inline:0}.closing-note>picture{width:147px;margin-inline:auto}.closing-copy{text-align:center}}

/* The method sequence is informational rather than interactive. */
.process-grid img{transition:none}.process-grid figure:hover img{transform:none}
/* Beltrami system typography — aligned with the house's editorial site. */
body{font-size:14px;line-height:2;letter-spacing:.05em}
.process-grid figcaption,.application-list article>a{color:#504b47!important;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif!important;font-weight:300!important;letter-spacing:.18em!important}
.application-list h3 a{font-family:"Bodoni Moda","Bodoni Moda",serif!important;font-style:italic!important;font-weight:300!important;letter-spacing:0!important;text-transform:none!important}
.process-grid img{scale:1!important;transform:none!important;transition:none!important}
.process-grid figure:hover img{scale:1!important;transform:none!important}
@media(max-width:900px){body{font-size:13px;line-height:2}}
@media(max-width:600px){body{line-height:1.7}}

/* Mobile editorial sections already own the 24px page gutter. */
@media(max-width:600px){
  .origin-copy,
  .process>.section-heading,
  .process>.section-heading .body-copy,
  .measure>.section-heading,
  .applications>.section-heading{padding-inline:0!important;width:100%;max-width:none}
  .process>.section-heading,
  .measure>.section-heading,
  .applications>.section-heading{grid-template-columns:minmax(0,1fr)!important}
  .origin-copy p,
  .process>.section-heading .body-copy,
  .measure>.section-heading>p,
  .applications>.section-heading>p{max-width:none;width:100%;text-align:left}
}