:root{--paper:#f8f8f6;--ink:#1d1e1c;--sub:#6c6f69;--hair:#dcded8;--wash:#eeede9;--wash2:#e9e8e3;--ease:cubic-bezier(.22,1,.36,1)}
*,*::before,*::after{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,'Helvetica Neue','Noto Sans SC','PingFang SC','Microsoft YaHei',sans-serif;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #8b7757;outline-offset:4px}::selection{background:#d9cdb6;color:#151615}button:disabled{opacity:.52;cursor:not-allowed}p,h1,h2,h3,h4{margin-top:0}
.layout{max-width:1680px;margin:auto;padding-left:clamp(48px,5.2vw,94px);padding-right:clamp(48px,5.2vw,94px)}.eyebrow{font-size:10px;letter-spacing:.17em;font-weight:700}.head{height:90px;position:sticky;z-index:40;top:0;display:flex;align-items:center;gap:38px;background:#f8f8f6f5;backdrop-filter:blur(16px);border-bottom:1px solid #ecece8}.logo{display:flex;flex-direction:column;align-items:flex-end;line-height:1;flex-shrink:0}.logo span{font-size:25px;font-weight:790;letter-spacing:-.09em}.logo small{font-size:7px;font-weight:700;letter-spacing:.2em;margin-top:5px}.nav{margin:auto;display:flex;align-items:center;gap:clamp(17px,2.05vw,37px);white-space:nowrap}.nav a{font-size:12px;font-weight:650;position:relative;padding:17px 0}.nav a::after{position:absolute;content:"";bottom:10px;left:0;right:0;height:1px;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .36s var(--ease)}.nav a:hover::after,.nav a.active::after{transform:scaleX(1)}.head-right{display:flex;align-items:center;gap:20px;white-space:nowrap}.language-switch{border:0;background:transparent;font-size:12px;font-weight:700;padding:10px 0}.lang-divider{color:#9c9e99;padding:0 4px}.contact-link{display:flex;gap:12px;align-items:center;font-size:12px;font-weight:700}.arrow-round{display:grid;place-items:center;background:#20211f;color:#fff;width:37px;height:37px;border-radius:50%;flex:none;transition:transform .35s var(--ease),background .35s var(--ease)}.arrow-round svg,.product-go svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.text-link{display:inline-flex;align-items:center;gap:18px;font-size:12px;font-weight:700}.text-link:hover .arrow-round,.contact-link:hover .arrow-round{background:#626d62;transform:translateX(5px)}.v4-section{padding-top:132px;padding-bottom:132px}.section-heading-new{display:grid;grid-template-columns:1fr 310px;gap:50px;align-items:end;margin-bottom:56px}.section-heading-new h2{font-size:clamp(52px,6.5vw,104px);font-weight:500;letter-spacing:-.083em;line-height:1.01;margin:18px 0 0}.section-heading-new p{font-size:14px;line-height:2;color:var(--sub);margin:0}.editorial-heading{font-size:clamp(56px,6.8vw,115px);font-weight:500;line-height:1.01;letter-spacing:-.085em;margin:26px 0 31px}
/* Approved editorial hero: large type left, greenery furniture isolated lower right. */
.v4-hero{height:860px;overflow:hidden;background:var(--paper)}.hero-layout{height:100%;position:relative}.hero-overline{position:absolute;left:clamp(48px,5.2vw,94px);top:61px;color:#7b7e75}.hero-headline{position:absolute;top:126px;left:clamp(48px,5.2vw,94px);z-index:3;font-size:clamp(107px,10.55vw,184px);line-height:.85;letter-spacing:-.108em;font-weight:510;margin:0;white-space:nowrap;pointer-events:none}.hero-object{position:absolute;bottom:43px;right:clamp(12px,1.7vw,34px);width:min(69%,1070px);z-index:2;pointer-events:none;transform:translate3d(var(--mx,0px),var(--my,0px),0);transition:transform .65s var(--ease)}.hero-object img{width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 22px 15px #0000000b)}.hero-body{position:absolute;z-index:5;bottom:155px;left:clamp(48px,5.2vw,94px);width:330px}.hero-body p{font-size:14px;color:#62665f;line-height:2;margin-bottom:31px}.hero-ticker{position:absolute;bottom:66px;left:clamp(48px,5.2vw,94px);font-weight:450;color:#82847d}.home-classics .featured-grid,.products-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.v4-product-card{display:block;min-width:0}.v4-product-image{height:clamp(385px,37vw,625px);background:#eeede9;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.v4-product-card:nth-child(2) .v4-product-image{background:#eae9e5}.v4-product-image>img{width:91%;height:88%;object-fit:contain;transition:opacity .7s var(--ease),transform .8s var(--ease)}.v4-product-image .hover-img{position:absolute;inset:6%;width:88%;height:88%;opacity:0}.v4-product-card:hover .v4-product-image>img:not(.hover-img){transform:scale(1.035)}.v4-product-card:hover .v4-product-image .hover-img{opacity:1}.v4-product-card:hover .v4-product-image>img:not(.hover-img):has(+.hover-img){opacity:0}.v4-product-image>.eyebrow{position:absolute;left:24px;top:25px;z-index:5}.product-go{position:absolute;bottom:25px;right:23px;display:grid;place-items:center;border:1px solid #30312d;border-radius:50%;width:50px;height:50px;z-index:4;transition:background .35s,color .35s,transform .35s}.v4-product-card:hover .product-go{background:var(--ink);color:white;transform:rotate(45deg)}.product-info{display:flex;justify-content:space-between;gap:20px;padding-top:24px}.product-info h3{font-size:24px;font-weight:520;letter-spacing:-.055em;margin:0 0 11px}.product-info span{font-size:12px;color:#797c73}.product-code{font-size:11px;letter-spacing:.08em;padding-top:8px}.section-bottom-link{display:flex;justify-content:end;margin-top:58px}
.home-intro{background:#edede9}.split-story{display:grid;grid-template-columns:.83fr 1.25fr;gap:clamp(45px,8vw,145px);align-items:center}.split-story>div:first-child>p{max-width:365px;color:var(--sub);font-size:14px;line-height:2;margin:0 0 34px}.story-image{height:630px;background:#e4e3de;display:grid;place-items:center;position:relative;overflow:hidden}.story-image img{width:92%;height:88%;object-fit:contain}.story-image .eyebrow{position:absolute;bottom:26px;right:24px;color:#656862}
.colour-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(70px,8.8vw,140px);align-items:center}.color-product-stage{height:600px;background:#ecebe6;position:relative;display:flex;justify-content:center;align-items:center}.color-product-stage img{max-width:93%;max-height:80%;object-fit:contain}.colour-name{position:absolute;left:28px;top:26px;font-size:13px;font-weight:650}.colour-disclaimer{position:absolute;bottom:20px;left:28px;right:24px;font-size:10px;line-height:1.65;color:#7d7f79}.colour-controls h3{font-size:clamp(41px,4.4vw,68px);font-weight:500;letter-spacing:-.065em;line-height:1.1;margin:24px 0 31px}.colour-controls p{color:var(--sub);font-size:13px;line-height:1.95;max-width:370px;margin:28px 0}.colour-swatches{display:grid;grid-template-columns:repeat(10,minmax(0,34px));gap:12px 11px;max-width:440px}.swatch{width:100%;aspect-ratio:1;border-radius:50%;border:1px solid #85878155;background:var(--sw);position:relative;transition:transform .25s var(--ease)}.swatch:hover,.swatch:focus-visible{transform:scale(1.13)}.swatch[aria-pressed=true]::after{content:"";position:absolute;inset:-5px;border:1px solid #222;border-radius:50%}
.home-voices{background:#e9e9e4}.voices-layout{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center}.voices-layout>div:first-child>p{color:var(--sub);font-size:13px;line-height:2;max-width:360px}.voice-placeholder{border-top:1px solid #aeb0ab;border-bottom:1px solid #aeb0ab;padding:40px 0 48px;min-height:380px}.voice-placeholder .quote-mark{font-size:90px;line-height:1.1;color:#9e9f97;margin-top:20px}.voice-placeholder p{font-size:24px;letter-spacing:-.03em;line-height:1.7}.voice-placeholder>span:last-child{font-size:10px;letter-spacing:.15em;color:#777b73}
/* shared interior hero */
.generic-hero{padding-top:94px}.generic-hero h1,.page-display{font-size:clamp(95px,10vw,181px);font-weight:500;letter-spacing:-.103em;line-height:.84;margin:70px 0 0}.generic-subrow{display:flex;align-items:end;gap:60px;justify-content:space-between;margin-top:47px}.generic-subrow p,.page-lead{font-size:14px;line-height:2;color:var(--sub);max-width:410px;margin:0}.compact-hero{padding-bottom:83px;border-bottom:1px solid var(--hair)}.compact-hero h1{margin-top:57px}.compact-hero .generic-subrow{margin-top:53px}
/* Catalogue */
.v4-catalog-hero{height:790px;overflow:hidden}.catalog-inner{height:100%;position:relative;padding-top:70px}.catalog-inner .page-display{position:absolute;top:120px;left:clamp(48px,5.2vw,94px);margin:0;z-index:3}.catalog-inner .page-kicker{position:relative;z-index:4}.catalog-inner .page-lead{position:absolute;left:clamp(48px,5.2vw,94px);bottom:132px;width:260px;z-index:5}.catalog-hero-image{position:absolute;right:0;bottom:48px;width:72%;max-height:680px;object-fit:contain;z-index:2}.catalog-index{position:absolute;bottom:67px;left:clamp(48px,5.2vw,94px);color:#878980}.filter-bar{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:22px 0 34px;border-top:1px solid var(--hair)}.filter-tabs{display:flex;align-items:center;gap:34px}.filter-tab,.faq-categories button{border:0;border-bottom:1px solid transparent;background:transparent;padding:8px 0;color:#858781;font-size:13px}.filter-tab.selected,.faq-categories button.selected{color:#1f211d;border-bottom-color:#1f211d;font-weight:700}.filter-tab sup{font-size:9px;margin-left:3px}.sort-field{display:flex;align-items:center;gap:12px;color:#777971;font-size:12px}.sort-field select{background:transparent;border:0;padding:5px 5px 5px 0;font-weight:700;color:#212320}.result-line{font-size:11px;color:#8a8c86;margin:0 0 22px}.products-grid.single{grid-template-columns:minmax(0,48%)}.bottom-note{color:#8b8e86;font-size:12px;margin-top:66px}
/* detail */
.product-page{padding-top:45px}.crumbs{display:flex;gap:13px;font-size:11px;color:#898c84;margin-bottom:29px}.crumbs a:hover{color:var(--ink)}.product-detail{display:grid;grid-template-columns:minmax(0,1.13fr) minmax(400px,.87fr);gap:clamp(55px,6vw,105px);padding-bottom:140px;align-items:start}.product-main-photo{height:630px;background:#ecebe6;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}.product-main-photo img{max-height:87%;max-width:94%;object-fit:contain;transition:opacity .15s var(--ease),transform .5s var(--ease)}.product-main-photo:hover img{transform:scale(1.02)}.product-main-photo .eyebrow{position:absolute;top:25px;left:25px;color:#767a73}.image-zoom{position:absolute;top:18px;right:22px;display:grid;place-items:center;border:1px solid #6d716a;background:transparent;border-radius:50%;width:40px;height:40px;font-size:22px}.gallery-thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.gallery-thumb{height:120px;display:grid;place-items:center;border:1px solid transparent;background:#e9e8e2;padding:12px}.gallery-thumb.active{border-color:#20211f}.gallery-thumb img{max-height:100%;max-width:100%;object-fit:contain}.gallery-caption{font-size:11px;color:#81847d;margin:20px 0}.product-purchase{position:sticky;top:124px}.product-purchase>h1{font-size:clamp(46px,4.6vw,72px);font-weight:520;line-height:1.09;letter-spacing:-.07em;margin:25px 0}.product-description{font-size:14px;line-height:1.85;color:var(--sub);margin:0 0 32px}.product-specs{display:grid;grid-template-columns:1fr 1fr;gap:20px;border-top:1px solid var(--hair);padding-top:27px}.product-specs div{min-width:0}.product-specs small{display:block;color:#7e8179;font-size:10px;line-height:1.6;margin-bottom:8px}.product-specs strong{display:block;font-size:clamp(12px,1.23vw,18px);font-weight:600;white-space:nowrap;letter-spacing:-.02em}.colour-product-head{display:flex;justify-content:space-between;margin-top:43px}.colour-product-head strong{font-size:13px}.colour-product-head small{font-size:10px;color:#82847d}.current-colour{font-size:12px;margin:19px 0 18px}.color-caution{font-size:11px;line-height:1.8;color:#8b8d85;margin:21px 0 30px}.product-buttons{display:grid;gap:10px}.dark-button,.light-button{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;min-height:53px;padding:0 22px;border:1px solid #20211e;font-size:12px;font-weight:700}.dark-button{background:#20211f;color:#fff}.dark-button:hover{background:#566056}.light-button{background:transparent;color:#20211f}.light-button:hover{background:#e9e7e0}.product-note{font-size:11px;line-height:1.8;color:#93958d;margin-top:18px}.product-facts{background:#eeede9}.product-facts h2{font-size:clamp(57px,6vw,100px);font-weight:500;letter-spacing:-.08em;margin:22px 0 62px}.facts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.fact-visual{height:310px;display:grid;place-items:center;background:#e5e4df}.fact-visual img{max-height:85%;max-width:90%;object-fit:contain}.fact-item h3{font-size:22px;font-weight:550;letter-spacing:-.04em;margin:23px 0 10px}.fact-item p{font-size:12px;color:#7b7d75;line-height:1.85;max-width:340px}.related-product{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:12%;background:#ecebe6}.related-product>div:first-child{height:400px;display:grid;place-items:center}.related-product img{max-height:86%;max-width:90%;object-fit:contain}.related-product h3{font-size:38px;font-weight:500;letter-spacing:-.06em;margin:23px 0 15px}.related-product p{font-size:13px;color:#777b73;margin:0 0 25px}.image-overlay{position:fixed;inset:0;background:#0a0a09dd;z-index:100;display:none;align-items:center;justify-content:center;padding:4vw}.image-overlay.open{display:flex}.image-overlay>img{max-height:85vh;max-width:85vw;object-fit:contain;background:#f8f8f6}.image-overlay>button{position:absolute;right:3%;top:3%;width:48px;height:48px;border:1px solid white;color:white;background:transparent;font-size:33px}
/* Configurator */
.config-hero .config-visual{height:590px;display:flex;align-items:center;justify-content:center;background:#eeede9;position:relative;margin-top:72px}.config-visual img{max-width:85%;max-height:90%;object-fit:contain}.config-visual .eyebrow{position:absolute;bottom:25px;left:28px;color:#777a73}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-bottom:100px}.steps-grid article{border-top:1px solid #b8bab4;padding-top:27px}.steps-grid article>span{font-size:11px;color:#81847b}.steps-grid h3{font-size:29px;font-weight:540;letter-spacing:-.05em;margin:55px 0 17px}.steps-grid p{font-size:13px;color:var(--sub);line-height:1.85}.config-entry{display:grid;grid-template-columns:1.3fr .7fr;gap:100px;background:#e9e8e3;padding:70px 60px;align-items:center}.config-entry h3{font-size:44px;line-height:1.12;font-weight:520;letter-spacing:-.06em;margin:24px 0}.config-entry p{font-size:13px;color:var(--sub);line-height:1.85;max-width:480px}.config-entry-actions{display:grid;gap:13px}
/* inspiration */
.inspiration-section{padding-top:70px}.inspiration-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:50px 27px}.inspiration-card .inspo-img{display:grid;place-items:center;background:#eeede9;height:450px;overflow:hidden}.inspiration-card.big .inspo-img{height:640px}.inspiration-card .inspo-img img{max-height:95%;max-width:95%;object-fit:contain;transition:transform .8s var(--ease)}.inspiration-card:hover img{transform:scale(1.04)}.inspiration-card h3{font-size:25px;font-weight:500;letter-spacing:-.05em;margin:20px 0 10px}.inspiration-card p{color:var(--sub);font-size:12px}.inspiration-card:nth-child(3){grid-column:2}.inspo-disclaimer{font-size:12px;color:#888b83;margin-top:75px}
/* about */
.about-opening{margin-top:120px;display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}.about-opening h2{font-size:clamp(50px,5.5vw,87px);font-weight:500;letter-spacing:-.075em;line-height:1.06;margin:25px 0}.about-opening p{font-size:13px;color:var(--sub);line-height:2;max-width:335px}.about-opening img{background:#ecebe7;height:650px;width:100%;object-fit:contain;padding:4%}.milestone-placeholder{background:#eae9e4;padding:70px;font-size:16px;color:#6c6f68;min-height:200px;display:grid;place-items:center}.manufacturing{background:#ecebe6}.manufacturing h2{font-size:clamp(55px,6vw,99px);font-weight:500;letter-spacing:-.08em;margin:23px 0 60px}.manufacture-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.manufacture-grid img,.empty-media{height:320px;width:100%;object-fit:contain;background:#e1e0db;padding:7%}.empty-media{display:grid;place-items:center;color:#92948d;font-size:11px;letter-spacing:.1em}.manufacture-grid h3{font-size:25px;font-weight:500;letter-spacing:-.05em;margin:25px 0 12px}.manufacture-grid p{font-size:12px;line-height:1.9;color:var(--sub)}
/* FAQ */
.faq-section{padding-top:80px}.faq-toolbar{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-bottom:40px}.faq-categories{display:flex;gap:27px}.faq-toolbar input{background:transparent;border:0;border-bottom:1px solid var(--hair);padding:12px 5px;width:210px;font-size:12px}.faq-list{border-top:1px solid #c8cbc3}.faq-row{border-bottom:1px solid #d7d9d3}.faq-row summary{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:31px 0;cursor:pointer;list-style:none;font-size:21px;letter-spacing:-.04em}.faq-row summary::-webkit-details-marker{display:none}.faq-row summary b{font-size:24px;font-weight:300;transition:transform .3s}.faq-row[open] summary b{transform:rotate(45deg)}.faq-row>div{max-width:760px;padding:0 0 30px;color:var(--sub);font-size:14px;line-height:2}.faq-help{margin-top:80px;display:flex;align-items:center;gap:60px}.faq-help h3{font-size:33px;letter-spacing:-.04em;font-weight:500;margin:0}.faq-empty{padding:55px 0;color:var(--sub)}
/* Contact */
.contact-section{padding-top:100px;display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(80px,11vw,195px)}.contact-intro h2{font-size:clamp(55px,6vw,95px);font-weight:500;letter-spacing:-.08em;line-height:1.02;margin:32px 0}.contact-intro p{font-size:13px;line-height:2;color:var(--sub);max-width:360px}.contact-subline{margin-top:130px;color:#898b84;font-size:10px;line-height:1.9;letter-spacing:.15em}.enquiry-type>span{font-size:13px;font-weight:700}.enquiry-choices{display:flex;gap:11px;flex-wrap:wrap;margin:19px 0 42px}.enquiry-choices label input{position:absolute;opacity:0;pointer-events:none}.enquiry-choices label span{display:inline-block;border:1px solid #b9bcb3;padding:13px 16px;font-size:12px;cursor:pointer}.enquiry-choices label input:checked+span{background:#20211f;color:white;border-color:#20211f}.enquiry-choices label input:focus-visible+span{outline:2px solid #746752;outline-offset:3px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:29px 23px}.form-field{display:flex;flex-direction:column;gap:12px;font-size:12px;font-weight:600}.form-field em{color:#ac654f;font-style:normal}.form-field input:not([type=file]),.form-field textarea{border:0;border-bottom:1px solid #b6b9b1;background:transparent;border-radius:0;color:var(--ink);font-size:13px;font-weight:400;min-height:49px;padding:11px 0;outline-offset:0}.form-field textarea{resize:vertical;min-height:130px}.form-field input::placeholder,.form-field textarea::placeholder{color:#a2a59e}.form-field.full{margin-top:31px}.form-field input[type=file]{border:1px dashed #b5b7af;padding:25px 19px;color:#666b63;font-size:12px;cursor:pointer}.form-field small{font-size:10px;line-height:1.6;color:#888b83;font-weight:400}.file-list{display:flex;flex-wrap:wrap;gap:8px}.file-chip{background:#ecebe6;padding:9px 11px;font-size:11px;font-weight:400}.form-notice{margin:30px 0 20px;font-size:12px;color:#797c74;line-height:1.9}.form-submit{cursor:pointer}.form-submit:hover{background:#566056}#formStatus{font-size:13px;line-height:1.7;margin-top:15px}.draft-result{margin-top:40px;border-top:1px solid var(--hair);padding-top:30px}.draft-result h3{font-weight:500;font-size:28px}.draft-result pre{font-family:inherit;font-size:12px;line-height:1.95;white-space:pre-wrap;background:#efeee9;padding:25px;overflow:auto;max-height:400px}.draft-result>p{font-size:11px;color:#898b83;line-height:1.9}.draft-result .light-button{margin-top:24px;cursor:pointer}.v4-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);background:#222622;color:white;padding:13px 22px;font-size:12px;opacity:0;pointer-events:none;z-index:100;transition:.3s}.v4-toast.show{opacity:1;transform:translate(-50%,0)}
/* Footer */
.v4-footer{background:#222521;color:#f5f6f0;padding:100px 0 37px;overflow:hidden}.footer-top{display:grid;grid-template-columns:1fr 1fr;gap:80px}.footer-top h2{font-size:clamp(62px,7vw,112px);font-weight:500;letter-spacing:-.08em;line-height:1.04;margin:30px 0}.footer-desc{padding-top:52px;color:#b1b9ae;line-height:2;font-size:13px;max-width:370px}.footer-desc .text-link{color:white;margin-top:28px}.footer-desc .arrow-round{background:#f8f8f6;color:#222}.footer-columns{border-top:1px solid #545a52;margin-top:85px;padding-top:45px;display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.footer-columns>div{display:flex;flex-direction:column;gap:17px}.footer-columns b{font-size:11px;font-weight:650;letter-spacing:.07em;margin-bottom:10px}.footer-columns a,.footer-columns span{font-size:12px;color:#b7beb3}.footer-columns a:hover{color:white}.footer-word{font-size:clamp(170px,23vw,425px);font-weight:520;line-height:.77;letter-spacing:-.12em;white-space:nowrap;margin:98px 0 42px;color:#e6e8e2}.footer-bottom{border-top:1px solid #50554d;padding-top:23px;display:flex;align-items:center;justify-content:space-between;gap:30px;color:#999f96;font-size:10px}
/* Desktop-first review; mobile layouts intentionally deferred. */
@media(max-width:1180px){.layout{padding-left:43px;padding-right:43px}.head{gap:19px}.nav{gap:15px}.nav a{font-size:11px}.head-right{gap:11px}.hero-headline{left:43px}.hero-body,.hero-ticker,.hero-overline{left:43px}.hero-object{width:73%;right:-4%}.v4-hero{height:790px}.hero-body{bottom:130px}.hero-headline{font-size:10.7vw}.section-heading-new{grid-template-columns:1fr 290px}.product-detail{gap:38px;grid-template-columns:1.04fr .96fr}.product-main-photo{height:520px}.colour-swatches{gap:9px 7px}.footer-word{font-size:23vw}}
@media(max-width:970px){body{min-width:970px}.head,.v4-footer,.v4-hero,main{min-width:970px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
/* Final editorial adjustment: keep collection lettering distinct from the greenery silhouette. */
.catalog-inner .page-display{font-size:clamp(95px,8.1vw,137px);top:144px;max-width:750px}
.catalog-hero-image{width:62%;bottom:24px;right:-1%}


/* ================================================================
   JIAJUN V4.1 · refined desktop typography and quiet editorial footer
   Desktop scope only. Deliberately no new mobile layout in this pass.
   ================================================================ */
:root{--paper:#f8f8f6;--ink:#1d1e1c;--sub:#696d67}
/* A consistent hierarchy: the hero remains the largest; inner pages
   and section titles no longer compete with product photographs. */
.v4-section{padding-top:112px;padding-bottom:112px}
.section-heading-new{margin-bottom:42px;grid-template-columns:minmax(0,1fr) minmax(225px,310px);gap:48px}
.section-heading-new h2{font-size:clamp(42px,4.35vw,68px);font-weight:520;letter-spacing:-.06em;line-height:1.13;margin:18px 0 0}
.editorial-heading{font-size:clamp(45px,4.7vw,70px);font-weight:520;line-height:1.13;letter-spacing:-.06em;margin:22px 0 25px}
/* Homepage: type resides in the left editorial column; image in right.
   Both retain natural breathing room at 1280–1920px. */
.v4-hero{height:800px;min-height:800px}
.hero-overline{top:73px}
.hero-headline{top:140px;font-size:clamp(72px,6.55vw,110px);letter-spacing:-.09em;line-height:.94;font-weight:520;max-width:48%;white-space:nowrap;z-index:3}
.hero-object{width:min(62%,970px);right:clamp(15px,1.6vw,30px);bottom:54px;z-index:2}
.hero-body{bottom:143px;width:330px}
.hero-body p{line-height:1.95;font-size:13px}
.hero-ticker{bottom:58px}
/* Collection's hero is intentionally smaller than Home's and gives
   the right-side modular system an unoccluded viewing area. */
.v4-catalog-hero{height:650px}
.catalog-inner{padding-top:68px}
.catalog-inner .page-display{font-size:clamp(68px,6.05vw,100px);font-weight:520;letter-spacing:-.082em;line-height:.98;top:142px;max-width:52%}
.catalog-hero-image{width:59%;max-height:520px;right:0;bottom:18px}
.catalog-inner .page-lead{bottom:115px;width:280px}
.catalog-index{bottom:45px}
/* Dedicated inner-page title scale and faster transition into content. */
.generic-hero{padding-top:83px}
.generic-hero h1,.page-display{font-size:clamp(59px,5.6vw,87px);letter-spacing:-.075em;line-height:1.02;font-weight:520;margin:34px 0 0}
.generic-subrow{margin-top:29px;gap:38px}
.compact-hero{padding-bottom:65px}
.compact-hero h1{margin-top:32px}
.compact-hero .generic-subrow{margin-top:28px}
.config-hero .config-visual{height:495px;margin-top:55px}
.about-opening{margin-top:82px;gap:70px}
.about-opening h2{font-size:clamp(40px,4.2vw,62px);letter-spacing:-.06em;line-height:1.13}
.about-opening img{height:545px}
.manufacturing h2,.product-facts h2{font-size:clamp(45px,4.6vw,70px);letter-spacing:-.065em;line-height:1.12}
.contact-section{padding-top:93px;gap:clamp(65px,8vw,132px)}
.contact-intro h2{font-size:clamp(43px,4.4vw,68px);letter-spacing:-.065em;line-height:1.12}
.product-purchase>h1{font-size:clamp(38px,3.35vw,55px);letter-spacing:-.055em;line-height:1.15}
.product-detail{padding-bottom:116px}
/* Subtle new light footer: no giant oversized brand word or dark slab. */
.v4-footer{background:#ecebe6;color:#222421;padding:78px 0 28px;overflow:hidden;border-top:1px solid #dddcd5}
.footer-intro{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(80px,11vw,175px);align-items:start;padding-bottom:68px;border-bottom:1px solid #cecec7}
.footer-brandmark{display:inline-flex;flex-direction:column;align-items:flex-start;font-size:clamp(30px,3vw,42px);line-height:.92;letter-spacing:-.085em;font-weight:760}
.footer-brandmark small{font-size:9px;letter-spacing:.24em;font-weight:680;margin-top:10px}
.footer-identity p{font-size:13px;color:#646760;line-height:1.9;max-width:315px;margin:31px 0 35px}
.footer-motto{color:#8a8c84;font-size:9px}
.footer-invitation .eyebrow{color:#83867e}
.footer-invitation h2{font-size:clamp(29px,2.6vw,39px);font-weight:520;letter-spacing:-.052em;line-height:1.22;margin:23px 0 14px}
.footer-invitation p{color:#6e716a;font-size:13px;line-height:1.9;margin:0 0 23px;max-width:370px}
.footer-cta{display:inline-flex;gap:22px;align-items:center;font-weight:680;font-size:13px;border-bottom:1px solid #8b8d86;padding:0 0 10px;transition:border-color .2s}
.footer-cta:hover{border-color:#1d1e1c}
.footer-cta-icon{display:grid;place-items:center;background:#242623;color:#fff;border-radius:50%;width:29px;height:29px;font-size:16px;transition:transform .3s var(--ease)}
.footer-cta:hover .footer-cta-icon{transform:translate(3px,-3px)}
.footer-columns{border:0;margin-top:0;padding:49px 0 59px;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px}
.footer-columns>div{gap:14px}
.footer-columns b{color:#383a35;font-size:12px;letter-spacing:.035em;margin-bottom:12px}
.footer-columns a,.footer-columns span,.footer-language-link{color:#777a72;font-size:12px;line-height:1.7}
.footer-columns a:hover,.footer-language-link:hover{color:#1b1c1a}
.footer-language-link{font-family:inherit;cursor:pointer;background:none;border:0;text-align:left;padding:0;width:max-content}
.footer-language-link span{color:inherit}
.footer-secondary{color:#8d8f87!important}
.footer-bottom{border-top:1px solid #cecec7;color:#898b83;padding-top:22px;font-size:10px;gap:20px}
.footer-bottom a{color:#555952;transition:color .2s}
.footer-bottom a:hover{color:#151815}
@media(min-width:970px) and (max-width:1250px){
 .hero-headline{font-size:clamp(67px,6.1vw,83px);top:168px}
 .hero-object{width:60%;right:8px;bottom:68px}
 .catalog-inner .page-display{font-size:clamp(66px,5.95vw,75px)}
 .catalog-hero-image{width:55%}
 .generic-hero h1{font-size:clamp(59px,5.2vw,68px)}
 .footer-intro{gap:60px}
}


/* V4.2 — enlarged hero visual; desktop only. */
@media(min-width:971px){
 .home-page .v4-hero{height:clamp(770px, calc(100vh - 90px), 930px);min-height:770px;}
 .home-page .hero-headline{top:138px;z-index:5;}
 .home-page .hero-overline{top:67px;}
 .home-page .hero-object{width:min(93%,1455px);max-width:none;right:-12%;bottom:1px;z-index:2;}
 .home-page .hero-body{left:clamp(48px,5.2vw,94px);top:425px;bottom:auto;width:240px;z-index:6;}
 .home-page .hero-ticker{bottom:35px;z-index:6;}
 .home-page .hero-object img{width:100%;height:auto;object-fit:contain;}
}
@media(min-width:971px) and (max-width:1250px){
 .home-page .hero-object{width:90%;right:-9%;bottom:18px;}
}
/* Brand and navigation share one vertical column, with no contact CTA. */
.v4-footer.footer-stacked{background:#ecebe6;color:#222421;padding:68px 0 25px;border-top:1px solid #deddd7;}
.footer-stack{display:flex;flex-direction:column;align-items:stretch;}
.footer-brand-column{max-width:470px;}
.footer-brand-column .footer-brandmark{font-size:clamp(31px,2.8vw,40px);}
.footer-brand-column p{font-size:13px;line-height:1.9;color:#62665f;max-width:420px;margin:22px 0 0;}
.footer-nav-stacked{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:18px clamp(22px,3.2vw,56px);padding:29px 0 40px;margin-top:43px;border-top:1px solid #c9cac3;}
.footer-nav-stacked a,.footer-nav-stacked button{display:inline-flex;font-size:12px;font-weight:600;line-height:1.6;color:#484d45;white-space:nowrap;transition:color .2s;}
.footer-nav-stacked a:hover,.footer-nav-stacked button:hover{color:#000;}
.footer-nav-stacked button{background:transparent;border:0;padding:0;cursor:pointer;}
.footer-stacked .footer-bottom{border-top:1px solid #c9cac3;padding-top:21px;gap:20px;}

/* V4.4 classic pieces 4x2 grid */
.home-classics .featured-grid.classic-grid-4x2{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;}
.home-classics .minimal-card .v4-product-image{height:300px;background:#efeee9;}
.home-classics .minimal-card:nth-child(2) .v4-product-image{background:#eceae5;}
.home-classics .minimal-card .v4-product-image>img{width:82%;height:82%;object-fit:contain;}
.home-classics .minimal-card .v4-product-image .hover-img{inset:8%;width:84%;height:84%;}
.home-classics .minimal-card .product-info,.home-classics .minimal-card .eyebrow{display:none!important;}
.home-classics .minimal-card.placeholder-card{display:block;}
.home-classics .minimal-card.placeholder-card .v4-product-image{background:#f1f0eb;border:1px solid #e7e5df;}
.home-classics .minimal-card.placeholder-card .placeholder-copy{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#9a9b93;text-align:center;line-height:1.8;padding:0 28px;}
.home-classics .minimal-card.placeholder-card .product-go{display:none;}
.home-classics .minimal-card.placeholder-card:hover .v4-product-image{background:#ecebe5;}
@media(max-width:1480px){.home-classics .featured-grid.classic-grid-4x2{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media(max-width:1120px){.home-classics .featured-grid.classic-grid-4x2{grid-template-columns:repeat(2,minmax(0,1fr));}.home-classics .minimal-card .v4-product-image{height:320px;}}
/* V4.5 / MODULAR SYSTEM — editor-led component exploration, desktop */
.home-system-v45{background:#edede9;padding-top:112px;padding-bottom:112px;overflow:hidden}
.system-v45-heading{display:flex;gap:36px;align-items:flex-end;justify-content:space-between;padding-bottom:38px}
.system-v45-titles h2{margin:22px 0 20px;font-size:clamp(52px,5.3vw,83px);font-weight:510;line-height:.99;letter-spacing:-.078em}
.system-v45-titles h2 .system-title-second{color:#636963}
.system-v45-titles>p{font-size:13px;line-height:1.9;color:#6f746d;max-width:400px;margin:0}
.system-v45-select{text-align:right;align-self:flex-end;padding-bottom:8px}
.system-v45-select>p{margin:0 0 16px;color:#8a8c84;white-space:nowrap}
.system-v45-tabs{display:inline-flex;align-items:stretch;border:1px solid #bfc0b9;background:#f3f2ee;padding:4px;gap:4px}
.system-v45-tabs button{display:flex;align-items:center;gap:16px;padding:12px 17px;background:transparent;border:0;color:#84877e;transition:background .45s var(--ease),color .45s var(--ease)}
.system-v45-tabs button b{font-size:13px;font-weight:750}.system-v45-tabs button span{font-size:12px;font-weight:600}
.system-v45-tabs button.selected{background:#262a27;color:#f5f5ee}
.system-v45-tabs button:hover:not(.selected){color:#242823;background:#e5e5df}
.system-v45-stage{position:relative;height:clamp(585px,49vw,700px);overflow:hidden;background:#e4e4de;isolation:isolate;transition:background .9s var(--ease)}
.system-v45-stage::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse at 62% 36%,#ffffff66 0%,transparent 58%)}
.system-v45-stage-index{position:absolute;z-index:3;top:28px;left:31px;font-size:10px;font-weight:700;letter-spacing:.14em;color:#69706a}
.system-v45-stage-caption{position:absolute;z-index:3;left:32px;bottom:38px;max-width:300px;pointer-events:none;transition:opacity .4s}
.system-v45-stage-caption .eyebrow{color:#888b84}
.system-v45-stage-caption p{margin:12px 0 0;font-size:clamp(19px,2.2vw,28px);line-height:1.3;letter-spacing:-.045em}
.system-v45-art{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;transform:translateX(20px);transition:transform .8s var(--ease)}
.system-assembly-svg{height:100%;width:100%;max-width:none;overflow:visible}
.assembly-part{transform-box:view-box;transform-origin:center;transition:transform 1.4s cubic-bezier(.18,.82,.16,1),opacity .6s ease,filter .5s ease;cursor:pointer}
.system-v45-stage:not(.is-visible) .assembly-part,.system-v45-stage.is-assembled .assembly-part{transform:translate(0px,0px)}
.system-v45-stage.is-visible:not(.is-assembled) .part-metal{transform:translate(-27px,-23px)}
.system-v45-stage.is-visible:not(.is-assembled) .part-door{transform:translate(24px,30px)}
.system-v45-stage.is-visible:not(.is-assembled) .part-hinge{transform:translate(42px,8px)}
.system-v45-stage.is-visible:not(.is-assembled) .part-frame{transform:translate(0px,0px)}
.system-v45-stage.has-focus .assembly-part:not(.focused){opacity:.17}
.system-v45-stage.has-focus .assembly-part.focused{opacity:1;filter:drop-shadow(0 4px 12px #7482775b)}
.system-v45-stage .assembly-part:hover{filter:drop-shadow(0 4px 9px #57635b44)}
.system-v45-side-labels,.system-v45-leader-lines{display:none}
.system-v45-idea{position:absolute;z-index:3;right:34px;bottom:38px;text-align:right}
.system-v45-idea .eyebrow{color:#8b9189}
.system-v45-idea p{font-size:12px;color:#656a64;margin:9px 0 0}
.system-v45-disclaimer{position:absolute;z-index:3;left:32px;right:32px;top:55px;font-size:10px;color:#858a81;letter-spacing:.025em;line-height:1.6;max-width:520px}
.system-v45-bottom{display:flex;align-items:center;justify-content:space-between;gap:35px;padding-top:26px}
.system-v45-parts{display:flex;flex-wrap:wrap;align-items:center;gap:4px 20px}
.system-v45-parts button{display:inline-flex;align-items:center;gap:10px;border:0;padding:13px 4px;color:#797e74;background:transparent;font-size:12px;transition:color .3s}
.system-v45-parts button i{font-size:10px;font-style:normal;color:#a0a49a;letter-spacing:.04em}
.system-v45-parts button:hover,.system-v45-parts button.selected{color:#1c211c}
.system-v45-parts button.selected span{box-shadow:0 1px currentColor}
.system-v45-actions{display:flex;align-items:center;gap:28px;white-space:nowrap}
.system-assemble{background:none;border:0;color:#5c665d;display:flex;align-items:center;gap:15px;padding:8px 0;font-size:12px}
.system-assemble span:last-child{font-size:20px;transition:transform .45s var(--ease)}
.system-assemble:hover span:last-child{transform:rotate(180deg)}
/* Distinct technical reading of the same system */
.home-system-v45[data-mode=b]{background:#e8e9e6}
[data-mode=b] .system-v45-stage{background:#e9eae7}
[data-mode=b] .system-v45-stage::before{background:linear-gradient(90deg,#7180760c 1px,transparent 1px),linear-gradient(#7180760c 1px,transparent 1px),radial-gradient(ellipse at 54% 39%,#fff8 0,transparent 60%);background-size:54px 54px,54px 54px,auto}
[data-mode=b] .system-v45-art{transform:translateX(-10px) scale(.96)}
[data-mode=b] .system-v45-stage.is-visible:not(.is-assembled) .part-metal{transform:translate(-85px,-75px)}
[data-mode=b] .system-v45-stage.is-visible:not(.is-assembled) .part-door{transform:translate(87px,66px)}
[data-mode=b] .system-v45-stage.is-visible:not(.is-assembled) .part-hinge{transform:translate(105px,1px)}
[data-mode=b] .system-v45-side-labels{display:flex;position:absolute;z-index:4;right:32px;top:90px;flex-direction:column;gap:22px;color:#737a72;font-size:10px;letter-spacing:.1em;text-align:right;pointer-events:none}
[data-mode=b] .system-v45-side-labels span{border-right:1px solid #899289;padding-right:12px}
[data-mode=b] .system-v45-idea{color:#4a514a}
[data-mode=b] .system-v45-leader-lines{display:block;position:absolute;inset:0;pointer-events:none;z-index:3}
[data-mode=b] .system-v45-leader-lines .line{position:absolute;display:block;background:#88958970;height:1px;right:120px;transform-origin:right center}
[data-mode=b] .system-v45-leader-lines .l1{width:80px;top:130px;transform:rotate(-11deg)}
[data-mode=b] .system-v45-leader-lines .l2{width:112px;top:171px;transform:rotate(-6deg)}
[data-mode=b] .system-v45-leader-lines .l3{width:97px;top:214px;transform:rotate(5deg)}
[data-mode=b] .system-v45-stage-caption p{font-size:22px}
@media (max-width:1380px){.system-v45-stage{height:580px}.system-v45-bottom{align-items:start}.system-v45-parts{max-width:580px;gap:2px 13px}.system-v45-side-labels{right:20px}}
@media (max-width:1080px){.system-v45-heading{align-items:end}.system-v45-titles h2{font-size:60px}.system-v45-stage{height:570px}.system-v45-art{transform:translateX(0)}.system-v45-actions{gap:13px}.system-v45-select>p{white-space:normal}}
@media (prefers-reduced-motion:reduce){.assembly-part{transition:none!important}}

#system{scroll-margin-top:108px}

/* A-only: restrained pointer parallax within the object plane */
.system-assembly-svg{transform:translate3d(var(--system-parallax-x,0px),var(--system-parallax-y,0px),0);transition:transform .38s cubic-bezier(.2,.7,.2,1)}

/* JIAJUN 5.1 — Modular system: editorial scroll narrative, original PNGs */
.system-editorial{background:#eeeee9;padding:122px 0 116px;overflow:clip;scroll-margin-top:90px}
.system-editorial .eyebrow{color:#535952;font-weight:700;letter-spacing:.16em}
.system-ed-head{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.55fr);gap:8%;align-items:end;margin-bottom:73px}
.system-ed-heading h2{font-weight:500;letter-spacing:-.087em;line-height:.975;font-size:clamp(74px,7.6vw,126px);margin:27px 0 0;white-space:nowrap}
.system-ed-heading h2 span{display:block}
.system-ed-heading-muted{color:#747c71;margin-left:clamp(52px,6vw,104px)}
.system-ed-intro{padding:0 6px 2px 0;max-width:370px}
.system-ed-intro p{font-size:14px;color:#666b63;line-height:2.05;margin:17px 0 32px}
.system-ed-intro-line{border-top:1px solid #b8bdb4;padding-top:15px;display:flex;justify-content:space-between;color:#7e847b;gap:20px;font-size:10px;letter-spacing:.12em}
.system-ed-intro-line span:last-child{color:#282d28;font-size:21px;line-height:1;transition:transform .4s var(--ease)}
.system-ed-intro:hover .system-ed-intro-line span:last-child{transform:translateY(5px)}
.system-ed-composition{display:grid;grid-template-columns:minmax(0, 1.64fr) minmax(270px, .62fr);gap:clamp(28px,4vw,74px);align-items:stretch}
.system-ed-visual{min-width:0}
.system-ed-sticky{position:sticky;top:108px}
.system-ed-stage{position:relative;height:clamp(515px,48.5vw,670px);isolation:isolate;overflow:hidden;background:#e5e5df;transition:background .7s var(--ease)}
.system-ed-stage::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 52% 47%,#f9f9f480 0,transparent 65%)}
.system-ed-stage-top{position:absolute;z-index:3;left:29px;right:30px;top:26px;display:flex;justify-content:space-between;gap:20px;color:#70766d;font-size:9px;font-weight:700;letter-spacing:.14em;pointer-events:none}
.system-ed-image-stack{position:absolute;inset:22px -3.5% -20px -3.5%;z-index:1;pointer-events:none;transform:translate3d(var(--stage-px,0px),var(--stage-py,0px),0);transition:transform .7s var(--ease)}
.system-ed-image{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;object-position:center;opacity:0;visibility:hidden;transform:translate3d(0,13px,0) scale(.986);transition:opacity .74s cubic-bezier(.2,.75,.25,1),transform 1.18s cubic-bezier(.2,.75,.25,1),visibility 0s linear .74s;user-select:none;-webkit-user-drag:none}
.system-ed-image.is-active{opacity:1;visibility:visible;transform:translate3d(0,0,0) scale(1);transition:opacity .82s cubic-bezier(.25,.7,.25,1),transform 1.25s cubic-bezier(.18,.86,.24,1),visibility 0s;}
.system-ed-stage-caption{position:absolute;z-index:3;bottom:31px;left:30px;display:grid;gap:8px;color:#333b34;pointer-events:none}
.system-ed-stage-caption>span:first-child{font-size:11px;letter-spacing:.17em;font-weight:750;color:#767f73}
.system-ed-stage-caption>span:last-child{font-size:17px;font-weight:540;letter-spacing:-.025em}
.system-ed-stage-watermark{position:absolute;right:26px;bottom:32px;z-index:3;font-size:9px;color:#858d81;letter-spacing:.15em;pointer-events:none}
.system-ed-stage-toolbar{position:relative;display:flex;align-items:stretch;justify-content:space-between;border-bottom:1px solid #c5c7c0;min-height:83px}
.system-ed-tabs{display:flex;align-items:stretch;gap:clamp(17px,2.9vw,44px)}
.system-ed-tab{display:flex;gap:11px;align-items:center;position:relative;padding:12px 1px;background:transparent;border:0;color:#888c83;font-size:13px;font-weight:600;white-space:nowrap;transition:color .25s}
.system-ed-tab .system-ed-tab-number{color:#a5a9a0;font-size:10px;letter-spacing:.11em}
.system-ed-tab::after{position:absolute;bottom:-1px;left:0;right:0;height:2px;content:"";background:#222824;transform:scaleX(0);transform-origin:left;transition:transform .48s var(--ease)}
.system-ed-tab:hover,.system-ed-tab.is-current{color:#232a24}
.system-ed-tab.is-current::after{transform:scaleX(1)}
.system-ed-tab.is-current .system-ed-tab-number{color:#4f5f52}
.system-ed-progress{align-self:center;display:block;width:52px;height:1px;background:#c8ccc3;position:relative;overflow:hidden}
.system-ed-progress>span{display:block;width:33.333%;height:100%;background:#525e53;transition:transform .55s var(--ease);transform-origin:left}
.system-ed-stories{min-width:0}
.system-ed-story{min-height:clamp(455px,39vw,580px);display:flex;flex-direction:column;justify-content:center;position:relative;border-top:1px solid #c9cbc4;padding:70px 0 78px;opacity:.42;transition:opacity .65s var(--ease)}
.system-ed-story:last-child{border-bottom:1px solid #c9cbc4}
.system-ed-story.is-current{opacity:1}
.system-ed-chapter{font-weight:750;font-size:13px;letter-spacing:.11em;color:#313a33}
.system-ed-chapter span{font-size:10px;color:#93988f;font-weight:650;letter-spacing:.15em}
.system-ed-story h3{font-size:clamp(39px,3.5vw,55px);line-height:1.16;letter-spacing:-.07em;font-weight:540;margin:31px 0 26px;white-space:pre-line}
.system-ed-story h3 span{white-space:pre-line;display:block}
.system-ed-story p{font-size:13px;line-height:2.15;color:#676e65;max-width:285px;margin:0}
.system-ed-keywords{font-weight:650;font-size:9px;letter-spacing:.16em;color:#8a9187;margin-top:48px}
.system-ed-outro{border-top:1px solid #bfc2ba;margin-top:72px;padding-top:31px;display:flex;gap:50px;align-items:center;justify-content:space-between}
.system-ed-outro p{font-size:24px;letter-spacing:-.045em;margin:0 auto 0 0}
.system-ed-outro .text-link{white-space:nowrap}
@media (min-width:1380px){.system-ed-sticky{top:112px}}
@media (min-width:1081px) and (max-width:1380px){.system-ed-stage{height:590px}.system-ed-stories .system-ed-story{min-height:510px}.system-ed-image-stack{inset:8px -3.5% -8px -3.5%}}
@media (max-width:1080px){.system-ed-head{grid-template-columns:1fr;gap:32px}.system-ed-intro{max-width:600px}.system-ed-composition{grid-template-columns:minmax(0,1.45fr) minmax(235px,.8fr);gap:25px}.system-ed-stage{height:500px}.system-ed-sticky{top:98px}.system-ed-story{min-height:480px}.system-ed-stage-watermark{display:none}}
@media (max-width:760px){.system-editorial{padding:75px 0}.system-ed-heading h2{font-size:clamp(48px,10vw,80px);white-space:normal}.system-ed-heading-muted{margin-left:25px}.system-ed-head{margin-bottom:40px}.system-ed-composition{display:block}.system-ed-sticky{position:relative;top:auto}.system-ed-stage{height:clamp(360px,72vw,570px)}.system-ed-image-stack{inset:0 -6%}.system-ed-stories{display:none}.system-ed-stage-toolbar{min-height:65px}.system-ed-tabs{gap:16px}.system-ed-tab{font-size:11px;gap:5px}.system-ed-progress{display:none}.system-ed-outro{flex-wrap:wrap;gap:25px;margin-top:50px}.system-ed-outro p{font-size:20px}}
@media (prefers-reduced-motion:reduce){.system-ed-image,.system-ed-image.is-active,.system-ed-image-stack,.system-ed-story,.system-ed-tab::after,.system-ed-progress>span{transition:none!important;animation:none!important}}

/* Maintain the approved four-column Classic Pieces desktop grid. */
@media (min-width:1081px){.home-classics .featured-grid.classic-grid-4x2{grid-template-columns:repeat(4,minmax(0,1fr))}.home-classics .minimal-card .v4-product-image{height:clamp(235px,21vw,300px)}}
/* Let the final narrative frame remain visible while the pinned image is centered. */
@media (min-width:1081px){.system-ed-story:last-child{min-height:clamp(780px,66vw,960px)}.system-ed-image-stack{inset:12px 1% 2px 1%}}
@media (min-width:761px) and (max-width:1080px){.system-ed-story:last-child{min-height:790px}.system-ed-image-stack{inset:12px 1% 2px 1%}}

/* JIAJUN global navigation V5.25: preserve approved 90px sticky header; desktop navigation only */
html.jj-language-loading body { visibility:hidden; }
@media (min-width:971px){
 .head.layout{
   display:grid;
   grid-template-columns:max-content minmax(0,1fr) max-content;
   column-gap:clamp(12px,2.1vw,34px);
   align-items:center;
   height:90px;
 }
 .head .nav {
   display:flex;
   min-width:0;
   margin:0;
   gap:clamp(10px,1.35vw,25px);
   justify-content:center;
   align-items:center;
   white-space:nowrap;
 }
 .head .nav a {
   font-size:clamp(12px,.90vw,14px);
   font-weight:650;
   line-height:1.25;
   padding:18px 0;
 }
 .head .nav a:focus-visible::after,
 .head .nav a[aria-current="page"]::after,
 .head .nav a[aria-current="location"]::after{
   transform:scaleX(1);
 }
 .head .head-right{gap:clamp(10px,1.2vw,18px);min-width:0;}
 .head .language-switch{font-size:12px;min-height:42px;}
 .head .contact-link{font-size:12px;}
}
@media (min-width:971px) and (max-width:1180px){
 .head.layout{column-gap:12px;}
 .head .nav{gap:clamp(9px,1.15vw,15px);}
 .head .nav a{font-size:12px;}
 .head .head-right{gap:9px;}
 .head .contact-link{gap:8px;}
}
@media (prefers-reduced-motion:reduce){
 .head .nav a::after,.head .arrow-round{transition:none!important;}
}