/* CXPAPER / material edition. Built around the customer's paper and production. */

.atelier-site{--brand:#143b31;--text:#1b3029;--soft:#f5f3ed;--border:#d4d8cf;--info:#a74629;--paper:#f5f3ed;--clay:#bc5635;--atelier-ease:cubic-bezier(.22,1,.36,1);background:var(--paper)}
.atelier-site :is(h1,h2,h3,h4){font-family:var(--font-sans);font-weight:450;letter-spacing:var(--tracking-display)}
.atelier-site p{text-wrap:pretty}
.atelier-site .wrap{width:min(1480px,calc(100% - 96px))}
.atelier-site .section{padding-block:clamp(80px,8.4vw,140px)}
.atelier-site .eyebrow{font-size:10px;letter-spacing:.12em}
.atelier-site .section-head h2{font-size:clamp(45px,5.6vw,82px);line-height:.99}
.atelier-site .section-head>p{font-size:15px;line-height:1.75;max-width:370px}
.atelier-site .btn{border-radius:999px;min-height:52px;padding:14px 27px;font-size:13px;font-weight:500;overflow:hidden;isolation:isolate;transition:color 220ms ease,border-color 220ms ease,transform 150ms ease;background:var(--brand);color:var(--paper);border-color:var(--brand)}
.atelier-site .btn:before{inset:0;opacity:1;background:var(--paper);transform:translateX(-105%);border-radius:inherit;transition:transform 580ms cubic-bezier(.77,0,.18,1);z-index:-1}
.atelier-site .btn:after{content:none}
.atelier-site .btn.outline{background:transparent;color:var(--brand)}
.atelier-site .btn.outline:before{background:var(--brand)}
.atelier-site .btn:focus-visible{outline:3px solid var(--clay);outline-offset:5px}
.atelier-site .btn:active{transform:scale(.98)}
.atelier-site .textlink{font-size:13px;line-height:1.7;padding-bottom:6px;text-underline-offset:6px}
.atelier-site .textlink:before{background:var(--clay)}
.atelier-site .brand strong{font-family:var(--font-sans);letter-spacing:var(--tracking-display);font-weight:650}
.atelier-site .brand-logo-color,.atelier-site .footer .brand>img{filter:brightness(0) saturate(100%) invert(17%) sepia(20%) saturate(1033%) hue-rotate(111deg) brightness(95%) contrast(93%)}
.atelier-site .site-header{border-color:#d4d8cf}
.atelier-site .site-header:before{background:var(--paper)}
.atelier-site .site-header .nav{width:calc(100% - 80px);max-width:none}
.atelier-site .nav-quote{min-height:44px;padding:11px 21px}
.atelier-site .header-overlay:not(.is-solid) .nav-quote{background:var(--paper);color:var(--brand);border-color:var(--paper)}
.atelier-site .header-overlay:not(.is-solid) .nav-quote:before{background:var(--brand)}

/* An oversized masthead above the real factory film; information sits on a baseline. */
.atelier-site .atelier-hero{min-height:max(780px,100svh);display:flex;align-items:stretch;overflow:hidden;background:#143b31;padding:0;margin:0;max-height:none}
.atelier-hero .film-media:after{background:linear-gradient(180deg,#081d177a 0%,#081d1738 40%,#081d17b5 72%,#081d17eb 100%)}
.atelier-site .atelier-hero-content{position:relative;display:flex;flex-direction:column;padding:125px 0 110px;z-index:1}
.atelier-hero-topline{display:flex;justify-content:space-between;gap:20px;color:#f5f3ed;align-items:center;border-bottom:1px solid #f5f3ed59;padding-bottom:12px}
.atelier-site .atelier-hero-topline p{font-size:10px;letter-spacing:.12em;max-width:none;margin:0}
.atelier-site .atelier-hero h1{font-size:clamp(88px,12.9vw,210px);font-weight:450;line-height:1.03;letter-spacing:var(--tracking-display);max-width:none;margin:12px 0 70px;color:var(--paper);white-space:nowrap}
.atelier-hero-title>span{display:inline-block}
.atelier-hero-bottom{margin-top:auto;display:grid;grid-template-columns:1.2fr .8fr;gap:10%;align-items:end}
.atelier-site .atelier-hero-bottom .eyebrow{font-size:10px;margin:0 0 18px;color:#e8ece5;letter-spacing:.1em;max-width:none}
.atelier-site .atelier-hero p.atelier-hero-lead{font-family:var(--font-sans);font-size:clamp(32px,3.1vw,48px);line-height:1.09;letter-spacing:var(--tracking-heading);margin:0;max-width:600px}
.atelier-site .atelier-hero-enquiry>p{font-size:14px;line-height:1.7;max-width:400px;margin:0 0 24px}
.atelier-site .atelier-hero .hero-actions{display:flex;flex-direction:row;flex-wrap:wrap;gap:17px 23px;align-items:center}
.atelier-site .atelier-hero .btn{background:var(--paper);color:var(--brand);border-color:var(--paper)}
.atelier-site .atelier-hero .btn:before{background:var(--clay)}
.atelier-site .atelier-hero .hero-actions>a:not(.btn){font-size:12px;color:var(--paper)}
.atelier-hero-foot{position:absolute;inset:auto 48px 28px;display:flex;justify-content:space-between;align-items:center;z-index:1;padding-right:160px;font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:#f5f3edcf}
.atelier-scroll{display:inline-flex;align-items:center;gap:12px}
.atelier-scroll>span{display:block;width:22px;height:33px;border:1px solid #ffffff70;border-radius:14px;position:relative}
.atelier-scroll>span:after{content:'';position:absolute;width:3px;height:7px;border-radius:3px;left:8px;top:7px;background:var(--paper);animation:paper-scroll 2.5s ease-in-out infinite}
@keyframes paper-scroll{0%,100%{transform:translateY(0);opacity:.5}50%{transform:translateY(8px);opacity:1}}
.atelier-site .atelier-hero .film-control{right:48px;bottom:22px;border-radius:999px;background:transparent;backdrop-filter:none;padding:8px 14px;font-size:10px}

/* Paper catalogue: an open spread, with no decorative card furniture. */
.atelier-intro{display:grid;grid-template-columns:1fr 3fr;gap:6%;padding-block:120px 135px;border-bottom:1px solid var(--border)}
.atelier-intro>.eyebrow{padding-top:9px}
.atelier-intro h2{font-size:clamp(44px,5.2vw,78px);line-height:1.04;margin:0 0 45px;max-width:1050px}
.atelier-intro h2 em{font-style:normal;color:#7d897b}
.atelier-intro-note{display:grid;grid-template-columns:80px 1fr;gap:8px 30px;max-width:650px}
.atelier-intro-note>span{font-size:10px;padding-top:5px;color:var(--clay);font-variant-numeric:tabular-nums}
.atelier-intro-note>p{font-size:15px;line-height:1.8;margin:0}
.atelier-intro-note>.textlink{grid-column:2;justify-self:start;margin-top:10px}
.atelier-site .atelier-collection{padding-block:110px 120px}
.atelier-collection .section-head{align-items:end;margin-bottom:55px}
.atelier-collection .collection-selector{grid-template-columns:.8fr 1.7fr;gap:7%}
.atelier-collection .material-switches{counter-reset:material}
.atelier-collection .material-switches button{display:grid;grid-template-columns:35px 1fr;column-gap:12px;padding:22px 0;border-inline:0;border-color:var(--border);position:relative;overflow:hidden;transition:color .25s,background .25s}
.atelier-collection .material-switches button[aria-pressed=true]{background:transparent;padding-inline-start:0;border-inline-start:0;color:var(--clay)}
.atelier-collection .material-switches button:after{content:'';height:2px;position:absolute;bottom:0;left:0;width:100%;background:var(--clay);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--atelier-ease)}
.atelier-collection .material-switches button[aria-pressed=true]:after{transform:scaleX(1)}
.atelier-collection .material-switches .material-index{grid-row:1/3;grid-column:1;color:var(--clay);font-size:11px;margin:4px 0 0;font-variant-numeric:tabular-nums}
.atelier-collection .material-switches strong{grid-column:2;font-family:var(--font-sans);font-size:clamp(19px,1.9vw,28px);line-height:1.2;letter-spacing:var(--tracking-heading);font-weight:450}
.atelier-collection .material-switches button>span:last-child{grid-column:2;font-size:11px;line-height:1.6;margin-top:8px}
.atelier-collection .material-display figure{overflow:hidden;background:#e7e8e2;aspect-ratio:1.25}
.atelier-collection .material-display figure img{width:100%;height:100%;object-fit:cover;object-position:center}
.atelier-collection .material-display figcaption{font-size:9px;bottom:16px;left:16px;right:auto;background:#f5f3edeb;padding:5px 9px}
.atelier-collection .material-copy{display:block;max-width:670px;margin-top:28px}
.atelier-collection .material-copy h3{font-size:clamp(30px,3vw,44px);margin:10px 0 15px;letter-spacing:var(--tracking-heading)}
.atelier-collection .material-copy>p:not(.eyebrow){font-size:14px;line-height:1.8;max-width:58ch}
.atelier-collection .material-copy .textlink{margin-top:20px}
.atelier-collection .material-controls{border-bottom:0;padding-block:14px;font-size:10px}
.atelier-collection .material-controls button{font-size:10px}
.atelier-collection .material-timer{background:#d9dbd2;width:150px}
.atelier-collection .material-timer>span{background:var(--clay)}

/* Native-scroll chapters. The image is sticky; the specification remains readable. */
.paper-observatory{padding-block:105px 0;background:#e8e9e1}
.observatory-heading{display:grid;grid-template-columns:1fr 3fr;gap:6%;padding-bottom:70px}
.observatory-heading>.eyebrow{margin-top:8px}
.atelier-site .observatory-heading h2{font-size:clamp(46px,5.2vw,78px);line-height:1.03;margin:0}
.observatory-heading h2 span{color:#768274}
.observatory-layout{display:grid;grid-template-columns:57% 43%;align-items:start;position:relative}
.observatory-stage{position:sticky;top:88px;height:calc(100svh - 88px);min-height:600px}
.observatory-image-stack{position:relative;width:100%;height:100%;overflow:hidden;background:#dedfd9}
.observatory-image{position:absolute;inset:0;margin:0;visibility:hidden}
.observatory-image.is-current{visibility:visible}
.observatory-image img{width:100%;height:100%;object-fit:cover;object-position:center}
.observatory-image figcaption{position:absolute;inset:auto 28px 25px;margin:0;color:#17241f;font-size:10px;line-height:1.5;background:#f5f3edeb;padding:9px 13px;width:fit-content;max-width:calc(100% - 56px)}
.observatory-registration{position:absolute;top:25px;left:28px;font-size:9px;letter-spacing:.15em;color:#173d32;background:#f5f3eddb;padding:7px 10px}
.observatory-scale{position:absolute;right:25px;top:25px;display:flex;flex-direction:column;gap:8px}
.observatory-scale span{width:29px;height:29px;display:grid;place-items:center;border:1px solid #173d323b;border-radius:50%;background:#f5f3eddc;font-size:9px;color:var(--brand)}
.paper-observatory[data-observation-active=width] .observatory-scale span:nth-child(1),.paper-observatory[data-observation-active=core] .observatory-scale span:nth-child(2),.paper-observatory[data-observation-active=length] .observatory-scale span:nth-child(3),.paper-observatory[data-observation-active=print] .observatory-scale span:nth-child(4){background:var(--brand);color:var(--paper)}
.observatory-notes{padding-inline:12%}
.observatory-note{min-height:76svh;display:flex;flex-direction:column;justify-content:center;padding-block:80px;border-top:1px solid #bfc8bb}
.observatory-note:first-child{border:0;min-height:calc(100svh - 88px)}
.observatory-meta{display:flex;align-items:baseline;gap:30px;margin-bottom:24px}
.observatory-meta>span{font-family:var(--font-sans);font-size:58px;font-weight:400;line-height:1;color:var(--clay);letter-spacing:var(--tracking-display)}
.observatory-meta>p{font-size:9px;letter-spacing:.12em;margin:0}
.atelier-site .observatory-note h3{font-size:clamp(34px,3.7vw,54px);line-height:1.05;margin:0 0 24px}
.observatory-note>p{font-size:14px;line-height:1.85;margin-bottom:25px}
.observatory-note>.textlink{align-self:start}
.observatory-diagram{width:100%;max-width:300px;padding:0;margin-top:26px;border:0;background:transparent;text-align:left}
.observatory-diagram svg{width:100%;height:auto;max-height:160px}
.observatory-diagram>span{font-size:9px;text-decoration:underline;text-underline-offset:4px}

.atelier-site .atelier-custom{padding-block:140px;grid-template-columns:1.1fr .9fr;gap:9%}
.atelier-custom .client-photo img{height:auto;aspect-ratio:4/5;object-fit:cover}
.atelier-site .atelier-custom h2{font-size:clamp(44px,4.8vw,74px);line-height:1.02}
.atelier-custom>div>p:not(.eyebrow){font-size:15px;line-height:1.85;max-width:48ch}
.atelier-custom .line-definitions{margin:30px 0}
.atelier-custom .line-definitions>div{grid-template-columns:1fr 1.25fr;font-size:12px;gap:22px;padding-block:19px}
.atelier-site[data-page=home] .application-lookbook{border-top:1px solid var(--border)}
.atelier-site[data-page=home] .application-lookbook-grid{grid-template-columns:1.15fr .85fr;gap:90px 7%}
.atelier-site[data-page=home] .application-lookbook-grid article{display:block}
.atelier-site[data-page=home] .application-lookbook-grid article:nth-child(even){padding-top:100px}
.atelier-site[data-page=home] .application-study-image img{aspect-ratio:1.2;object-fit:cover}
.atelier-site[data-page=home] .application-lookbook-grid article:nth-child(even) img{aspect-ratio:.95}
.atelier-site[data-page=home] .application-study-image>span{font-size:9px;left:18px;bottom:18px;right:auto}
.atelier-site[data-page=home] .application-study-copy{padding-top:28px;display:grid;grid-template-columns:45px 1fr;gap:8px 18px}
.atelier-site[data-page=home] .application-study-number{grid-column:1;grid-row:1/4;font-size:12px;color:var(--clay);padding-top:9px;margin:0}
.atelier-site[data-page=home] .application-study-copy h3{font-size:clamp(28px,3vw,44px);grid-column:2;margin:0 0 8px}
.atelier-site[data-page=home] .application-study-copy>p{grid-column:2;font-size:14px;max-width:47ch;margin:0}
.atelier-site[data-page=home] .application-study-copy>.textlink{grid-column:2;justify-self:start;margin-top:12px}
.atelier-site[data-page=home] .factory-story{padding-block:130px;background:#143b31;color:var(--paper)}
.atelier-site[data-page=home] .factory-story>.wrap{grid-template-columns:.9fr 1.1fr;gap:9%}
.atelier-site[data-page=home] .factory-story h2{color:var(--paper);font-size:clamp(42px,4.2vw,65px)}
.atelier-site[data-page=home] .factory-story .client-photo img{aspect-ratio:1.05}
.atelier-site[data-page=home] .factory-story .client-photo figcaption{color:#d9e1d3}
.atelier-site[data-page=home] .factory-story p:not(.eyebrow){font-size:15px;line-height:1.9;max-width:43ch}
.atelier-site[data-page=home] .factory-story a{color:var(--paper)}
.atelier-site[data-page=home] .order-story{background:var(--paper);padding-block:130px 70px}
.atelier-site[data-page=home] .order-story h2{font-size:clamp(44px,5.4vw,80px);line-height:1.02}
.atelier-site[data-page=home] .order-story-spread{gap:4%}
.atelier-site[data-page=home] .order-chapter-sample{padding-top:95px}
.atelier-site[data-page=home] .order-chapter-packing{padding-top:180px}
.atelier-site[data-page=home] .order-chapter-number{color:var(--clay)}
.atelier-site[data-page=home] .tool-grid{gap:45px}
.atelier-site[data-page=home] .tool-grid article{border-top:1px solid var(--brand);background:transparent;padding:28px 0}
.atelier-site[data-page=home] .tool-grid article>p:not(.eyebrow){font-size:14px;max-width:34ch}
.atelier-site[data-page=home] .tool-grid article h3{font-size:32px;max-width:15ch}
.atelier-site[data-page=home] .tool-grid article .eyebrow{color:var(--clay)}
.atelier-site .faq-split{border-top:1px solid var(--border)}
.atelier-site .faq-split h2{font-size:clamp(43px,4.6vw,70px)}
.atelier-site .faq summary{padding-block:25px;font-size:16px}
.atelier-site .faq details>div{font-size:14px;line-height:1.85}
.atelier-site .paper-cta{padding-block:45px}
.atelier-site .paper-cta h2{font-size:clamp(48px,6.3vw,94px);line-height:1.02;max-width:13ch}
.atelier-site .paper-cta .btn{background:var(--paper);color:var(--brand);border-color:var(--paper)}
.atelier-site .paper-cta .btn:before{background:var(--clay)}
.atelier-site .footer{background:var(--paper);padding-top:75px}
.atelier-site .footer-top{padding-bottom:45px}
.atelier-site .footer-top p{font-size:13px;max-width:35ch}
.atelier-site .footer-contact h2{font-size:clamp(27px,3vw,43px)}
.atelier-site .footer-links{padding-block:45px}
.atelier-site .footer-links h3{font-size:11px;letter-spacing:.03em;text-transform:uppercase;margin-bottom:20px;color:#758173;font-weight:600}
.atelier-site .footer-links a{font-size:13px;line-height:1.9}
.footer-signature{display:flex;align-items:end;gap:5%;border-top:1px solid var(--border);padding-block:36px 40px}
.footer-signature>span{font-family:var(--font-sans);font-size:clamp(72px,15.7vw,248px);line-height:.8;letter-spacing:var(--tracking-display);font-weight:500;color:var(--brand)}
.footer-signature>small{font-size:11px;line-height:1.6;white-space:nowrap;padding-bottom:4px}
.atelier-site .footer-bottom{font-size:11px}
@media(hover:hover) and (pointer:fine){
 .atelier-site .btn:hover{color:var(--brand);background:var(--brand)}
 .atelier-site .btn:hover:before{transform:translateX(0)}
 .atelier-site .btn.outline:hover{color:var(--paper);background:transparent}
 .atelier-site .atelier-hero .btn:hover,.atelier-site .paper-cta .btn:hover{color:white;background:var(--paper);border-color:var(--clay)}
 .atelier-site .header-overlay:not(.is-solid) .nav-quote:hover{color:var(--paper);background:var(--paper)}
 .atelier-collection .material-switches button:hover{color:var(--clay)}
}
@media(min-width:1700px){.atelier-site .atelier-hero-content{max-width:none}.atelier-site .atelier-hero h1{font-size:13.3vw}}
@media(max-width:1100px){
 .atelier-site .wrap{width:calc(100% - 64px)}
 .atelier-site .atelier-hero{min-height:850px}
 .atelier-hero-bottom{gap:5%;grid-template-columns:1fr 1fr}
 .atelier-intro,.observatory-heading{grid-template-columns:1fr 2.6fr;gap:4%}
 .observatory-stage{top:78px;min-height:550px;height:calc(100svh - 78px)}
 .observatory-notes{padding-inline:10%}
 .atelier-site .atelier-custom{gap:6%}
 .atelier-site[data-page=home] .order-chapter-packing{padding-top:100px}
 .atelier-site[data-page=home] .order-chapter-sample{padding-top:50px}
}
@media(max-width:760px){
 .atelier-site .wrap{width:calc(100% - 40px)}
 .atelier-site .section{padding-block:70px}
 .atelier-site .site-header .nav{width:calc(100% - 40px)}
 .atelier-site .atelier-hero{min-height:max(800px,100svh)}
 .atelier-site .atelier-hero-content{padding:115px 0 128px}
 .atelier-hero-topline{font-size:9px;gap:12px}
 .atelier-site .atelier-hero-topline p{font-size:8px;letter-spacing:.07em;max-width:50%}
 .atelier-site .atelier-hero-topline p:last-child{text-align:right}
 .atelier-site .atelier-hero h1{font-size:clamp(70px,14.3vw,108px);line-height:.95;letter-spacing:var(--tracking-display);white-space:normal;margin:22px 0 80px}
 .atelier-hero-title>span{display:block}
 .atelier-hero-bottom{grid-template-columns:1fr;gap:25px}
 .atelier-site .atelier-hero-bottom .eyebrow{font-size:8px;margin-bottom:16px}
 .atelier-site .atelier-hero p.atelier-hero-lead{font-size:34px;max-width:95%}
 .atelier-site .atelier-hero-enquiry>p{font-size:13px;line-height:1.7;max-width:37ch;margin-bottom:23px}
 .atelier-site .atelier-hero .hero-actions{gap:18px}
 .atelier-site .atelier-hero .btn{font-size:12px;padding:13px 22px;min-height:48px}
 .atelier-hero-foot{left:20px;right:20px;bottom:75px;padding-right:0;font-size:8px}
 .atelier-hero-foot>span{display:none}
 .atelier-site .atelier-hero .film-control{right:20px;bottom:70px;font-size:9px;min-height:36px}
 .atelier-intro{grid-template-columns:1fr;gap:25px;padding-block:70px}
 .atelier-intro h2{font-size:43px;margin-bottom:30px;line-height:1.08}
 .atelier-intro-note{grid-template-columns:44px 1fr;gap:8px 16px}
 .atelier-intro-note>p{font-size:13px}
 .atelier-site .atelier-collection{padding-block:70px}
 .atelier-collection .section-head{display:block;margin-bottom:30px}
 .atelier-collection .section-head>p{margin-top:20px;font-size:13px}
 .atelier-collection .collection-selector{grid-template-columns:1fr;gap:25px}
 .atelier-collection .material-switches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}
 .atelier-collection .material-switches button{grid-template-columns:20px 1fr;padding:17px 0;gap:0 8px;min-height:90px}
 .atelier-collection .material-switches button:nth-child(2){border-top:1px solid var(--border)}
 .atelier-collection .material-switches strong{font-size:17px}
 .atelier-collection .material-switches button>span:last-child{font-size:9px;line-height:1.5}
 .atelier-collection .material-switches .material-index{font-size:9px}
 .atelier-collection .material-display figure{aspect-ratio:1.12}
 .atelier-collection .material-copy{margin-top:12px}
 .atelier-collection .material-copy>p:not(.eyebrow){font-size:13px}
 .paper-observatory{padding-top:70px}
 .observatory-heading{display:block;padding-bottom:35px}
 .observatory-heading>.eyebrow{margin-bottom:20px}
 .atelier-site .observatory-heading h2{font-size:42px;line-height:1.05}
 .observatory-layout{display:block}
 .observatory-stage{position:relative;top:0;height:100vw;min-height:0;max-height:520px}
 .observatory-notes{padding-inline:20px}
 .observatory-note,.observatory-note:first-child{min-height:0;padding-block:38px}
 .observatory-meta{margin-bottom:20px;gap:20px}
 .observatory-meta>span{font-size:43px}
 .atelier-site .observatory-note h3{font-size:35px;max-width:16ch;margin-bottom:16px}
 .observatory-note>p{font-size:13px;max-width:50ch}
 .observatory-diagram{max-width:260px;margin-top:20px}
 .atelier-site .atelier-custom{padding-block:70px;grid-template-columns:1fr;gap:35px}
 .atelier-custom .client-photo img{aspect-ratio:1.1}
 .atelier-site .atelier-custom h2{font-size:43px}
 .atelier-custom>div>p:not(.eyebrow){font-size:14px}
 .atelier-custom .line-definitions>div{grid-template-columns:1fr 1.4fr;font-size:12px}
 .atelier-site[data-page=home] .application-lookbook-grid{grid-template-columns:1fr;gap:42px}
 .atelier-site[data-page=home] .application-lookbook-grid article:nth-child(even){padding-top:0}
 .atelier-site[data-page=home] .application-lookbook-grid article:nth-child(even) img,.atelier-site[data-page=home] .application-study-image img{aspect-ratio:1.25}
 .atelier-site[data-page=home] .application-study-copy{grid-template-columns:30px 1fr;gap:8px 12px;padding-top:20px}
 .atelier-site[data-page=home] .application-study-copy h3{font-size:30px}
 .atelier-site[data-page=home] .application-study-copy>p{font-size:13px}
 .atelier-site[data-page=home] .factory-story{padding-block:70px}
 .atelier-site[data-page=home] .factory-story>.wrap{grid-template-columns:1fr;gap:35px}
 .atelier-site[data-page=home] .factory-story h2{font-size:42px}
 .atelier-site[data-page=home] .order-story{padding-block:70px 20px}
 .atelier-site[data-page=home] .order-story h2{font-size:43px}
 .atelier-site[data-page=home] .order-chapter-sample,.atelier-site[data-page=home] .order-chapter-packing{padding-top:0}
 .atelier-site[data-page=home] .tool-grid{gap:12px;grid-template-columns:1fr}
 .atelier-site[data-page=home] .tool-grid article>p:not(.eyebrow){max-width:42ch}
 .atelier-site .paper-cta{padding-block:25px}
 .atelier-site .paper-cta h2{font-size:49px}
 .atelier-site .footer{padding-top:55px}
 .footer-signature{display:block;padding-block:30px}
 .footer-signature>span{display:block;font-size:19.1vw}
 .footer-signature>small{display:block;font-size:10px;margin-top:22px}
}
@media(prefers-reduced-motion:reduce){
 .atelier-site .btn,.atelier-site .btn:before,.atelier-collection .material-switches button,.atelier-collection .material-switches button:after{transition:none}
 .atelier-scroll>span:after{animation:none}
 .atelier-site .btn:active{transform:none}
}
@media print{.atelier-site .atelier-hero{min-height:0;background:white;color:#111}.atelier-hero .film-media,.atelier-hero-foot,.atelier-site .film-control{display:none}.atelier-site .atelier-hero h1{font-size:48px;color:#111}.atelier-site .atelier-hero-content{padding:30px 0}.observatory-layout{display:block}.observatory-stage{position:relative;height:300px;min-height:0}.observatory-note,.observatory-note:first-child{min-height:0;padding:30px 0}.footer-signature{display:none}}

/* The catalogue jump remains a text action, without decorative arrows. */
.atelier-site .material-explore{border:1px solid #f5f3edb3;border-radius:999px;padding:16px 24px;min-height:52px;justify-self:end;align-self:end;flex-direction:row;white-space:nowrap;font-size:12px;color:#fff}
.atelier-site .material-explore:hover{background:#f5f3ed;color:#143b31}
.observatory-inline{display:none}
@media(max-width:760px){.observatory-stage{display:none}.observatory-inline{display:block;margin:0 0 28px}.observatory-inline img{width:100%;height:auto;aspect-ratio:1.15;object-fit:cover}.observatory-inline figcaption{font-size:9px;padding-top:8px;margin:0}.atelier-site .material-explore{display:inline-flex;align-self:start;justify-self:start;min-height:44px;padding:12px 20px;width:auto}.observatory-note:first-child{padding-top:0}}

/* Keep small accent lettering readable on the warm paper surface. */
.atelier-intro-note>span,.atelier-collection .material-switches .material-index,.atelier-collection .material-switches button[aria-pressed=true],.atelier-site[data-page=home] .application-study-number,.atelier-site[data-page=home] .order-chapter-number,.atelier-site[data-page=home] .tool-grid article .eyebrow{color:#a74629}
@media(min-width:1051px) and (max-width:1200px){.atelier-site .site-header .nav{width:calc(100% - 40px);gap:16px}.atelier-site #main-nav{gap:12px}.atelier-site .nav-quote{padding:11px 15px}.atelier-site .nav-parent{font-size:12px}.atelier-site .brief-button{padding-inline-start:9px}}

.atelier-site .inner-hero .btn{background:var(--paper);border-color:var(--paper);color:var(--brand)}
.atelier-site .inner-hero .btn:before{background:var(--clay)}
.atelier-site :is(h3,h4){letter-spacing:var(--tracking-heading)}
@media(hover:hover) and (pointer:fine){.atelier-site .inner-hero .btn:hover{color:#fff;border-color:var(--clay)}}