:root{--paper:#f1ece2;--paper-soft:#f8f4ec;--paper-deep:#dfd4c2;--ink:#18231f;--ink-soft:#5f6963;--forest:#12251e;--forest-2:#1a342a;--forest-3:#25443a;--gold:#c5a36b;--gold-soft:#dfc99f;--rust:#9b5038;--line:rgba(24,35,31,.17);--line-light:rgba(248,244,236,.2);--white:#fffdf7;--serif:"Source Han Serif SC","Noto Serif CJK SC","Songti SC","STZhongsong","SimSun",serif;--sans:"Helvetica Neue","PingFang SC","Microsoft YaHei",Arial,sans-serif;--max:1360px;--ease:cubic-bezier(.22,.61,.36,1)}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.8;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;z-index:30;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
h1,h2,h3,h4,p{margin-top:0}
h1,h2,h3,h4{font-family:var(--serif);font-weight:500;line-height:1.2;letter-spacing:.01em}
h1{margin-bottom:24px;font-size:clamp(64px,7.7vw,118px);line-height:.98;letter-spacing:-.045em}
h2{margin-bottom:20px;font-size:clamp(35px,4.2vw,62px);line-height:1.17;letter-spacing:-.025em}
h3{font-size:clamp(21px,2vw,30px)}
p{margin-bottom:1.25em}
::selection{background:var(--rust);color:var(--white)}
.container{width:min(calc(100% - 80px),var(--max));margin-inline:auto}
.skip-link{position:fixed;top:-100px;left:20px;z-index:100;padding:10px 18px;background:var(--rust);color:var(--white)}
.skip-link:focus{top:12px}
.section{padding:124px 0}
.section--tight{padding:78px 0}
.section--dark{background:var(--forest);color:var(--paper-soft)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:52px;padding:0 25px;border:1px solid var(--forest);background:var(--forest);color:var(--white);font-size:12px;letter-spacing:.1em;transition:background .3s var(--ease),color .3s var(--ease),border-color .3s var(--ease),transform .3s var(--ease)}
.btn:hover{transform:translateY(-2px);border-color:var(--rust);background:var(--rust)}
.btn--light{border-color:var(--paper-soft);background:var(--paper-soft);color:var(--forest)}
.btn--light:hover{border-color:var(--gold);background:var(--gold);color:var(--forest)}
.btn--ghost{border-color:var(--ink);background:transparent;color:var(--ink)}
.text-link{display:inline-flex;align-items:center;gap:28px;padding:7px 0 9px;border-bottom:1px solid currentColor;font-size:12px;letter-spacing:.09em}
.text-link span{transition:transform .25s var(--ease)}
.text-link:hover span{transform:translateX(5px)}
.text-link--light{color:var(--gold-soft)}
.eyebrow,.section-kicker{display:flex;align-items:center;gap:12px;margin:0 0 24px;color:var(--rust);font-family:var(--sans);font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase}
.eyebrow::before{content:"";width:28px;height:1px;background:currentColor}
.eyebrow--light,.section-kicker--light{color:var(--gold-soft)}
.section-kicker span{color:var(--gold);font-family:Georgia,serif;font-size:13px;letter-spacing:.04em}
.section-head{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(270px,.48fr);gap:80px;align-items:end;margin-bottom:62px}
.section-head h2{margin-bottom:0}
.section-head__aside p{max-width:390px;margin-bottom:24px;color:var(--ink-soft);font-family:var(--serif);font-size:14px;line-height:1.9}
.link-arrow{display:inline-flex;align-items:center;gap:18px;border-bottom:1px solid currentColor;padding:6px 0 8px;font-size:11px;letter-spacing:.1em}
.link-arrow svg{width:24px;height:12px}
.reveal{animation:reveal-in .75s var(--ease) both}
@keyframes reveal-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.site-header{position:sticky;top:0;z-index:40;border-bottom:1px solid var(--line);background:rgba(241,236,226,.96);backdrop-filter:blur(14px)}
.header-top{display:flex;align-items:center;justify-content:space-between;min-height:31px;border-bottom:1px solid rgba(24,35,31,.1);color:var(--ink-soft);font-size:9px;letter-spacing:.14em}
.header-top span:last-child{color:var(--rust)}
.header-main{position:relative;display:flex;align-items:center;min-height:87px}
.brand{display:inline-flex;flex:none;align-items:center;gap:13px}
.brand__seal{display:grid;place-items:center;width:43px;height:43px;background:var(--forest);color:var(--paper-soft);font-family:var(--serif);font-size:23px;line-height:1}
.brand__name{display:flex;flex-direction:column;font-family:var(--serif);font-size:22px;font-weight:600;line-height:1.05;letter-spacing:.16em}
.brand__name small{padding-top:7px;color:var(--ink-soft);font-family:var(--sans);font-size:7px;font-weight:500;letter-spacing:.18em}
.site-nav{display:flex;align-items:center;gap:clamp(20px,2.4vw,36px);margin-left:auto}
.site-nav a{position:relative;padding:33px 0 30px;font-size:12px;letter-spacing:.08em}
.site-nav a::after{content:"";position:absolute;right:0;bottom:22px;left:0;height:1px;background:var(--rust);transform:scaleX(0);transform-origin:right;transition:transform .3s var(--ease)}
.site-nav a:hover::after,.site-nav a.is-active::after{transform:scaleX(1);transform-origin:left}
.header-cta{display:inline-flex;align-items:center;justify-content:center;min-height:40px;margin-left:32px;padding:0 19px;border:1px solid var(--forest);font-size:11px;letter-spacing:.1em;transition:.25s}
.header-cta:hover{background:var(--forest);color:var(--white)}
.menu-toggle{display:none;width:38px;height:38px;margin-left:16px;padding:9px;border:0;background:transparent}
.menu-toggle span{display:block;width:100%;height:1px;margin:6px 0;background:var(--ink);transition:transform .25s}
.hero{position:relative;overflow:hidden;background:var(--paper)}
.hero::after{content:"CERTIFICATE / CUSTOM";position:absolute;right:-26px;bottom:34px;color:rgba(24,35,31,.04);font-family:Georgia,serif;font-size:clamp(70px,10vw,160px);letter-spacing:.03em;pointer-events:none;white-space:nowrap}
.hero__layout{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.94fr) minmax(440px,1.06fr);gap:clamp(36px,5vw,86px);align-items:stretch;min-height:calc(100svh - 118px);padding-top:42px;padding-bottom:42px}
.hero__copy{display:flex;flex-direction:column;justify-content:center;padding:64px 0 48px}
.hero__overline{display:flex;justify-content:space-between;gap:24px;margin-bottom:76px;padding-bottom:16px;border-bottom:1px solid var(--line);color:var(--ink-soft);font-size:9px;letter-spacing:.18em}
.hero__overline span:last-child{color:var(--rust)}
.hero h1{margin-bottom:28px}
.hero__statement{margin-bottom:26px;color:var(--ink);font-family:var(--serif);font-size:clamp(21px,2vw,29px);line-height:1.65}
.hero__lead{max-width:500px;margin-bottom:34px;color:var(--ink-soft);font-size:14px;line-height:2}
.hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:30px;margin-bottom:56px}
.hero__nav{display:grid;grid-template-columns:repeat(3,1fr);margin-top:auto;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.hero__nav a{display:flex;flex-direction:column;gap:6px;padding:18px 15px 17px 0;font-family:var(--serif);font-size:13px}
.hero__nav a+a{padding-left:16px;border-left:1px solid var(--line)}
.hero__nav span{color:var(--rust);font-family:Georgia,serif;font-size:9px;letter-spacing:.12em}
.hero__visual{position:relative;min-height:620px;margin:0;overflow:hidden;background:var(--forest)}
.hero__visual::after{content:"";position:absolute;inset:18px;border:1px solid rgba(248,244,236,.18);pointer-events:none}
.hero__visual img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform 1.2s var(--ease)}
.hero__visual:hover img{transform:scale(1.025)}
.hero__visual figcaption{position:absolute;right:0;bottom:0;left:0;display:flex;justify-content:space-between;gap:16px;padding:17px 25px;background:var(--forest);color:rgba(248,244,236,.58);font-size:9px;letter-spacing:.12em}
.hero__visual figcaption span:first-child{color:var(--gold-soft)}

.approach{position:relative;border-bottom:1px solid var(--line)}
.approach::before{content:"";position:absolute;top:0;bottom:0;left:calc(50% - 1px);width:1px;background:rgba(24,35,31,.055);pointer-events:none}
.approach__intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.62fr);gap:clamp(60px,9vw,150px);align-items:end;margin-bottom:70px}
.approach__heading h2{margin-bottom:0}
.approach__heading em{color:var(--rust);font-style:normal}
.approach__text{padding-bottom:7px;color:var(--ink-soft);font-family:var(--serif);font-size:15px;line-height:2}
.approach__text p:last-child{margin-bottom:0}
.principle-list{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.principle-list article{padding:34px 38px 38px 0}
.principle-list article+article{padding-left:38px;border-left:1px solid var(--line)}
.principle-list article>span{display:block;margin-bottom:48px;color:var(--gold);font-family:Georgia,serif;font-size:12px}
.principle-list h3{margin-bottom:15px;font-size:24px}
.principle-list p{max-width:300px;margin:0;color:var(--ink-soft);font-size:12px;line-height:1.9}
.collection{position:relative;overflow:hidden;background:var(--paper-soft);border-bottom:1px solid var(--line)}
.collection::before{content:"SELECTED SERIES";position:absolute;top:95px;right:-40px;color:rgba(24,35,31,.035);font-family:Georgia,serif;font-size:104px;line-height:1;pointer-events:none;writing-mode:vertical-rl;letter-spacing:.06em}
.collection-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:66px 28px;align-items:start}
.product-card,.collection-grid .product-card{grid-column:span 4}
.collection-grid .product-card:nth-child(1){grid-column:span 7}
.collection-grid .product-card:nth-child(2){grid-column:span 5}
.collection-grid .product-card:nth-child(3){grid-column:span 5}
.collection-grid .product-card:nth-child(4){grid-column:span 7}
.collection-grid .product-card:nth-child(5){grid-column:span 12}
.product-card{min-width:0}
.product-card a{display:block}
.product-card__media{position:relative;overflow:hidden;aspect-ratio:4/3;background:var(--paper-deep)}
.collection-grid .product-card:nth-child(1) .product-card__media,.collection-grid .product-card:nth-child(4) .product-card__media{aspect-ratio:1.26/1}
.collection-grid .product-card:nth-child(2) .product-card__media,.collection-grid .product-card:nth-child(3) .product-card__media{aspect-ratio:.91/1}
.collection-grid .product-card:nth-child(5) .product-card__media{aspect-ratio:2.65/1}
.product-card__media::after{content:"";position:absolute;inset:0;background:rgba(18,37,30,0);transition:background .4s var(--ease)}
.product-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease),filter .9s var(--ease)}
.product-card:hover .product-card__media img{transform:scale(1.035);filter:saturate(.92)}
.product-card__media:hover::after{background:rgba(18,37,30,.055)}
.product-card__index{position:absolute;top:15px;left:15px;z-index:2;display:grid;place-items:center;width:34px;height:34px;background:var(--paper-soft);font-family:Georgia,serif;font-size:11px}
.product-card__body{display:flex;justify-content:space-between;gap:24px;padding-top:17px;border-top:1px solid transparent}
.product-card h3{margin:0 0 7px;font-family:var(--serif);font-size:22px;font-weight:500;line-height:1.35;transition:color .25s}
.product-card a:hover h3{color:var(--rust)}
.product-card__body p{margin:0;color:var(--ink-soft);font-size:11px;line-height:1.8}
.product-card__arrow{flex:none;padding-top:5px;color:var(--rust);font-size:17px;transition:transform .25s}
.product-card:hover .product-card__arrow{transform:translate(4px,-4px)}
.craft{position:relative;overflow:hidden;background:var(--forest);color:var(--paper-soft)}
.craft::before{content:"MATERIAL / CRAFT / DETAIL";position:absolute;top:30px;right:28px;color:rgba(248,244,236,.045);font-family:Georgia,serif;font-size:95px;line-height:1;pointer-events:none}
.craft__layout{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(390px,.82fr);min-height:730px;padding:0}
.craft__media{position:relative;min-height:660px;margin:0;overflow:hidden}
.craft__media img{width:100%;height:100%;object-fit:cover;opacity:.88;transition:transform 1.2s var(--ease)}
.craft__media:hover img{transform:scale(1.025)}
.craft__media figcaption{position:absolute;bottom:25px;left:28px;padding-left:20px;border-left:1px solid var(--gold);color:rgba(248,244,236,.78);font-family:var(--serif);font-size:12px;letter-spacing:.08em}
.craft__body{display:flex;flex-direction:column;justify-content:center;padding:82px 0 82px clamp(48px,6vw,96px)}
.craft__body h2{margin-bottom:28px}
.craft__body h2 em{color:var(--gold-soft);font-style:normal}
.craft__body>p:not(.section-kicker){max-width:470px;color:rgba(248,244,236,.6);font-family:var(--serif);font-size:14px;line-height:2}
.craft__details{margin:26px 0 40px;border-top:1px solid var(--line-light)}
.craft__details div{display:grid;grid-template-columns:54px 1fr;gap:22px;padding:20px 0;border-bottom:1px solid var(--line-light)}
.craft__details dt{color:var(--gold);font-family:var(--serif);font-size:22px}
.craft__details dd{display:grid;grid-template-columns:70px 1fr;gap:12px;margin:0}
.craft__details strong{font-size:12px;font-weight:500}
.craft__details span{color:rgba(248,244,236,.54);font-size:11px;line-height:1.8}
.craft__body .btn{align-self:flex-start}
.scenarios{background:var(--paper);border-bottom:1px solid var(--line)}
.scenarios__head{display:grid;grid-template-columns:1fr .72fr;gap:70px;align-items:end;margin-bottom:64px}
.scenarios__head h2{margin-bottom:0}
.scenarios__head>p:last-child{max-width:370px;margin:0 0 6px auto;color:var(--ink-soft);font-family:var(--serif);font-size:14px;line-height:2}
.scenario-list{border-top:1px solid var(--line)}
.scenario-list>a{display:grid;grid-template-columns:80px 1fr 36px;align-items:center;gap:30px;min-height:128px;padding:24px 22px 24px 0;border-bottom:1px solid var(--line);transition:background .35s var(--ease),color .35s var(--ease),padding .35s var(--ease)}
.scenario-list>a:hover{padding-right:28px;padding-left:28px;background:var(--forest);color:var(--paper-soft)}
.scenario-list>a>span:first-child{color:var(--rust);font-family:Georgia,serif;font-size:11px}
.scenario-list>a>span:last-child{justify-self:end;font-size:20px;transition:transform .3s}
.scenario-list>a:hover>span:last-child{transform:translateX(6px);color:var(--gold)}
.scenario-list h3{margin:0 0 8px;font-size:clamp(25px,2.7vw,37px)}
.scenario-list p{margin:0;color:var(--ink-soft);font-size:11px;letter-spacing:.03em;transition:color .3s}
.scenario-list>a:hover p{color:rgba(248,244,236,.55)}

.case-notes{position:relative;overflow:hidden;background:#e8e0d3;border-bottom:1px solid var(--line)}
.case-notes .section-head__aside p{color:var(--ink-soft)}
.case-feature{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(340px,.72fr);margin-top:4px;background:var(--forest);color:var(--paper-soft)}
.case-feature__media{min-height:570px;overflow:hidden}
.case-feature__media img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease)}
.case-feature:hover .case-feature__media img{transform:scale(1.025)}
.case-feature__body{display:flex;flex-direction:column;justify-content:center;padding:60px clamp(36px,5vw,72px)}
.case-feature__no{display:block;margin-bottom:62px;color:var(--gold-soft);font-size:9px;letter-spacing:.18em}
.case-feature__body h3{margin:0 0 22px;font-size:clamp(31px,3.3vw,47px);line-height:1.26}
.case-feature__body h3 a:hover{color:var(--gold-soft)}
.case-feature__body p{color:rgba(248,244,236,.58);font-family:var(--serif);font-size:14px;line-height:2}
.case-feature__body .text-link{align-self:flex-start;margin-top:18px}
.journal{background:var(--paper-soft)}
.journal .section-head{margin-bottom:38px}
.news-list-mini{border-top:1px solid var(--line)}
.news-mini{display:grid;grid-template-columns:130px minmax(0,1fr) 30px;gap:30px;align-items:center;padding:28px 2px;border-bottom:1px solid var(--line);transition:padding .3s var(--ease),background .3s var(--ease)}
.news-mini:hover{padding-right:20px;padding-left:20px;background:rgba(24,35,31,.035)}
.news-mini time{color:var(--ink-soft);font-family:Georgia,serif;font-size:10px;letter-spacing:.08em}
.news-mini h3{margin:0 0 7px;font-size:23px;font-weight:500}
.news-mini p{margin:0;color:var(--ink-soft);font-size:11px;line-height:1.75}
.news-mini>span{justify-self:end;color:var(--rust);font-size:17px;transition:transform .25s}
.news-mini:hover>span{transform:translate(4px,-4px)}
.news-list-mini .news-mini>div{min-width:0}
.cta-band{position:relative;overflow:hidden;background:var(--forest-2);color:var(--paper-soft)}
.cta-band::before{content:"JINXU";position:absolute;right:-20px;bottom:-65px;color:rgba(248,244,236,.035);font-family:Georgia,serif;font-size:230px;line-height:1;pointer-events:none}
.cta-band__inner,.cta-band>.container{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:60px;min-height:315px;padding:58px 0}
.cta-band h2{margin:0;font-size:clamp(34px,4vw,58px)}
.cta-band .eyebrow{margin-bottom:19px}
.cta-band .btn{min-width:160px}
.site-footer{background:var(--forest);color:var(--paper-soft)}
.footer-main{display:grid;grid-template-columns:1.35fr .72fr .9fr .8fr;gap:64px;padding:76px 0 52px}
.footer-brand .brand__seal{border:1px solid var(--gold);background:transparent;color:var(--gold-soft)}
.footer-brand .brand__name small{color:rgba(248,244,236,.45)}
.footer-brand>p{max-width:370px;margin:26px 0 0;color:rgba(248,244,236,.5);font-family:var(--serif);font-size:13px;line-height:2}
.footer-col h2{margin-bottom:19px;color:var(--gold-soft);font-family:var(--sans);font-size:9px;font-weight:500;letter-spacing:.18em}
.footer-col>a{display:block;width:fit-content;margin-bottom:10px;color:rgba(248,244,236,.68);font-family:var(--serif);font-size:13px;transition:color .25s}
.footer-col>a:hover{color:var(--gold-soft)}
.footer-col--contact>p{margin-bottom:18px;color:rgba(248,244,236,.44);font-size:10px}
.footer-contact-buttons{display:flex;flex-direction:column;align-items:flex-start;gap:7px}
.footer-contact-buttons .contact-link{padding:6px 0;background:transparent;color:rgba(248,244,236,.76);border:0}
.footer-contact-buttons .contact-link:hover{color:var(--gold-soft)}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:20px 0 24px;border-top:1px solid var(--line-light);color:rgba(248,244,236,.38);font-size:9px;letter-spacing:.06em}
.footer-bottom p{margin:0}
.footer-bottom a:hover{color:var(--gold-soft)}
.contact-link{display:inline-flex;align-items:center;gap:10px;padding:0;border:0;background:transparent;color:inherit;font-size:12px;line-height:1.4}
.contact-link__icon{display:block;flex:none;width:20px;height:20px;color:currentColor;fill:currentColor;opacity:1}
.contact-link__label{white-space:nowrap}
.contact-rail{position:fixed;top:50%;right:12px;z-index:35;display:flex;flex-direction:column;gap:1px;transform:translateY(-50%);box-shadow:0 10px 35px rgba(18,37,30,.18)}
.contact-rail .contact-link{display:flex;flex-direction:column;justify-content:center;gap:7px;width:60px;height:64px;background:var(--forest);color:var(--paper-soft);font-size:9px;letter-spacing:.06em;transition:background .25s,color .25s}
.contact-rail .contact-link:hover{background:var(--rust);color:var(--white)}
.contact-rail .contact-link__icon{width:19px;height:19px}
.contact-rail .contact-link__label{white-space:normal}
.back-top{position:fixed;right:18px;bottom:22px;z-index:34;display:grid;place-items:center;width:40px;height:40px;border:1px solid rgba(24,35,31,.25);background:var(--paper-soft);color:var(--ink);opacity:.88;transition:.25s}
.back-top:hover{background:var(--forest);color:var(--paper-soft)}
.back-top svg{width:18px;height:18px;fill:currentColor}
.mobile-contact-bar{display:none}
.contact-modal[hidden]{display:none}
.contact-modal{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:24px;background:rgba(8,16,13,.72);backdrop-filter:blur(7px)}
.contact-modal__dialog{position:relative;width:min(450px,100%);max-height:calc(100dvh - 48px);overflow:auto;padding:42px;background:var(--paper-soft);box-shadow:0 35px 90px rgba(0,0,0,.3);text-align:center}
.contact-modal__eyebrow{margin-bottom:8px;color:var(--rust);font-size:9px;letter-spacing:.18em}
.contact-modal h2{margin:0 0 28px;font-size:30px}
.contact-modal__close{position:absolute;top:12px;right:14px;display:grid;place-items:center;width:36px;height:36px;border:0;background:transparent;color:var(--ink);font-size:26px;font-weight:200}
.contact-modal__body{min-height:80px}
.contact-result{text-align:center}
.contact-result img{width:220px;height:220px;margin:0 auto 18px;border:1px solid var(--line);object-fit:contain;background:#fff}
.contact-result__value{display:block;width:100%;border:0;background:transparent;color:var(--ink);font-size:15px;line-height:1.7;word-break:break-all}
.contact-result__value span{color:var(--rust)}
.contact-result__status{display:block;min-height:22px;margin-top:7px;color:var(--ink-soft);font-size:11px}
.contact-loading{display:flex;align-items:center;justify-content:center;min-height:140px;color:var(--ink-soft);font-size:12px}
.contact-loading::before{content:"";width:17px;height:17px;margin-right:10px;border:1px solid var(--gold);border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.form-status{color:var(--forest-3);font-size:11px;line-height:1.6}
.form-status.is-error{color:#a43f32}

.breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:44px;color:var(--ink-soft);font-size:9px;letter-spacing:.06em}
.breadcrumb a:hover{color:var(--rust)}
.breadcrumb span{color:rgba(24,35,31,.36)}
.page-lead{position:relative;overflow:hidden;padding:74px 0 66px;border-bottom:1px solid var(--line);background:var(--paper-soft)}
.page-lead::after{content:"";position:absolute;right:-80px;bottom:-160px;width:460px;height:460px;border:1px solid rgba(24,35,31,.07);border-radius:50%;pointer-events:none}
.page-lead__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.52fr);gap:80px;align-items:end}
.page-lead h1{margin:0;font-size:clamp(50px,6vw,86px)}
.page-lead__aside{max-width:410px;margin:0 0 8px auto;color:var(--ink-soft);font-family:var(--serif);font-size:14px;line-height:2}
.page-lead__aside span{display:block;margin-bottom:9px;color:var(--rust);font-family:var(--sans);font-size:9px;letter-spacing:.14em}
.list-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:30px;margin-bottom:58px;padding-bottom:20px;border-bottom:1px solid var(--line)}
.list-toolbar>p{max-width:650px;margin:0;color:var(--ink-soft);font-family:var(--serif);font-size:14px}
.list-toolbar__links{display:flex;flex-wrap:wrap;gap:22px;font-size:10px;letter-spacing:.06em;white-space:nowrap}
.list-toolbar__links a{padding-bottom:3px;border-bottom:1px solid transparent}
.list-toolbar__links a:hover{border-color:var(--rust);color:var(--rust)}
.productlist-page .product-grid .product-card:nth-child(1),.productlist-page .product-grid .product-card:nth-child(6n+1){grid-column:span 7}
.productlist-page .product-grid .product-card:nth-child(2),.productlist-page .product-grid .product-card:nth-child(6n+2){grid-column:span 5}
.productlist-page .product-grid .product-card:nth-child(3),.productlist-page .product-grid .product-card:nth-child(6n+4){grid-column:span 5}
.productlist-page .product-grid .product-card:nth-child(4),.productlist-page .product-grid .product-card:nth-child(6n+5){grid-column:span 7}
.productlist-page .product-grid .product-card:nth-child(5),.productlist-page .product-grid .product-card:nth-child(6n){grid-column:span 12}
.productlist-page .product-grid .product-card:nth-child(1) .product-card__media,.productlist-page .product-grid .product-card:nth-child(4) .product-card__media{aspect-ratio:1.26/1}
.productlist-page .product-grid .product-card:nth-child(2) .product-card__media,.productlist-page .product-grid .product-card:nth-child(3) .product-card__media{aspect-ratio:.94/1}
.productlist-page .product-grid .product-card:nth-child(5) .product-card__media{aspect-ratio:2.6/1}
.pagination{display:flex;align-items:center;gap:12px;margin-top:62px;font-size:10px}
.pagination a,.pagination>span{display:grid;place-items:center;min-width:38px;height:38px;padding:0 14px;border:1px solid var(--line)}
.pagination .active{border-color:var(--forest);background:var(--forest);color:var(--paper-soft)}
.pagination a:hover{border-color:var(--rust);color:var(--rust)}
.empty-state{padding:55px 0;color:var(--ink-soft);font-family:var(--serif)}
.empty-state a{color:var(--rust);border-bottom:1px solid currentColor}
.case-grid{display:grid;grid-template-columns:1fr 1fr;gap:75px 34px;align-items:start}
.case-card:nth-child(4n+2){margin-top:82px}
.case-card__media{overflow:hidden;aspect-ratio:1.35/1;background:var(--paper-deep)}
.case-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease)}
.case-card:hover .case-card__media img{transform:scale(1.035)}
.case-card__body{padding-top:20px;border-top:1px solid var(--line)}
.case-card__no{display:block;margin-bottom:22px;color:var(--rust);font-size:9px;letter-spacing:.15em}
.case-card h2{margin:0 0 12px;font-size:clamp(24px,2.5vw,34px)}
.case-card h2 a:hover{color:var(--rust)}
.case-card p{margin:0;color:var(--ink-soft);font-size:11px;line-height:1.85}
.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:76px;align-items:start}
.article-header{margin-bottom:34px}
.article-header h1{max-width:900px;font-size:clamp(42px,5vw,68px)}
.article-meta{display:flex;flex-wrap:wrap;gap:18px;padding:15px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--ink-soft);font-size:9px;letter-spacing:.06em}
.article-cover{width:100%;max-height:630px;margin:0 0 48px;object-fit:cover}
.article-body{max-width:850px;font-family:var(--serif);font-size:17px;line-height:2.05}
.article-body p{margin-bottom:1.55em}
.article-body h2{margin:2em 0 .55em;font-size:31px}
.article-body h3{margin:1.7em 0 .45em;font-size:23px}
.article-body a{color:var(--rust);border-bottom:1px solid rgba(155,80,56,.35)}
.article-body ul,.article-body ol{margin:0 0 1.7em;padding-left:1.25em}
.article-body li{margin-bottom:.55em}
.article-body blockquote{margin:2em 0;padding:24px 29px;border-left:2px solid var(--rust);background:var(--paper-soft);color:var(--ink-soft);font-size:18px}
.article-end{margin-top:50px;padding-top:20px;border-top:1px solid var(--line);color:var(--ink-soft);font-size:10px}
.article-aside{position:sticky;top:126px;align-self:start}
.aside-card{padding:30px;background:var(--paper-soft);border-top:3px solid var(--forest)}
.aside-card h2{margin-bottom:15px;font-size:26px}
.aside-card>p:not(.eyebrow){color:var(--ink-soft);font-family:var(--serif);font-size:12px;line-height:1.9}
.aside-links{display:flex;flex-direction:column;gap:9px;margin-top:24px;padding-top:18px;border-top:1px solid var(--line);font-size:10px}
.aside-links a:hover{color:var(--rust)}
.article-nav{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin-top:46px;background:var(--line);border:1px solid var(--line)}
.article-nav__item{min-height:82px;padding:18px;background:var(--paper-soft);font-size:11px}
.article-nav__item--next{text-align:right}
.article-nav__item>span{display:block;margin-bottom:6px;color:var(--ink-soft);font-size:9px}
.article-nav__item>a{display:block;font-size:12px;line-height:1.65}
.article-nav__item>a:hover{color:var(--rust)}
.detail-grid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(330px,.72fr);gap:70px;align-items:start}
.detail-media{overflow:hidden;background:var(--paper-deep)}
.detail-media img{width:100%;aspect-ratio:4/3;object-fit:cover}
.detail-panel{position:sticky;top:128px}
.detail-panel h1{margin-bottom:21px;font-size:clamp(40px,4.7vw,62px)}
.detail-panel__desc{color:var(--ink-soft);font-family:var(--serif);font-size:15px;line-height:1.95}
.detail-facts{margin:28px 0;border-top:1px solid var(--line)}
.detail-facts div{display:grid;grid-template-columns:78px 1fr;gap:16px;padding:12px 0;border-bottom:1px solid var(--line);font-size:10px}
.detail-facts dt{color:var(--ink-soft)}
.detail-facts dd{margin:0}
.detail-panel .btn{margin-top:13px}
.detail-copy{max-width:920px;margin-top:82px;padding-top:48px;border-top:1px solid var(--line)}
.detail-copy h2{margin-bottom:27px;font-size:34px}
.related{margin-top:90px}
.related .section-head{margin-bottom:32px}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.related-card img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .6s var(--ease)}
.related-card{display:block;overflow:hidden}
.related-card:hover img{transform:scale(1.025)}
.related-card h3{margin:14px 0 0;font-size:19px}
.about-story{display:grid;grid-template-columns:.78fr 1.22fr;gap:92px;align-items:start}
.about-story__mark{position:sticky;top:128px;padding:35px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.about-story__mark span{display:block;color:var(--rust);font-size:9px;letter-spacing:.17em}
.about-story__mark strong{display:block;margin-top:20px;font-family:var(--serif);font-size:clamp(70px,8vw,120px);font-weight:400;line-height:1}
.about-story__text{font-family:var(--serif);font-size:18px;line-height:2.1}
.about-story__text p:first-child::first-letter{float:left;margin:.08em .18em 0 0;color:var(--rust);font-size:4.5em;line-height:.8}
.values-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.value-card{display:block;padding:34px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(248,244,236,.24)}
.value-card span{color:var(--rust);font-size:9px;letter-spacing:.14em}
.value-card h2{margin:44px 0 14px;font-size:25px}
.value-card p{margin:0;color:var(--ink-soft);font-size:11px;line-height:1.9}
a.value-card:hover{background:var(--forest);color:var(--paper-soft)}
a.value-card:hover p{color:rgba(248,244,236,.58)}
.materials-band{display:grid;grid-template-columns:1fr 1fr;overflow:hidden}
.materials-band img{width:100%;height:100%;min-height:540px;object-fit:cover}
.materials-band__copy{display:flex;flex-direction:column;justify-content:center;padding:65px;background:var(--forest);color:var(--paper-soft)}
.materials-band__copy>p:not(.eyebrow){color:rgba(248,244,236,.58);font-family:var(--serif);font-size:13px;line-height:2}
.material-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}
.material-tags span{padding:6px 10px;border:1px solid var(--line-light);color:rgba(248,244,236,.68);font-size:9px}

.contact-intro{max-width:820px;margin-bottom:55px;color:var(--ink-soft);font-family:var(--serif);font-size:18px;line-height:2}
.contact-actions{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.contact-card{padding:42px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(248,244,236,.32)}
.contact-card__icon{display:grid;place-items:center;width:55px;height:55px;margin-bottom:28px;border:1px solid var(--line);color:var(--forest)}
.contact-card h2{margin-bottom:14px;font-size:29px}
.contact-card p{margin-bottom:24px;color:var(--ink-soft);font-size:11px}
.contact-card .contact-link{width:100%;max-width:270px;justify-content:center;min-height:48px;border:1px solid var(--forest);background:var(--forest);color:var(--white)}
.contact-card .contact-link:hover{background:var(--rust);border-color:var(--rust)}
.contact-note{margin-top:28px;color:var(--ink-soft);font-size:9px;line-height:1.8}
.contact-page .cta-band{margin:75px 0 0}
.contact-page .cta-band>.container{min-height:230px}
.inquiry-grid{display:grid;grid-template-columns:.62fr 1fr;gap:76px;align-items:start}
.inquiry-aside{padding:42px;background:var(--forest);color:var(--paper-soft)}
.inquiry-aside h2{font-size:31px}
.inquiry-aside p,.inquiry-aside li{color:rgba(248,244,236,.6);font-family:var(--serif);font-size:12px;line-height:1.9}
.inquiry-aside ol{margin:24px 0;padding-left:1.2em}
.inquiry-aside li{margin-bottom:8px}
.inquiry-form{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:32px}
.form-field{display:flex;flex-direction:column;gap:8px}
.form-field--full{grid-column:1/-1}
.form-field label{font-family:var(--serif);font-size:13px}
.form-field input,.form-field textarea{width:100%;border:0;border-bottom:1px solid rgba(24,35,31,.28);border-radius:0;background:transparent;color:var(--ink);font-size:13px;outline:0;transition:border-color .25s}
.form-field input{height:48px;padding:4px 0}
.form-field textarea{min-height:145px;padding:12px 0;resize:vertical}
.form-field input:focus,.form-field textarea:focus{border-color:var(--rust)}
.form-field input::placeholder,.form-field textarea::placeholder{color:rgba(95,105,99,.55)}
.form-footer{grid-column:1/-1;display:flex;align-items:center;gap:22px;margin-top:4px}
.form-footer .form-status{min-height:20px}
.search-form{display:flex;max-width:760px;margin-bottom:48px;border-bottom:1px solid var(--ink)}
.search-form input{flex:1;min-width:0;height:56px;padding:0;border:0;background:transparent;color:var(--ink);font-family:var(--serif);font-size:18px;outline:0}
.search-form button{height:56px;padding:0 20px;border:0;background:transparent;color:var(--rust);font-size:11px;letter-spacing:.08em}
.search-result{border-top:1px solid var(--line)}
.search-item{display:grid;grid-template-columns:180px 1fr;gap:28px;padding:26px 0;border-bottom:1px solid var(--line)}
.search-item img{width:180px;height:135px;object-fit:cover}
.search-item h2{margin:0 0 9px;font-size:24px}
.search-item p{margin:0 0 12px;color:var(--ink-soft);font-size:10px}
.search-item .eyebrow{margin-bottom:10px}
.related,.article-layout{min-width:0}
*:focus-visible{outline:2px solid var(--rust);outline-offset:3px}

@media (max-width:1280px){.container{width:min(calc(100% - 56px),var(--max))}
.hero__layout{grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:46px}
.hero h1{font-size:clamp(64px,7.2vw,104px)}
.hero__overline{margin-bottom:58px}
.footer-main{gap:42px}
}
@media (max-width:1080px){.container{width:min(calc(100% - 44px),var(--max))}
.header-top{font-size:8px}
.site-nav{gap:20px}
.site-nav a{font-size:11px}
.header-cta{margin-left:20px}
.hero__layout{grid-template-columns:minmax(0,.95fr) minmax(380px,1.05fr);gap:34px;min-height:680px}
.hero__copy{padding-top:48px}
.hero__overline{margin-bottom:48px}
.hero h1{font-size:clamp(58px,7vw,88px)}
.hero__statement{font-size:22px}
.hero__visual{min-height:560px}
.hero__visual figcaption{align-items:flex-start;flex-direction:column;gap:4px}
.contact-rail{display:none}
.section{padding:100px 0}
.section-head{gap:45px}
.approach__intro{gap:60px}
.craft__layout{grid-template-columns:minmax(0,1fr) minmax(360px,.9fr)}
.craft__body{padding-left:42px}
.scenarios__head{gap:42px}
.footer-main{grid-template-columns:1.2fr .75fr .85fr;gap:44px}
.footer-col--contact{grid-column:1/-1;display:flex;align-items:center;gap:28px}
.footer-col--contact h2,.footer-col--contact>p{margin:0}
.footer-contact-buttons{flex-direction:row}
}
@media (max-width:980px){.header-top span:last-child{display:none}
.header-main{min-height:76px}
.site-nav{position:absolute;top:100%;right:0;left:0;z-index:45;display:none;flex-direction:column;align-items:stretch;gap:0;padding:14px 22px 22px;border:1px solid var(--line);border-top:0;background:var(--paper-soft);box-shadow:0 24px 50px rgba(18,37,30,.12)}
.site-nav.is-open{display:flex}
.site-nav a{padding:13px 0;border-bottom:1px solid rgba(24,35,31,.08);font-size:13px}
.site-nav a::after{display:none}
.menu-toggle{display:block}
.header-cta{margin-left:auto}
.hero__layout{grid-template-columns:1fr;min-height:0;padding-top:0;padding-bottom:0;gap:0}
.hero__copy{padding:65px 0 55px}
.hero__overline{margin-bottom:52px}
.hero h1{font-size:clamp(72px,14vw,112px)}
.hero__statement{max-width:600px;font-size:clamp(24px,3.3vw,34px)}
.hero__lead{max-width:650px}
.hero__visual{min-height:650px}
.hero__visual img{max-height:760px}
.approach__intro{grid-template-columns:1fr;gap:35px;align-items:start}
.approach__text{max-width:650px}
.section-head{grid-template-columns:1fr;gap:30px;align-items:start}
.section-head__aside{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:end}
.section-head__aside p{margin:0}
.craft__layout{grid-template-columns:1fr}
.craft__media{min-height:570px}
.craft__body{padding:62px 0 78px}
.craft__body>p:not(.section-kicker){max-width:650px}
.craft__details{max-width:720px}
.scenarios__head{grid-template-columns:1fr;gap:28px}
.scenarios__head>p:last-child{margin:0;max-width:600px}
.case-feature{grid-template-columns:1fr 1fr}
.case-feature__media{min-height:470px}
.case-feature__body{padding:42px 34px}
.case-feature__no{margin-bottom:38px}
.cta-band__inner,.cta-band>.container{grid-template-columns:1fr;gap:35px;padding:66px 0}
.cta-band .btn{justify-self:start}
.page-lead__grid{grid-template-columns:1fr;gap:30px}
.page-lead__aside{margin:0;max-width:620px}
.article-layout{grid-template-columns:1fr;gap:50px}
.article-aside{position:static;display:grid;grid-template-columns:1fr 1fr;gap:24px}
.detail-grid{grid-template-columns:1fr;gap:44px}
.detail-panel{position:static}
.about-story{grid-template-columns:1fr;gap:48px}
.about-story__mark{position:static;display:grid;grid-template-columns:1fr auto;align-items:end}
.about-story__mark strong{margin-top:0}
.materials-band{grid-template-columns:1fr}
.materials-band img{min-height:470px}
.inquiry-grid{grid-template-columns:1fr;gap:44px}
.footer-main{grid-template-columns:1.25fr .8fr .8fr}
}
@media (max-width:820px){.collection-grid{gap:48px 20px}
.collection-grid .product-card:nth-child(n){grid-column:span 6}
.collection-grid .product-card:nth-child(n) .product-card__media{aspect-ratio:4/3}
.collection-grid .product-card:nth-child(5){grid-column:span 12}
.collection-grid .product-card:nth-child(5) .product-card__media{aspect-ratio:2/1}
.principle-list article{padding-right:25px}
.principle-list article+article{padding-left:25px}
.case-grid{grid-template-columns:1fr;gap:52px}
.case-card:nth-child(4n+2){margin-top:0}
.contact-actions{grid-template-columns:1fr}
.related-grid{grid-template-columns:1fr 1fr}
.footer-main{grid-template-columns:1.3fr 1fr 1fr;gap:34px}
}
@media (max-width:767px){body{padding-bottom:calc(64px + env(safe-area-inset-bottom))}
.container{width:min(calc(100% - 34px),var(--max))}
body::before{opacity:.024}
.header-top{display:none}
.header-main{min-height:65px}
.brand{gap:10px}
.brand__seal{width:38px;height:38px;font-size:20px}
.brand__name{font-size:19px}
.brand__name small{padding-top:5px;font-size:6px}
.header-cta{min-height:36px;margin-left:auto;padding:0 12px;font-size:9px}
.menu-toggle{width:35px;height:35px;margin-left:7px}
.site-nav{padding:10px 18px 18px}
.section{padding:70px 0}
.section--tight{padding:54px 0}
h1{font-size:clamp(54px,17vw,78px)}
h2{font-size:clamp(32px,9.5vw,44px)}
.hero__copy{padding:48px 0 42px}
.hero__overline{gap:12px;margin-bottom:42px;font-size:7px;letter-spacing:.1em}
.hero h1{font-size:clamp(68px,22vw,94px);margin-bottom:24px}
.hero__statement{font-size:clamp(20px,5.8vw,25px);line-height:1.65}
.hero__lead{font-size:12px;line-height:1.95}
.hero__actions{gap:18px;margin-bottom:38px}
.hero__actions .btn{width:100%}
.hero__nav a{padding:14px 8px 14px 0;font-size:11px}
.hero__nav a+a{padding-left:10px}
.hero__visual{min-height:440px}
.hero__visual::after{inset:12px}
.hero__visual figcaption{padding:13px 16px;font-size:7px}
.hero__visual figcaption span:last-child{display:none}
.section-kicker{margin-bottom:16px;font-size:8px}
.section-head{margin-bottom:36px}
.section-head__aside{display:block}
.section-head__aside p{margin-bottom:17px}
.approach__intro{margin-bottom:42px}
.approach__text{font-size:13px;line-height:1.95}
.principle-list{grid-template-columns:1fr}
.principle-list article,.principle-list article+article{padding:25px 0 28px;border-left:0}
.principle-list article+article{border-top:1px solid var(--line)}
.principle-list article>span{margin-bottom:23px}
.principle-list h3{font-size:22px}
.collection-grid{display:grid;grid-template-columns:1fr;gap:39px}
.collection-grid .product-card:nth-child(n){grid-column:1}
.collection-grid .product-card:nth-child(n) .product-card__media,.product-card__media{aspect-ratio:4/3}
.product-card h3{font-size:20px}
.product-card__body p{font-size:10px}
.craft__media{min-height:410px}
.craft__media figcaption{bottom:16px;left:18px;font-size:10px}
.craft__body{padding:45px 0 62px}
.craft__details div{grid-template-columns:42px 1fr;gap:14px}
.craft__details dd{grid-template-columns:58px 1fr;gap:9px}
.craft__body .btn{width:100%}
.scenarios__head{margin-bottom:38px}
.scenario-list>a{grid-template-columns:36px 1fr 18px;gap:15px;min-height:112px;padding:20px 4px 20px 0}
.scenario-list>a:hover{padding-right:9px;padding-left:9px}
.scenario-list h3{font-size:24px}
.scenario-list p{font-size:9px;line-height:1.7}
.case-feature{grid-template-columns:1fr}
.case-feature__media{min-height:330px}
.case-feature__body{padding:35px 25px 41px}
.case-feature__no{margin-bottom:32px}
.news-mini{grid-template-columns:1fr 22px;gap:8px 13px;padding:21px 0}
.news-mini:hover{padding-right:4px;padding-left:4px}
.news-mini time{grid-column:1/-1;font-size:9px}
.news-mini h3{font-size:19px}
.news-mini p{display:none}
.news-mini>span{grid-column:2;grid-row:2}
.cta-band__inner,.cta-band>.container{min-height:0;padding:54px 0}
.cta-band h2{font-size:33px}
.cta-band .btn{width:100%}
.breadcrumb{margin-bottom:31px;font-size:8px}
.page-lead{padding:46px 0 42px}
.page-lead h1{font-size:clamp(43px,13vw,58px)}
.page-lead__aside{font-size:12px;line-height:1.9}
.list-toolbar{align-items:flex-start;flex-direction:column;gap:14px;margin-bottom:39px}
.list-toolbar>p{font-size:12px}
.list-toolbar__links{gap:16px}
.product-grid{display:grid;grid-template-columns:1fr;gap:38px}
.product-grid .product-card,.productlist-page .product-grid .product-card:nth-child(n){grid-column:1}
.product-grid .product-card__media,.productlist-page .product-grid .product-card:nth-child(n) .product-card__media{aspect-ratio:4/3}
.product-card__index{top:10px;left:10px;width:29px;height:29px;font-size:9px}
.product-card__body{padding-top:12px}
.product-card__body p{display:none}
.product-card__arrow{padding-top:2px}
.case-grid{gap:46px}
.case-card__media{aspect-ratio:1.25/1}
.case-card__body{padding-top:15px}
.case-card__no{margin-bottom:16px}
.case-card h2{font-size:24px}
.article-header h1{font-size:36px}
.article-meta{gap:9px 15px;font-size:8px}
.article-cover{min-height:230px;max-height:360px;margin-bottom:31px;object-fit:cover}
.article-body{font-size:15px;line-height:2}
.article-body h2{font-size:26px}
.article-body h3{font-size:21px}
.article-aside{grid-template-columns:1fr}
.article-nav{grid-template-columns:1fr}
.article-nav__item--next{text-align:left}
.detail-panel h1{font-size:38px}
.detail-copy{margin-top:55px;padding-top:35px}
.detail-copy h2{font-size:28px}
.related-grid{grid-template-columns:1fr 1fr;gap:11px}
.related-card h3{font-size:15px}
.about-story__mark strong{font-size:68px}
.about-story__text{font-size:16px}
.values-grid{grid-template-columns:1fr}
.value-card h2{margin-top:27px}
.materials-band img{min-height:300px}
.materials-band__copy{padding:38px 25px}
.contact-intro{margin-bottom:35px;font-size:15px}
.contact-card{padding:30px 22px}
.contact-card .contact-link{max-width:none}
.contact-page .cta-band{margin-top:55px}
.inquiry-aside{padding:30px 24px}
.inquiry-form{grid-template-columns:1fr}
.form-field--full,.form-footer{grid-column:auto}
.form-footer{align-items:flex-start;flex-direction:column}
.inquiry-aside h2{font-size:27px}
.search-form input{font-size:15px}
.search-result .search-item{grid-template-columns:103px 1fr;gap:15px}
.search-item img{width:103px;height:85px}
.search-item h2{font-size:18px}
.search-item p{display:none}
.footer-main{grid-template-columns:1fr 1fr;gap:39px 25px;padding:56px 0 40px}
.footer-brand{grid-column:1/-1}
.footer-col--contact{grid-column:1/-1;display:block}
.footer-col--contact h2{margin-bottom:12px}
.footer-col--contact>p{margin-bottom:13px}
.footer-contact-buttons{flex-direction:column}
.footer-bottom{align-items:flex-start;flex-direction:column;gap:6px;padding-bottom:23px}
.back-top{right:12px;bottom:calc(82px + env(safe-area-inset-bottom));width:38px;height:38px}
.mobile-contact-bar{position:fixed;right:0;bottom:0;left:0;z-index:50;display:grid;grid-template-columns:1fr 1fr;padding-bottom:env(safe-area-inset-bottom);border-top:1px solid rgba(255,255,255,.13);background:var(--forest);box-shadow:0 -8px 30px rgba(18,37,30,.2)}
.mobile-contact-bar .contact-link{min-height:62px;justify-content:center;gap:8px;background:transparent;color:var(--paper-soft);border-right:1px solid rgba(255,255,255,.13);font-size:12px}
.mobile-contact-bar .contact-link:last-child{border-right:0}
.mobile-contact-bar .contact-link__icon{width:20px;height:20px}
.contact-modal{padding:12px}
.contact-modal__dialog{max-height:calc(100dvh - 24px);padding:34px 21px 26px}
.contact-result img{width:min(210px,64vw);height:auto;aspect-ratio:1}
}
@media (max-width:420px){.header-cta{display:none}
.hero__overline span:last-child{display:none}
.hero h1{font-size:22vw}
.principle-list h3{font-size:21px}
.footer-main{grid-template-columns:1fr 1fr}
}
@media (min-width:768px){.mobile-contact-bar{display:none}
.contact-modal__dialog{max-height:85vh}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
.reveal{animation:none}
}

/* ===== Enterprise visual refresh: 2026-10 ===== */
:root{--paper:#ece5d9;--paper-soft:#f7f2e8;--paper-deep:#d8cbb8;--ink:#15241e;--ink-soft:#65706a;--forest:#10241d;--forest-2:#17352b;--forest-3:#21483b;--gold:#c8a56a;--gold-soft:#e5d0a6;--rust:#9d4d3a;--wine:#6e3027;--line:rgba(21,36,30,.16);--line-light:rgba(247,242,232,.18);--white:#fffdf7}
body{background:var(--paper)}
.site-header{border-bottom:0;background:rgba(248,244,236,.97);box-shadow:0 1px 0 rgba(16,36,29,.13)}
.header-top{display:block;min-height:32px;padding:0;border:0;background:var(--forest);color:rgba(247,242,232,.56);font-size:8px;letter-spacing:.16em}
.header-top .container{display:flex;align-items:center;justify-content:space-between;min-height:32px}
.header-top b{color:var(--gold);font-weight:500;letter-spacing:.2em}
.header-top span:last-child{color:rgba(247,242,232,.68)}
.header-main{min-height:86px}
.header-main>.brand__seal{box-shadow:inset 0 0 0 1px rgba(200,165,106,.36)}
.site-nav a{padding-top:31px;padding-bottom:28px;font-size:11px}
.site-nav a::after{bottom:20px;background:var(--gold);height:2px}
.header-cta{min-height:42px;padding:0 20px;background:var(--forest);color:var(--paper-soft);border-color:var(--forest);gap:17px}
.header-cta span{color:var(--gold);font-size:14px}
.header-cta:hover{background:var(--wine);border-color:var(--wine);color:var(--paper-soft)}

/* Hero */
.hero{isolation:isolate;background:radial-gradient(ellipse at 73% 35%,#1d3b2f 0,#10241d 46%,#081913 100%);color:var(--paper-soft)}
.hero::before{content:"";position:absolute;inset:0;z-index:-2;background-image:linear-gradient(115deg,transparent 47%,rgba(200,165,106,.055) 47.1%,transparent 47.3%),linear-gradient(rgba(247,242,232,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(247,242,232,.045) 1px,transparent 1px);background-size:100% 100%,92px 92px,92px 92px;mask-image:linear-gradient(90deg,#000,transparent 88%)}
.hero::after{content:"CERTIFICATE";right:auto;left:1.2%;bottom:-66px;color:rgba(247,242,232,.026);font-size:clamp(150px,20vw,320px);letter-spacing:-.03em}
.hero__ambient{position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 78% 42%,rgba(157,77,58,.25),transparent 31%),radial-gradient(circle at 8% 78%,rgba(200,165,106,.1),transparent 24%),linear-gradient(115deg,transparent 56%,rgba(0,0,0,.18) 56.1%);pointer-events:none}
.hero__ambient::before,.hero__ambient::after{content:"";position:absolute;border:1px solid rgba(200,165,106,.14);border-radius:50%;pointer-events:none}.hero__ambient::before{left:-230px;bottom:-280px;width:680px;height:680px}.hero__ambient::after{right:5%;top:8%;width:290px;height:290px;border-color:rgba(247,242,232,.065)}
.hero__layout{grid-template-columns:minmax(0,1.02fr) minmax(480px,.98fr);gap:clamp(40px,5.3vw,86px);min-height:735px;padding-top:54px;padding-bottom:68px}
.hero__copy{padding:22px 0 8px}
.hero__topline{display:flex;align-items:center;gap:18px;margin-bottom:64px;padding-bottom:17px;border-bottom:1px solid rgba(247,242,232,.16);color:rgba(247,242,232,.55);font-size:8px;letter-spacing:.19em}
.hero__topline span:last-child{margin-left:auto;color:var(--gold-soft)}
.hero__monogram{display:grid;place-items:center;flex:none;width:27px;height:27px;border:1px solid rgba(200,165,106,.64);color:var(--gold);font-family:Georgia,serif;font-size:9px;letter-spacing:.08em}
.hero h1{margin:0 0 34px;color:var(--paper-soft);font-size:inherit;line-height:1;letter-spacing:normal}
.hero h1>span{display:block;color:#fffaf0;font-family:var(--serif);font-size:clamp(80px,8vw,122px);font-weight:500;line-height:.92;letter-spacing:-.075em}
.hero h1>small{display:block;max-width:650px;margin-top:27px;color:var(--gold-soft);font-family:var(--serif);font-size:clamp(27px,3vw,43px);font-weight:400;line-height:1.4;letter-spacing:-.015em}
.hero__lead{max-width:590px;margin-bottom:32px;color:rgba(247,242,232,.61);font-family:var(--serif);font-size:14px;line-height:2}
.hero__actions{display:flex;align-items:center;gap:28px;margin-bottom:50px}
.btn--gold{border-color:var(--gold);background:var(--gold);color:var(--forest)}
.btn--gold:hover{border-color:var(--gold-soft);background:var(--gold-soft);color:var(--forest)}
.hero__text-link{display:inline-flex;align-items:center;gap:18px;padding:8px 0;border-bottom:1px solid rgba(247,242,232,.36);color:rgba(247,242,232,.78);font-size:11px;letter-spacing:.09em}
.hero__text-link span{color:var(--gold);font-size:16px}
.hero__text-link:hover{color:var(--gold-soft);border-color:var(--gold)}
.hero__categories{grid-template-columns:repeat(3,1fr);margin-top:0;border-color:rgba(247,242,232,.17)}
.hero__categories a{padding:17px 14px 16px 0;color:rgba(247,242,232,.84);font-size:12px}
.hero__categories a+a{padding-left:15px;border-color:rgba(247,242,232,.17)}
.hero__categories span{color:var(--gold);font-size:8px}
.hero__gallery{position:relative;min-height:610px}
.hero__gallery::before{content:"";position:absolute;top:62px;right:-22px;width:68%;height:68%;border:1px solid rgba(200,165,106,.26);pointer-events:none}
.hero__main{position:absolute;top:0;right:0;width:88%;height:79%;margin:0;overflow:hidden;border:1px solid rgba(200,165,106,.44);background:#0b1b16;box-shadow:0 32px 65px rgba(0,0,0,.27)}
.hero__main::after{content:"";position:absolute;inset:14px;border:1px solid rgba(247,242,232,.14);pointer-events:none}
.hero__main img{width:100%;height:100%;object-fit:cover;filter:saturate(.82) contrast(1.03)}
.hero__main figcaption{display:flex;justify-content:space-between;gap:14px;padding:15px 20px;background:rgba(11,27,22,.94);color:rgba(247,242,232,.52);font-size:8px;letter-spacing:.12em}
.hero__main figcaption span:first-child{color:var(--gold-soft)}
.hero__detail{position:absolute;bottom:0;left:0;z-index:3;width:44%;height:230px;margin:0;overflow:hidden;border:8px solid var(--forest);background:var(--forest-2);box-shadow:22px 24px 48px rgba(0,0,0,.2)}
.hero__detail img{width:100%;height:100%;object-fit:cover;filter:saturate(.75) contrast(1.06)}
.hero__detail figcaption{position:absolute;right:0;bottom:0;left:0;padding:10px 13px;background:rgba(16,36,29,.9);color:rgba(247,242,232,.7);font-size:8px;letter-spacing:.08em}
.hero__stamp{position:absolute;top:20px;left:2.5%;z-index:4;display:flex;flex-direction:column;justify-content:center;width:94px;height:94px;padding:12px;border:1px solid var(--gold);background:var(--forest);color:var(--gold-soft);text-align:center;box-shadow:0 14px 35px rgba(0,0,0,.24)}
.hero__stamp::after{content:"";position:absolute;inset:5px;border:1px solid rgba(200,165,106,.35)}
.hero__stamp strong{font-family:var(--serif);font-size:21px;font-weight:500;letter-spacing:.16em}
.hero__stamp span{margin-top:5px;color:rgba(247,242,232,.55);font-size:7px;letter-spacing:.12em}
.hero__vertical{position:absolute;top:124px;left:5.8%;z-index:2;margin:0;color:rgba(247,242,232,.33);font-family:Georgia,serif;font-size:7px;letter-spacing:.28em;writing-mode:vertical-rl}
.hero__standards{position:relative;border-top:1px solid rgba(247,242,232,.15);background:#0b1e18}
.hero__standards-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.hero__standards p{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px 14px;min-height:92px;margin:0;padding:18px 27px;border-right:1px solid rgba(247,242,232,.12)}
.hero__standards p:first-child{padding-left:0}
.hero__standards p:last-child{border-right:0}
.hero__standards span{grid-row:1/3;color:var(--gold);font-family:Georgia,serif;font-size:10px}
.hero__standards strong{align-self:end;color:var(--paper-soft);font-family:var(--serif);font-size:15px;font-weight:500;letter-spacing:.04em}
.hero__standards small{align-self:start;color:rgba(247,242,232,.43);font-size:8px;letter-spacing:.08em}

/* Studio */
.studio{position:relative;overflow:hidden;background:linear-gradient(116deg,var(--paper-soft) 0 58%,#e1d3bf 58% 100%);border-bottom:1px solid var(--line)}
.studio::after{content:"";position:absolute;top:0;right:0;width:clamp(250px,28vw,410px);height:100%;background:linear-gradient(155deg,var(--forest-2),var(--forest));opacity:.14;pointer-events:none}
.studio::before{content:"ATELIER / 01";position:absolute;top:56px;right:-28px;color:rgba(21,36,30,.035);font-family:Georgia,serif;font-size:120px;letter-spacing:.02em;writing-mode:vertical-rl;pointer-events:none}
.studio__layout{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.85fr) minmax(490px,1.15fr);gap:clamp(70px,9vw,140px);align-items:center;padding-top:24px}
.studio__copy h2 em{color:var(--wine);font-style:normal}
.studio__lead{max-width:520px;margin:31px 0 36px;color:var(--ink-soft);font-family:var(--serif);font-size:15px;line-height:2.05}
.studio__facts{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:40px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.studio__facts div{padding:20px 18px 22px 0}
.studio__facts div+div{padding-left:18px;border-left:1px solid var(--line)}
.studio__facts strong{display:block;margin-bottom:17px;color:var(--gold);font-family:Georgia,serif;font-size:10px}
.studio__facts span{display:block;font-family:var(--serif);font-size:14px;line-height:1.55}
.studio__visual{position:relative;min-height:680px}
.studio__visual::before{content:"JINXU / CRAFT";position:absolute;top:46px;right:-42px;color:rgba(21,36,30,.065);font-family:Georgia,serif;font-size:12px;letter-spacing:.3em;writing-mode:vertical-rl}
.studio__visual-main{position:absolute;top:0;right:0;width:89%;height:72%;margin:0;overflow:hidden;background:var(--paper-deep);box-shadow:24px 28px 60px rgba(21,36,30,.13)}
.studio__visual-main img{width:100%;height:100%;object-fit:cover}
.studio__visual-detail{position:absolute;bottom:0;left:0;z-index:2;width:44%;height:310px;margin:0;overflow:hidden;border:10px solid var(--paper-soft);background:var(--paper-deep);box-shadow:18px 22px 45px rgba(21,36,30,.11)}
.studio__visual-detail img{width:100%;height:100%;object-fit:cover}
.studio__note{position:absolute;right:0;bottom:0;z-index:3;width:52%;padding:29px 32px 32px;background:var(--forest);color:var(--paper-soft);box-shadow:0 20px 45px rgba(21,36,30,.18)}
.studio__note span{display:block;margin-bottom:20px;color:var(--gold);font-size:8px;letter-spacing:.18em}
.studio__note p{margin:0;font-family:var(--serif);font-size:18px;line-height:1.7}

/* Collection */
.collection{position:relative;overflow:hidden;background:radial-gradient(circle at 92% 10%,rgba(157,77,58,.1),transparent 26%),linear-gradient(135deg,#efe7db 0,#e3d5c3 72%,#d7c4ae 100%);border-bottom:0;padding-top:132px}
.collection .container{position:relative;z-index:1}
.collection::before{content:"COLLECTION";top:70px;right:-35px;color:rgba(21,36,30,.035);font-size:112px}
.collection__head{margin-bottom:38px}
.collection__rail{display:grid;grid-template-columns:repeat(5,1fr);margin-bottom:36px;border-top:1px solid rgba(21,36,30,.2);border-bottom:1px solid rgba(21,36,30,.2)}
.collection__rail span{padding:13px 12px;border-right:1px solid rgba(21,36,30,.13);color:var(--ink-soft);font-size:9px;letter-spacing:.08em;text-align:center}
.collection__rail span:first-child{padding-left:0;text-align:left}
.collection__rail span:last-child{border-right:0;text-align:right}
.collection-grid{gap:26px}
.product-card__media{aspect-ratio:1.27/1;border:1px solid rgba(21,36,30,.2);background:#c9bca8;box-shadow:0 22px 48px rgba(54,42,28,.1)}
.collection-grid .product-card:nth-child(1) .product-card__media,.collection-grid .product-card:nth-child(4) .product-card__media{aspect-ratio:1.27/1}
.collection-grid .product-card:nth-child(2) .product-card__media,.collection-grid .product-card:nth-child(3) .product-card__media{aspect-ratio:.91/1}
.collection-grid .product-card:nth-child(5) .product-card__media{aspect-ratio:2.7/1}
.product-card__media::after{background:linear-gradient(180deg,transparent 52%,rgba(9,23,18,.23) 100%);opacity:1}
.product-card:hover .product-card__media::after{background:linear-gradient(180deg,transparent 43%,rgba(9,23,18,.32) 100%)}
.product-card__media img{filter:saturate(.84) contrast(1.02)}
.product-card:hover .product-card__media img{transform:scale(1.026);filter:saturate(.96) contrast(1.03)}
.product-card__index{top:16px;left:16px;width:36px;height:36px;background:rgba(247,242,232,.95);color:var(--ink);border:1px solid rgba(21,36,30,.18)}
.product-card__body{position:relative;right:auto;bottom:auto;left:auto;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:22px;min-height:142px;padding:22px 24px 24px;border:1px solid rgba(20,37,31,.13);border-top:0;background:#f8f2e8;color:var(--ink);backdrop-filter:none;transform:none;transition:background .3s var(--ease),transform .35s var(--ease)}
.product-card:hover .product-card__body{background:#fffaf1;transform:none}
.product-card__meta{display:block;margin-bottom:7px;color:#95703c;font-size:7px;letter-spacing:.17em}
.product-card h3{margin:0;color:var(--ink);font-size:clamp(21px,2vw,27px)}
.product-card__body p{display:-webkit-box;max-width:480px;max-height:3.5em;margin:9px 0 0;overflow:hidden;color:var(--ink-soft);font-size:10px;line-height:1.75;opacity:1;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.product-card:hover .product-card__body p{max-height:3.5em;margin-top:9px;opacity:1}
.product-card__arrow{display:grid;place-items:center;flex:none;width:36px;height:36px;padding:0;border:1px solid rgba(20,37,31,.24);color:var(--wine);font-size:15px}
.product-card a:hover h3{color:var(--wine)}

/* Capabilities */
.capabilities{position:relative;overflow:hidden;padding:132px 0;background:radial-gradient(circle at 12% 4%,#24483a 0,transparent 34%),linear-gradient(128deg,#0b1d17 0,#17352b 62%,#0b1e18 100%);color:var(--paper-soft)}
.capabilities::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(200,165,106,.14) .7px,transparent .8px),linear-gradient(90deg,transparent,rgba(255,255,255,.025));background-size:18px 18px,100% 100%;mask-image:linear-gradient(90deg,transparent 35%,#000);pointer-events:none}
.capabilities__head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(290px,.52fr);gap:70px;align-items:end;margin-bottom:62px}
.capabilities__head h2 em{color:var(--gold-soft);font-style:normal}
.capabilities__head>p{max-width:430px;margin:0 0 6px auto;color:rgba(247,242,232,.58);font-family:var(--serif);font-size:14px;line-height:2}
.capabilities__layout{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);gap:clamp(45px,6vw,80px);align-items:stretch}
.capabilities__media{position:relative;min-height:685px;margin:0;overflow:hidden;border:1px solid rgba(200,165,106,.28);background:var(--forest-2);box-shadow:24px 30px 65px rgba(0,0,0,.25)}
.capabilities__media::after{content:"";position:absolute;inset:15px;border:1px solid rgba(247,242,232,.16);pointer-events:none}
.capabilities__media img{width:100%;height:100%;object-fit:cover;filter:saturate(.7) contrast(1.08) brightness(.82);transition:transform 1s var(--ease)}
.capabilities__media:hover img{transform:scale(1.025)}
.capabilities__media figcaption{position:absolute;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;gap:12px;padding:38px 40px 34px;background:linear-gradient(180deg,transparent,rgba(9,23,18,.9));color:var(--paper-soft)}
.capabilities__media figcaption span{color:var(--gold);font-size:8px;letter-spacing:.17em}
.capabilities__media figcaption strong{font-family:var(--serif);font-size:22px;font-weight:400}
.capabilities__list{display:flex;flex-direction:column;justify-content:center;border-top:1px solid var(--line-light)}
.capabilities__list article{display:grid;grid-template-columns:48px 1fr;gap:24px;padding:26px 0;border-bottom:1px solid var(--line-light)}
.capabilities__list article>span{padding-top:5px;color:var(--gold);font-family:Georgia,serif;font-size:10px}
.capabilities__list h3{margin-bottom:9px;color:var(--paper-soft);font-size:clamp(21px,2vw,27px)}
.capabilities__list p{max-width:500px;margin:0;color:rgba(247,242,232,.55);font-family:var(--serif);font-size:12px;line-height:1.9}

/* Scenarios */
.scenarios{background:radial-gradient(circle at 5% 12%,rgba(157,77,58,.08),transparent 25%),repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),rgba(21,36,30,.035) calc(25% - 1px),rgba(21,36,30,.035) 25%),#f6f1e8;border-bottom:0;padding-top:132px;padding-bottom:142px}
.scenarios__head{grid-template-columns:minmax(0,1fr) minmax(300px,.46fr);gap:70px;margin-bottom:68px}
.scenarios__head>p:last-child{margin-bottom:8px;color:var(--ink-soft);font-family:var(--serif);font-size:14px;line-height:2}
.scenario-cards{display:grid;grid-template-columns:1.04fr .88fr .97fr;gap:22px;align-items:start}
.scenario-card{position:relative;display:block;min-height:450px;overflow:hidden;border:1px solid rgba(200,165,106,.24);background:var(--forest);box-shadow:0 20px 45px rgba(34,27,19,.11)}
.scenario-card:nth-child(2){margin-top:58px}
.scenario-card:nth-child(3){margin-top:18px}
.scenario-card img{width:100%;height:100%;min-height:450px;object-fit:cover;filter:saturate(.72) contrast(1.05) brightness(.82);transition:transform .85s var(--ease),filter .5s}
.scenario-card:hover img{transform:scale(1.035);filter:saturate(.9) contrast(1.03) brightness(.82)}
.scenario-card__shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,25,20,.05) 24%,rgba(10,25,20,.85) 100%)}
.scenario-card__body{position:absolute;right:0;bottom:0;left:0;padding:32px;color:var(--paper-soft)}
.scenario-card__body span{display:block;margin-bottom:16px;color:var(--gold-soft);font-size:8px;letter-spacing:.16em}
.scenario-card__body h3{margin-bottom:11px;font-size:clamp(27px,2.7vw,36px)}
.scenario-card__body p{max-width:290px;margin:0;color:rgba(247,242,232,.61);font-family:var(--serif);font-size:11px;line-height:1.8}
.scenario-card__body i{position:absolute;right:28px;bottom:33px;display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(200,165,106,.58);color:var(--gold);font-size:15px;font-style:normal}
.scenario-card:hover .scenario-card__body i{background:var(--gold);color:var(--forest)}

/* Process */
.process{position:relative;padding:120px 0;background:radial-gradient(circle at 88% 25%,rgba(157,77,58,.09),transparent 24%),linear-gradient(108deg,#ddd8c9 0,#d5ddd4 58%,#c8d1c6 100%);border-top:1px solid rgba(21,36,30,.11);border-bottom:1px solid rgba(21,36,30,.13)}
.process::before{content:"PROCESS";position:absolute;right:-16px;bottom:-44px;color:rgba(21,36,30,.035);font-family:Georgia,serif;font-size:190px;line-height:1;pointer-events:none}
.process__layout{position:relative;display:grid;grid-template-columns:minmax(320px,.72fr) minmax(0,1.28fr);gap:clamp(65px,8vw,125px);align-items:start}
.process__intro{position:sticky;top:150px}
.process__intro h2{font-size:clamp(38px,4.2vw,59px)}
.process__intro>p:not(.section-kicker){max-width:440px;margin:25px 0 31px;color:var(--ink-soft);font-family:var(--serif);font-size:14px;line-height:2}
.process__intro .btn{background:var(--forest);border-color:var(--forest)}
.process__steps{display:grid;grid-template-columns:1fr 1fr;margin:0;padding:0;list-style:none;border-top:1px solid rgba(21,36,30,.2);border-left:1px solid rgba(21,36,30,.17)}
.process__steps li{display:grid;grid-template-columns:45px 1fr;gap:15px;min-height:220px;padding:31px 30px;border-right:1px solid rgba(21,36,30,.17);border-bottom:1px solid rgba(21,36,30,.17)}
.process__steps li>span{color:var(--wine);font-family:Georgia,serif;font-size:11px}
.process__steps h3{margin:9px 0 15px;font-size:26px}
.process__steps p{max-width:250px;margin:0;color:var(--ink-soft);font-family:var(--serif);font-size:12px;line-height:1.9}

/* Existing content blocks */
.case-notes{background:linear-gradient(112deg,#ebe2d5 0 68%,#d9c8b3 68% 100%);padding-top:132px;padding-bottom:132px}
.case-feature{grid-template-columns:minmax(0,1.35fr) minmax(360px,.65fr)}
.case-feature__media{min-height:590px}
.case-feature__body{background:var(--forest);padding:58px clamp(34px,4vw,66px)}
.journal{background:repeating-linear-gradient(0deg,transparent 0,transparent 79px,rgba(21,36,30,.032) 79px,rgba(21,36,30,.032) 80px),var(--paper-soft);padding-top:132px}
.cta-band{background:radial-gradient(circle at 76% 24%,rgba(200,165,106,.15),transparent 22%),linear-gradient(118deg,#5e271f 0,#7b392e 58%,#54231d 100%);border-top:1px solid rgba(200,165,106,.32);border-bottom:1px solid rgba(200,165,106,.32)}
.cta-band::before{color:rgba(247,242,232,.04)}
.cta-band__inner,.cta-band>.container{min-height:350px}
.cta-band h2{font-size:clamp(37px,4.4vw,62px)}

@media (max-width:1280px){
.hero__layout{grid-template-columns:minmax(0,1fr) minmax(440px,.95fr);gap:45px;min-height:710px}
.hero h1>span{font-size:clamp(74px,8vw,108px)}
.hero h1>small{font-size:clamp(26px,2.8vw,38px)}
.hero__gallery{min-height:580px}
.studio__layout{gap:65px}
.capabilities__layout{grid-template-columns:minmax(0,1fr) minmax(380px,.92fr);gap:48px}
}
@media (max-width:1080px){
.header-main{min-height:78px}
.hero__layout{grid-template-columns:minmax(0,1fr) minmax(395px,.88fr);gap:35px;min-height:680px}
.hero h1>span{font-size:clamp(68px,8.4vw,94px)}
.hero h1>small{font-size:29px}
.hero__gallery{min-height:540px}
.hero__detail{height:200px}
.studio__layout{grid-template-columns:minmax(0,.9fr) minmax(410px,1.1fr);gap:45px}
.studio__visual{min-height:600px}
.studio__visual-detail{height:270px}
.process__layout{gap:55px}
}
@media (max-width:980px){
.header-top{display:block}
.header-top span:last-child{display:block}
.hero__layout{grid-template-columns:1fr;padding-top:46px;padding-bottom:72px;gap:55px}
.hero__copy{padding:0}
.hero__topline{margin-bottom:45px}
.hero h1>span{font-size:clamp(76px,14vw,118px)}
.hero h1>small{max-width:720px;font-size:clamp(29px,4.5vw,42px)}
.hero__lead{max-width:720px}
.hero__gallery{width:min(720px,100%);min-height:620px;margin-left:auto}
.hero__standards-grid{grid-template-columns:1fr 1fr}
.hero__standards p:nth-child(1){padding-left:0}
.hero__standards p:nth-child(2){border-right:0}
.hero__standards p:nth-child(3),.hero__standards p:nth-child(4){border-top:1px solid rgba(247,242,232,.12)}
.hero__standards p:nth-child(3){padding-left:0}
.studio__layout{grid-template-columns:1fr;gap:55px}
.studio__copy{max-width:720px}
.studio__lead{max-width:650px}
.studio__visual{width:min(720px,100%);min-height:650px;margin-left:auto}
.capabilities__head{grid-template-columns:1fr;gap:25px}
.capabilities__head>p{margin:0;max-width:630px}
.capabilities__layout{grid-template-columns:1fr}
.capabilities__media{min-height:540px}
.capabilities__list{margin-top:15px}
.scenarios__head{grid-template-columns:1fr;gap:24px}
.scenario-cards{grid-template-columns:1fr 1fr}
.scenario-card:nth-child(2){margin-top:50px}
.scenario-card:nth-child(3){grid-column:1/-1;min-height:390px}
.scenario-card:nth-child(3) img{min-height:390px}
.process__layout{grid-template-columns:1fr;gap:45px}
.process__intro{position:static}
.process__intro>p:not(.section-kicker){max-width:650px}
.case-feature{grid-template-columns:1fr}
.case-feature__media{min-height:520px}
}
@media (max-width:767px){
.header-top{min-height:27px}
.header-top .container{min-height:27px}
.header-top span{font-size:6px;letter-spacing:.12em}
.header-top span:last-child{display:none}
.header-main{min-height:68px}
.site-nav{top:68px;background:var(--paper-soft)}
.hero__layout{padding-top:34px;padding-bottom:51px;gap:43px}
.hero__topline{gap:10px;margin-bottom:34px;padding-bottom:13px;font-size:6px;letter-spacing:.11em}
.hero__monogram{width:24px;height:24px;font-size:8px}
.hero__topline span:last-child{display:none}
.hero h1{margin-bottom:24px}
.hero h1>span{font-size:clamp(64px,20vw,84px);letter-spacing:-.08em}
.hero h1>small{max-width:340px;margin-top:22px;font-size:clamp(22px,6.6vw,28px);line-height:1.48}
.hero__lead{font-size:12px;line-height:1.95}
.hero__actions{align-items:stretch;flex-direction:column;gap:15px;margin-bottom:36px}
.hero__actions .btn{width:100%}
.hero__text-link{justify-content:space-between;width:100%}
.hero__categories a{font-size:10px;padding-top:13px;padding-bottom:13px}
.hero__gallery{min-height:450px;margin-top:5px}
.hero__gallery::before{top:35px;right:-9px}
.hero__main{width:89%;height:75%}
.hero__main::after{inset:9px}
.hero__main figcaption{padding:11px 12px;font-size:6px}
.hero__main figcaption span:last-child{display:none}
.hero__detail{width:47%;height:154px;border-width:5px}
.hero__detail figcaption{padding:8px 9px;font-size:6px}
.hero__stamp{top:10px;left:0;width:70px;height:70px;padding:8px}
.hero__stamp strong{font-size:16px}
.hero__stamp span{font-size:5px}
.hero__vertical{display:none}
.hero__standards-grid{grid-template-columns:1fr 1fr}
.hero__standards p{gap:4px 9px;min-height:75px;padding:13px 11px}
.hero__standards p:nth-child(1),.hero__standards p:nth-child(3){padding-left:0}
.hero__standards strong{font-size:13px}
.hero__standards small{font-size:7px;letter-spacing:.02em}
.studio{padding-top:76px;padding-bottom:82px}
.studio__layout{gap:43px;padding-top:0}
.studio__lead{font-size:13px;line-height:1.95}
.studio__facts div{padding:16px 10px 18px 0}
.studio__facts div+div{padding-left:10px}
.studio__facts strong{margin-bottom:11px;font-size:8px}
.studio__facts span{font-size:11px;line-height:1.55}
.studio__visual{min-height:475px}
.studio__visual-main{width:92%;height:70%}
.studio__visual-detail{width:46%;height:205px;border-width:6px}
.studio__note{width:58%;padding:19px 17px 20px}
.studio__note span{margin-bottom:11px;font-size:6px}
.studio__note p{font-size:13px;line-height:1.6}
.collection{padding-top:80px;padding-bottom:80px}
.collection__head{margin-bottom:30px}
.collection__rail{grid-template-columns:1fr 1fr;margin-bottom:28px}
.collection__rail span{padding:10px 8px;text-align:left;font-size:7px;border-bottom:1px solid rgba(21,36,30,.12)}
.collection__rail span:nth-child(even){border-right:0}
.collection__rail span:last-child{grid-column:1/-1;text-align:left;border-bottom:0}
.collection-grid{grid-template-columns:1fr;gap:25px}
.collection-grid .product-card:nth-child(n){grid-column:1}
.collection-grid .product-card:nth-child(n) .product-card__media{aspect-ratio:4/3}
.product-card__body{right:10px;bottom:10px;left:10px;min-height:70px;padding:13px 14px}
.product-card__meta{font-size:6px;margin-bottom:5px}
.product-card h3{font-size:19px}
.product-card__body p{display:none}
.product-card__arrow{width:29px;height:29px;font-size:12px}
.capabilities{padding-top:82px;padding-bottom:84px}
.capabilities__head{margin-bottom:38px}
.capabilities__media{min-height:360px}
.capabilities__media figcaption{padding:28px 23px 23px}
.capabilities__media figcaption strong{font-size:18px}
.capabilities__list article{grid-template-columns:32px 1fr;gap:13px;padding:22px 0}
.capabilities__list h3{font-size:21px}
.capabilities__list p{font-size:11px;line-height:1.85}
.scenarios{padding-top:80px;padding-bottom:0}
.scenarios__head{margin-bottom:33px}
.scenario-cards{grid-template-columns:1fr;gap:16px}
.scenario-card,.scenario-card:nth-child(2),.scenario-card:nth-child(3){grid-column:auto;min-height:365px;margin-top:0}
.scenario-card img,.scenario-card:nth-child(3) img{min-height:365px}
.scenario-card__body{padding:24px 21px}
.scenario-card__body span{margin-bottom:11px;font-size:7px}
.scenario-card__body h3{font-size:27px}
.scenario-card__body p{max-width:250px;font-size:10px}
.scenario-card__body i{right:19px;bottom:26px;width:29px;height:29px}
.process{padding-top:77px;padding-bottom:70px}
.process__layout{gap:36px}
.process__intro h2{font-size:34px}
.process__intro>p:not(.section-kicker){margin:20px 0 27px;font-size:12px}
.process__intro .btn{width:100%}
.process__steps{grid-template-columns:1fr;border-left:0}
.process__steps li{grid-template-columns:35px 1fr;min-height:0;padding:22px 16px 24px 0;border-left:0}
.process__steps h3{margin:7px 0 9px;font-size:21px}
.process__steps p{font-size:11px;line-height:1.8}
.case-notes{padding-top:80px;padding-bottom:80px}
.case-feature__media{min-height:325px}
.case-feature__body{padding:32px 23px 38px}
.journal{padding-top:80px;padding-bottom:76px}
.cta-band__inner,.cta-band>.container{padding:58px 0}
.cta-band h2{font-size:30px}
}
@media (max-width:420px){
.hero h1>span{font-size:19vw}
.hero__gallery{min-height:410px}
.studio__visual{min-height:430px}
.studio__visual-detail{height:185px}
.studio__note{padding:16px 14px 17px}
.studio__note span{font-size:3px}
.studio__facts span{font-size:10px}
}
.process{overflow:hidden}
/* ===== Premium enterprise edition v3: layered materials and stronger rhythm ===== */
:root{
  --paper:#efe8dc;--paper-soft:#faf5ea;--paper-deep:#d8c9b3;
  --ink:#14251f;--ink-soft:#606b65;--forest:#091c16;--forest-2:#12352a;--forest-3:#1b4a3a;
  --gold:#c8a466;--gold-soft:#ead5a9;--gold-deep:#96713b;--wine:#6d3028;--rust:#a65d43;
  --line:rgba(20,37,31,.16);--line-light:rgba(250,245,234,.18);--white:#fffdf7;
}
body{background:radial-gradient(circle at 82% 16%,rgba(200,164,102,.08),transparent 26%),linear-gradient(180deg,#f6f1e8 0,#ece4d8 100%)}
.site-header{background:rgba(250,246,238,.94);box-shadow:0 1px 0 rgba(16,36,29,.09),0 10px 35px rgba(36,27,17,.04)}
.header-top{background:linear-gradient(90deg,#071914,#112d24 48%,#1a3a2e);border-bottom:1px solid rgba(200,164,102,.2)}
.header-main{min-height:84px}
.brand__seal{background:linear-gradient(145deg,#17382c,#0a1f18);box-shadow:inset 0 0 0 1px rgba(200,164,102,.5),0 8px 18px rgba(14,31,24,.12)}
.header-cta{background:linear-gradient(120deg,#0c241c,#173c2e);box-shadow:0 8px 20px rgba(13,34,26,.12)}
.header-cta:hover{background:linear-gradient(120deg,#642b24,#7a392e);box-shadow:0 10px 25px rgba(88,40,31,.2)}
.hero{background:radial-gradient(ellipse at 84% 30%,rgba(119,61,43,.35),transparent 34%),radial-gradient(ellipse at 18% 74%,rgba(38,100,76,.32),transparent 38%),linear-gradient(128deg,#071611 0,#0d2d22 52%,#071711 100%)}
.hero::before{background-image:repeating-linear-gradient(115deg,transparent 0,transparent 88px,rgba(234,213,169,.04) 89px,transparent 90px),linear-gradient(rgba(250,245,234,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(250,245,234,.04) 1px,transparent 1px);background-size:100% 100%,96px 96px,96px 96px;mask-image:linear-gradient(90deg,#000 0,rgba(0,0,0,.48) 69%,transparent 96%)}
.hero::after{color:rgba(250,245,234,.028);left:-1%;bottom:-58px;text-shadow:0 1px 0 rgba(200,164,102,.03)}
.hero__ambient{background:radial-gradient(circle at 79% 42%,rgba(130,60,43,.34),transparent 31%),radial-gradient(circle at 12% 20%,rgba(200,164,102,.09),transparent 24%),linear-gradient(115deg,transparent 56%,rgba(0,0,0,.22) 56.2%)}
.hero__ambient::before{border-color:rgba(200,164,102,.2);box-shadow:0 0 0 86px rgba(200,164,102,.018),0 0 0 87px rgba(200,164,102,.13)}
.hero__ambient::after{right:3%;top:4%;width:360px;height:360px;border-color:rgba(234,213,169,.11);box-shadow:0 0 90px rgba(200,164,102,.05)}
.hero__layout{min-height:760px;padding-top:58px;padding-bottom:72px}
.hero__topline{border-color:rgba(234,213,169,.21)}
.hero h1>span{color:#fffaf0;text-shadow:0 12px 38px rgba(0,0,0,.17)}
.hero h1>small{color:#ead5a9;text-shadow:0 8px 30px rgba(0,0,0,.12)}
.hero__lead{color:rgba(250,245,234,.67)}
.hero__main{border-color:rgba(234,213,169,.53);box-shadow:0 38px 90px rgba(0,0,0,.42),18px 18px 0 rgba(200,164,102,.04);transform:rotate(.45deg)}
.hero__main img{filter:saturate(.84) contrast(1.07) brightness(.95)}
.hero__detail{border-color:#0c241c;box-shadow:24px 28px 55px rgba(0,0,0,.34),0 0 0 1px rgba(200,164,102,.38)}
.hero__stamp{background:linear-gradient(145deg,#153a2c,#071a14);box-shadow:0 18px 45px rgba(0,0,0,.35),inset 0 0 30px rgba(200,164,102,.06)}
.hero__standards{background:linear-gradient(90deg,#061712,#0c241c 54%,#071a14);border-color:rgba(234,213,169,.18)}
.service-spectrum{position:relative;isolation:isolate;overflow:hidden;padding:116px 0;background:linear-gradient(90deg,rgba(20,37,31,.055) 1px,transparent 1px) 0 0/72px 100%,radial-gradient(circle at 94% 8%,rgba(200,164,102,.2),transparent 24%),#e9dfcf;color:var(--ink);border-top:1px solid rgba(20,37,31,.12);border-bottom:1px solid rgba(20,37,31,.12)}
.service-spectrum::before{content:"SERVICE INDEX / 02";position:absolute;top:46px;right:max(32px,calc((100vw - 1360px)/2));color:rgba(20,37,31,.47);font-family:var(--sans);font-size:8px;letter-spacing:.24em;pointer-events:none}
.service-spectrum::after{content:"";position:absolute;z-index:-1;right:-90px;bottom:-140px;width:390px;height:390px;border:1px solid rgba(20,37,31,.08);border-radius:50%;box-shadow:0 0 0 54px rgba(20,37,31,.018);pointer-events:none}
.service-spectrum__layout{position:relative;display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);gap:0;align-items:stretch;box-shadow:0 34px 80px rgba(46,33,20,.14)}
.service-spectrum__intro{position:relative;top:auto;display:flex;flex-direction:column;justify-content:center;padding:64px clamp(32px,4vw,60px);background:linear-gradient(145deg,#faf5eb,#eee4d4);border:1px solid rgba(20,37,31,.13);border-right:0}
.service-spectrum__intro h2{font-size:clamp(38px,4.1vw,60px);color:var(--ink)}
.service-spectrum__intro h2 em{color:var(--wine);font-style:normal}
.service-spectrum__intro>p:last-child{max-width:440px;margin:28px 0 0;color:var(--ink-soft);font-family:var(--serif);font-size:14px;line-height:2.05}
.service-spectrum .section-kicker{color:var(--wine)}
.service-spectrum .section-kicker span{color:var(--gold-deep)}
.service-spectrum__grid{display:grid;grid-template-columns:1fr 1fr;border:0;background:radial-gradient(circle at 92% 8%,rgba(171,101,67,.16),transparent 26%),linear-gradient(142deg,#142d24,#0b2019 72%,#071813);box-shadow:inset 0 0 0 1px rgba(234,213,169,.13)}
.service-spectrum__grid a{position:relative;display:grid;grid-template-columns:34px 1fr 24px;gap:18px;min-height:218px;padding:30px 26px 28px;border-right:1px solid rgba(234,213,169,.14);border-bottom:1px solid rgba(234,213,169,.14);background:transparent;transition:background .35s var(--ease),transform .35s var(--ease)}
.service-spectrum__grid a:nth-child(2n){border-right:0}
.service-spectrum__grid a:nth-last-child(-n+2){border-bottom:0}
.service-spectrum__grid a:hover{background:rgba(200,164,102,.09);transform:none}
.service-spectrum__grid a>span{padding-top:3px;color:var(--gold);font-family:Georgia,serif;font-size:10px}
.service-spectrum__grid small{display:block;margin-bottom:27px;color:rgba(234,213,169,.48);font-size:7px;letter-spacing:.15em}
.service-spectrum__grid h3{margin:0 0 12px;color:var(--paper-soft);font-size:clamp(21px,2vw,28px);font-weight:400}
.service-spectrum__grid p{max-width:250px;margin:0;color:rgba(250,245,234,.52);font-family:var(--serif);font-size:11px;line-height:1.85}
.service-spectrum__grid i{align-self:end;justify-self:end;color:var(--gold);font-size:15px;font-style:normal;transition:transform .3s}
.service-spectrum__grid a:hover i{transform:translate(4px,-4px)}
.collection{position:relative;overflow:hidden;padding:136px 0 150px;background:repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 6px),radial-gradient(circle at 93% 7%,rgba(200,164,102,.18),transparent 23%),linear-gradient(138deg,#e3d7c4,#d4c2aa);color:var(--ink);border-bottom:1px solid rgba(20,37,31,.18)}
.collection::before{content:"CERTIFICATE EDITION / SELECTED 03";position:absolute;top:44px;right:max(32px,calc((100vw - 1360px)/2));color:rgba(20,37,31,.48);font-family:var(--sans);font-size:8px;line-height:1;letter-spacing:.24em;writing-mode:horizontal-tb;pointer-events:none}
.collection::after{content:"";position:absolute;top:0;bottom:0;left:max(20px,calc((100vw - 1360px)/2 - 22px));width:1px;background:rgba(20,37,31,.12);border:0;border-radius:0;box-shadow:none;pointer-events:none}
.collection .container{position:relative;z-index:1}
.collection__head{align-items:end;margin-bottom:38px;padding-bottom:38px;border-bottom:1px solid rgba(20,37,31,.2)}
.collection .section-kicker,.collection .section-kicker span{color:var(--wine)}
.collection .section-head h2{color:var(--ink)}
.collection .section-head__aside p{color:var(--ink-soft)}
.collection .section-head__aside .text-link{color:var(--wine);border-color:rgba(109,48,40,.5)}
.collection__rail{margin-bottom:34px;background:rgba(250,246,238,.28);border-color:rgba(20,37,31,.23)}
.collection__rail span{border-color:rgba(20,37,31,.15);color:#55615b;font-size:8px;letter-spacing:.1em}
.collection .product-card{background:#f8f2e8;border:1px solid rgba(20,37,31,.14);box-shadow:0 18px 42px rgba(48,34,20,.1);transition:transform .4s var(--ease),box-shadow .4s var(--ease)}
.collection .product-card:hover{transform:translateY(-5px);box-shadow:0 28px 56px rgba(48,34,20,.15)}
.collection .product-card a{height:100%}
.collection .product-card__media{border:0;background:#d6c7b4;box-shadow:none}
.collection .product-card__media::after{display:none}
.collection .product-card__media img{filter:saturate(.88) contrast(1.03)}
.collection .product-card:hover .product-card__media img{filter:saturate(.97) contrast(1.03)}
.collection .product-card__index{top:18px;left:18px;background:#faf5eb;color:var(--wine);border-color:rgba(20,37,31,.2);box-shadow:0 5px 14px rgba(47,33,20,.1)}
.collection .product-card__body{border:0;background:#f8f2e8}
.collection .product-card:hover .product-card__body{background:#fffaf1}
.capabilities{background:radial-gradient(circle at 12% 4%,rgba(200,164,102,.18),transparent 27%),radial-gradient(circle at 90% 86%,rgba(109,48,40,.12),transparent 26%),linear-gradient(124deg,#f7f1e6 0,#e9dfcf 58%,#d9c8b3 100%);color:var(--ink)}
.capabilities::before{background-image:radial-gradient(rgba(20,37,31,.13) .65px,transparent .75px),repeating-linear-gradient(115deg,transparent 0,transparent 92px,rgba(20,37,31,.032) 93px,transparent 94px);background-size:18px 18px,100% 100%;mask-image:linear-gradient(90deg,transparent 18%,#000 100%)}
.capabilities .section-kicker{color:var(--rust)}
.capabilities .section-kicker span{color:var(--gold-deep)}
.capabilities__head h2{color:var(--ink)}
.capabilities__head h2 em{color:var(--wine)}
.capabilities__head>p{color:var(--ink-soft)}
.capabilities__media{border-color:rgba(200,164,102,.45);box-shadow:26px 34px 75px rgba(49,34,22,.2),14px 14px 0 rgba(200,164,102,.12);background:var(--forest)}
.capabilities__media img{filter:saturate(.82) contrast(1.04) brightness(.91)}
.capabilities__list{border-color:rgba(20,37,31,.22)}
.capabilities__list article{border-color:rgba(20,37,31,.16)}
.capabilities__list article>span{color:var(--gold-deep)}
.capabilities__list h3{color:var(--ink)}
.capabilities__list p{color:var(--ink-soft)}
.capabilities__media figcaption{background:linear-gradient(180deg,transparent,rgba(5,20,15,.92))}
.scenarios{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 92% 14%,rgba(166,93,67,.22),transparent 26%),linear-gradient(140deg,#122b22 0,#0b2019 68%,#071813 100%);color:var(--paper-soft)}
.scenarios::before{content:"";position:absolute;inset:0;z-index:-1;background-image:repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),rgba(234,213,169,.055) calc(25% - 1px),rgba(234,213,169,.055) 25%);mask-image:linear-gradient(180deg,#000,transparent 85%)}
.scenarios .section-kicker,.scenarios .section-kicker span{color:var(--gold-soft)}
.scenarios__head h2{color:var(--paper-soft)}
.scenarios__head>p:last-child{color:rgba(250,245,234,.58)}
.scenario-card{border-color:rgba(234,213,169,.28);box-shadow:0 26px 56px rgba(0,0,0,.28)}
.scenario-card:nth-child(1),.scenario-card:nth-child(3){box-shadow:0 36px 75px rgba(0,0,0,.34),12px 12px 0 rgba(200,164,102,.07)}
.scenario-card__body p{color:rgba(250,245,234,.68)}
.process{background:radial-gradient(circle at 86% 18%,rgba(166,93,67,.12),transparent 25%),radial-gradient(circle at 7% 76%,rgba(200,164,102,.13),transparent 24%),linear-gradient(112deg,#f8f3e9 0,#e8e0d2 55%,#ddd2c0 100%)}
.process::before{color:rgba(20,37,31,.03);font-size:210px}
.process__steps{background:rgba(250,246,238,.3);box-shadow:0 24px 55px rgba(64,46,29,.08)}
.process__steps li{background:rgba(250,247,240,.24)}
.process__steps li:hover{background:rgba(250,247,240,.62)}
.process__steps h3{color:var(--ink)}
.process__steps p{color:var(--ink-soft)}
.quality{position:relative;isolation:isolate;overflow:hidden;padding:132px 0;background:radial-gradient(circle at 82% 22%,rgba(200,164,102,.16),transparent 25%),linear-gradient(124deg,#471f1b 0,#682d25 52%,#3b1917 100%);color:var(--paper-soft);border-top:1px solid rgba(234,213,169,.31);border-bottom:1px solid rgba(234,213,169,.29)}
.quality::before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(118deg,transparent 49.8%,rgba(234,213,169,.065) 50%,transparent 50.2%),radial-gradient(rgba(234,213,169,.16) .65px,transparent .75px);background-size:100% 100%,20px 20px;mask-image:linear-gradient(90deg,transparent 18%,#000)}
.quality::after{content:"MATERIAL / QUALITY";position:absolute;right:-20px;bottom:-55px;color:rgba(250,245,234,.035);font-family:Georgia,serif;font-size:110px;line-height:1;white-space:nowrap;pointer-events:none}
.quality__layout{position:relative;display:grid;grid-template-columns:minmax(0,.8fr) minmax(470px,1.2fr);gap:clamp(55px,7vw,110px);align-items:center}
.quality .section-kicker{color:var(--gold-soft)}
.quality .section-kicker span{color:var(--gold)}
.quality__copy h2{color:var(--paper-soft);font-size:clamp(39px,4.5vw,64px)}
.quality__copy h2 em{color:var(--gold-soft);font-style:normal}
.quality__lead{max-width:485px;margin:29px 0 38px;color:rgba(250,245,234,.63);font-family:var(--serif);font-size:14px;line-height:2.05}
.quality__checks{border-top:1px solid rgba(234,213,169,.24)}
.quality__checks article{display:grid;grid-template-columns:38px 1fr;gap:20px;padding:21px 0;border-bottom:1px solid rgba(234,213,169,.18)}
.quality__checks article>span{padding-top:4px;color:var(--gold);font-family:Georgia,serif;font-size:10px}
.quality__checks h3{margin:0 0 7px;color:var(--paper-soft);font-size:23px}
.quality__checks p{max-width:470px;margin:0;color:rgba(250,245,234,.52);font-family:var(--serif);font-size:11px;line-height:1.85}
.quality__visual{position:relative}
.material-swatches{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:14px;border:1px solid rgba(234,213,169,.28);background:rgba(23,11,10,.24);box-shadow:26px 34px 70px rgba(16,7,6,.25)}
.material-swatch{position:relative;min-height:215px;overflow:hidden;border:1px solid rgba(250,245,234,.14);background:#19120f}
.material-swatch>span{position:absolute;inset:0;transition:transform .8s var(--ease)}
.material-swatch:hover>span{transform:scale(1.035)}
.material-swatch::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(11,7,6,.74) 100%)}
.material-swatch strong,.material-swatch small{position:absolute;left:21px;z-index:2;display:block}
.material-swatch strong{bottom:43px;color:var(--paper-soft);font-family:var(--serif);font-size:22px;font-weight:400}
.material-swatch small{bottom:24px;color:rgba(250,245,234,.58);font-size:8px;letter-spacing:.08em}
.material-swatch--paper>span{background:repeating-linear-gradient(0deg,rgba(83,63,39,.06) 0,rgba(83,63,39,.06) 1px,transparent 1px,transparent 6px),radial-gradient(circle at 25% 15%,#fffaf0,#e3d5c0 63%,#c5b298)}
.material-swatch--velvet>span{background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.13),transparent 22%),repeating-linear-gradient(115deg,rgba(255,255,255,.035) 0,rgba(255,255,255,.035) 1px,transparent 1px,transparent 3px),#591e22}
.material-swatch--brass>span{background:linear-gradient(128deg,#6e4a1b,#d2ad66 28%,#faf0c9 46%,#ab7c36 61%,#5b3a12 100%)}
.material-swatch--stone>span{background:radial-gradient(circle at 72% 24%,rgba(255,255,255,.52),transparent 23%),repeating-linear-gradient(102deg,rgba(85,60,37,.06) 0,rgba(85,60,37,.06) 1px,transparent 1px,transparent 5px),linear-gradient(140deg,#d7c8b1,#a9977e)}
.quality__seal{position:absolute;z-index:4;top:-38px;right:-28px;display:flex;flex-direction:column;align-items:center;justify-content:center;width:112px;height:112px;border:1px solid var(--gold);border-radius:50%;background:linear-gradient(145deg,#713129,#421b18);box-shadow:0 18px 38px rgba(17,6,6,.35),inset 0 0 0 6px rgba(200,164,102,.09);color:var(--gold-soft)}
.quality__seal::after{content:"";position:absolute;inset:8px;border:1px solid rgba(234,213,169,.35);border-radius:50%}
.quality__seal span{font-size:6px;letter-spacing:.16em}.quality__seal strong{font-family:Georgia,serif;font-size:25px;font-weight:400;line-height:1}.quality__seal small{font-size:7px;letter-spacing:.1em}
.quality__note{margin:18px 2px 0;color:rgba(250,245,234,.4);font-size:8px;line-height:1.7;text-align:right}
.case-notes{background:radial-gradient(circle at 87% 8%,rgba(200,164,102,.15),transparent 24%),linear-gradient(122deg,#f5ede1 0,#e3d4c1 61%,#cdb69c 100%);color:var(--ink)}
.case-notes::after{content:"";position:absolute;right:-260px;top:-260px;width:700px;height:700px;border:1px solid rgba(20,37,31,.09);border-radius:50%;box-shadow:0 0 0 96px rgba(200,164,102,.025);pointer-events:none}
.case-notes .container{position:relative;z-index:1}
.case-notes .section-kicker,.case-notes .section-kicker span{color:var(--wine)}
.case-feature{border:1px solid rgba(200,164,102,.3);box-shadow:0 30px 70px rgba(65,45,28,.16)}
.case-feature__body{background:linear-gradient(145deg,#10291f,#0a1e18)}
.case-feature__media img{filter:saturate(.82) contrast(1.04)}
.journal{background:radial-gradient(circle at 90% 12%,rgba(200,164,102,.1),transparent 23%),repeating-linear-gradient(0deg,transparent 0,transparent 79px,rgba(20,37,31,.028) 79px,rgba(20,37,31,.028) 80px),#faf5ea}
.news-mini:hover{background:rgba(200,164,102,.1)}
.faq-section{position:relative;overflow:hidden;background:radial-gradient(circle at 10% 12%,rgba(166,93,67,.09),transparent 25%),linear-gradient(120deg,#f4ede2,#eadfce);border-top:1px solid rgba(20,37,31,.1)}
.faq-section::before{content:"10 / QUESTIONS";position:absolute;right:-20px;top:40px;color:rgba(20,37,31,.028);font-family:Georgia,serif;font-size:88px;letter-spacing:.03em;pointer-events:none}
.faq-section__layout{position:relative;display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);gap:clamp(60px,8vw,120px);align-items:start}
.faq-section__intro{position:sticky;top:140px}
.faq-section__intro>p:not(.section-kicker){max-width:420px;margin:27px 0 31px;color:var(--ink-soft);font-family:var(--serif);font-size:14px;line-height:2}
.faq-list{border-top:1px solid rgba(20,37,31,.22)}
.faq-list details{border-bottom:1px solid rgba(20,37,31,.18)}
.faq-list summary{display:grid;grid-template-columns:36px 1fr 28px;gap:17px;align-items:center;padding:24px 0;cursor:pointer;list-style:none;font-family:var(--serif);font-size:18px;line-height:1.5}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary>span{color:var(--gold-deep);font-family:Georgia,serif;font-size:9px}
.faq-list summary>i{display:grid;place-items:center;width:28px;height:28px;border:1px solid rgba(20,37,31,.2);color:var(--wine);font-family:Georgia,serif;font-size:17px;font-style:normal;transition:transform .25s,background .25s,color .25s}
.faq-list details[open] summary>i{transform:rotate(45deg);background:var(--wine);color:var(--paper-soft);border-color:var(--wine)}
.faq-list details p{margin:0;padding:0 45px 25px 53px;color:var(--ink-soft);font-family:var(--serif);font-size:12px;line-height:1.95}
.cta-band{background:radial-gradient(circle at 77% 22%,rgba(200,164,102,.22),transparent 24%),radial-gradient(circle at 15% 90%,rgba(20,37,31,.18),transparent 25%),linear-gradient(118deg,#56231d 0,#76362b 54%,#4b1e1a 100%);box-shadow:inset 0 1px 0 rgba(234,213,169,.3)}
.site-footer{background:radial-gradient(circle at 80% 0,rgba(200,164,102,.07),transparent 25%),linear-gradient(180deg,#0a1e18,#071712);border-top:1px solid rgba(200,164,102,.21)}
@media (max-width:1080px){
  .service-spectrum__layout{grid-template-columns:1fr;gap:48px}
  .service-spectrum__intro{position:static;max-width:720px}
  .service-spectrum__grid a{min-height:200px}
  .quality__layout{grid-template-columns:1fr;gap:58px}
  .quality__copy{max-width:720px}
  .quality__visual{width:min(760px,100%);margin-left:auto}
  .faq-section__layout{grid-template-columns:1fr;gap:44px}
  .faq-section__intro{position:static;max-width:720px}
}
@media (max-width:767px){
  .header-main{min-height:68px}
  .hero__layout{min-height:0}
  .hero::before{background-size:100% 100%,62px 62px,62px 62px}
  .hero__ambient::before{left:-170px;bottom:-235px;width:480px;height:480px;box-shadow:0 0 0 55px rgba(200,164,102,.015),0 0 0 56px rgba(200,164,102,.1)}
  .hero__main{box-shadow:0 25px 55px rgba(0,0,0,.35),10px 10px 0 rgba(200,164,102,.04)}
  .service-spectrum{padding:78px 0 82px}
  .service-spectrum::before{right:-250px;width:540px;height:540px}
  .service-spectrum::after{font-size:190px;bottom:-56px}
  .service-spectrum__layout{gap:34px}
  .service-spectrum__intro h2{font-size:clamp(34px,10vw,43px)}
  .service-spectrum__intro>p:last-child{margin-top:21px;font-size:12px;line-height:1.9}
  .service-spectrum__grid{grid-template-columns:1fr}
  .service-spectrum__grid a{grid-template-columns:29px 1fr 22px;min-height:0;padding:22px 18px 23px}
  .service-spectrum__grid small{margin-bottom:14px}
  .service-spectrum__grid h3{font-size:22px}
  .service-spectrum__grid p{font-size:10px;line-height:1.75}
  .collection{padding-top:80px}
  .collection .section-head__aside p{color:rgba(250,245,234,.58)}
  .collection__rail span{color:rgba(250,245,234,.56);border-color:rgba(234,213,169,.13)}
  .capabilities{padding-top:82px;padding-bottom:86px}
  .quality{padding:82px 0 84px}
  .quality__copy h2{font-size:clamp(34px,10vw,42px)}
  .quality__lead{font-size:12px;line-height:1.9}
  .quality__checks article{grid-template-columns:30px 1fr;gap:13px;padding:18px 0}
  .quality__checks h3{font-size:20px}
  .quality__checks p{font-size:10px}
  .quality__visual{margin-top:8px}
  .quality__seal{top:-22px;right:-5px;width:82px;height:82px}
  .quality__seal strong{font-size:20px}.quality__seal span{font-size:5px}.quality__seal small{font-size:6px}
  .material-swatches{gap:8px;padding:8px}
  .material-swatch{min-height:145px}
  .material-swatch strong{left:13px;bottom:34px;font-size:17px}
  .material-swatch small{left:13px;bottom:18px;font-size:6px}
  .quality__note{text-align:left;font-size:7px}
  .scenarios{padding-top:82px;padding-bottom:88px}
  .case-notes{padding-top:80px;padding-bottom:82px}
  .faq-section{padding-top:78px;padding-bottom:78px}
  .faq-section::before{top:25px;font-size:48px}
  .faq-section__layout{gap:31px}
  .faq-section__intro h2{font-size:clamp(33px,9.8vw,41px)}
  .faq-section__intro>p:not(.section-kicker){margin:20px 0 25px;font-size:12px;line-height:1.9}
  .faq-list summary{grid-template-columns:25px 1fr 26px;gap:11px;padding:19px 0;font-size:15px}
  .faq-list summary>i{width:26px;height:26px;font-size:15px}
  .faq-list details p{padding:0 0 21px 36px;font-size:11px;line-height:1.85}
}


/* ===== v4 editorial art direction: warm paper, restrained metal accents ===== */
body{background:linear-gradient(180deg,#eee6d9 0,#dcd0be 100%)}
.site-header{background:rgba(248,243,234,.95);box-shadow:0 1px 0 rgba(20,37,31,.1),0 12px 32px rgba(45,32,20,.045)}
.hero{background:radial-gradient(ellipse at 82% 24%,rgba(139,76,52,.28),transparent 34%),radial-gradient(ellipse at 10% 82%,rgba(40,89,67,.23),transparent 36%),linear-gradient(122deg,#071813 0,#102d23 48%,#071a15 100%)}
.hero__ambient::after{display:none}
.hero__standards{background:#0c211a}
.capabilities{background:radial-gradient(circle at 10% 6%,rgba(200,164,102,.13),transparent 25%),repeating-linear-gradient(0deg,rgba(20,37,31,.025) 0 1px,transparent 1px 7px),linear-gradient(124deg,#f7f1e6,#e8ddcd 62%,#d5c4ad)}
.quality{background:radial-gradient(circle at 80% 18%,rgba(200,164,102,.14),transparent 24%),repeating-linear-gradient(90deg,rgba(234,213,169,.025) 0 1px,transparent 1px 8px),linear-gradient(118deg,#451e1a,#672d25 54%,#391816)}
.material-swatches{padding:18px;border:1px solid rgba(234,213,169,.34);background:rgba(250,245,234,.08);box-shadow:0 30px 62px rgba(0,0,0,.18)}
.material-swatch{border:1px solid rgba(250,245,234,.18);box-shadow:0 12px 25px rgba(0,0,0,.12)}
.faq-section{background:repeating-linear-gradient(0deg,rgba(20,37,31,.025) 0 1px,transparent 1px 6px),radial-gradient(circle at 8% 13%,rgba(166,93,67,.08),transparent 24%),#f1e9dc}
@media (max-width:1080px){
  .service-spectrum__layout{grid-template-columns:1fr}
  .service-spectrum__intro{max-width:none;padding:50px 42px;border-right:1px solid rgba(20,37,31,.13);border-bottom:0}
  .service-spectrum__intro h2{max-width:720px}
  .service-spectrum__intro>p:last-child{max-width:660px}
}
@media (max-width:767px){
  .service-spectrum{padding:76px 0;background-size:54px 100%,auto,auto}
  .service-spectrum::before{top:27px;right:24px;font-size:7px}
  .service-spectrum::after{right:-165px;bottom:-210px;width:360px;height:360px}
  .service-spectrum__intro{max-width:none;padding:39px 23px 41px}
  .service-spectrum__intro h2{font-size:clamp(34px,10vw,43px)}
  .service-spectrum__intro>p:last-child{margin-top:21px;font-size:12px;line-height:1.9}
  .service-spectrum__grid a{grid-template-columns:27px 1fr 20px;min-height:0;padding:22px 17px 23px}
  .service-spectrum__grid small{margin-bottom:13px}
  .service-spectrum__grid h3{font-size:22px}
  .collection{padding:84px 0 92px;background-size:auto,auto,auto}
  .collection::before{top:28px;right:auto;left:24px;font-size:7px}
  .collection::after{display:none}
  .collection__head{margin-bottom:28px;padding-bottom:27px}
  .collection .section-head__aside p{color:var(--ink-soft)}
  .collection .section-head__aside .text-link{color:var(--wine)}
  .collection__rail{margin-bottom:24px}
  .collection__rail span{color:#55615b;border-color:rgba(20,37,31,.15)}
  .collection-grid{gap:18px}
  .collection .product-card:nth-child(n) .product-card__media{aspect-ratio:4/3}
  .collection .product-card__body{right:auto;bottom:auto;left:auto;min-height:116px;padding:17px 18px 18px}
  .collection .product-card h3{font-size:20px}
  .collection .product-card__body p{display:-webkit-box;max-height:3.4em;margin-top:7px;font-size:9px;line-height:1.7}
  .collection .product-card__arrow{width:31px;height:31px;font-size:13px}
}

/* ===== v5 bespoke enterprise composition: split hero, tactile paper, richer section rhythm ===== */
.hero{
  color:var(--ink);
  background:
    radial-gradient(circle at 5% 14%,rgba(200,164,102,.18),transparent 25%),
    linear-gradient(106deg,#f7f2e9 0 51.45%,#0a2118 51.7% 100%);
}
.hero::before{
  background-image:
    linear-gradient(rgba(20,37,31,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(20,37,31,.045) 1px,transparent 1px);
  background-size:92px 92px;
  mask-image:linear-gradient(90deg,#000 0,#000 45%,transparent 55%);
}
.hero::after{display:none}
.hero__ambient{
  background:
    radial-gradient(circle at 78% 17%,rgba(200,164,102,.16),transparent 21%),
    radial-gradient(circle at 88% 76%,rgba(112,45,37,.28),transparent 29%),
    linear-gradient(115deg,transparent 45%,rgba(4,18,12,.38) 45.2%);
}
.hero__ambient::before{
  left:auto;right:-185px;bottom:-280px;width:650px;height:650px;
  border-color:rgba(200,164,102,.16);box-shadow:0 0 0 76px rgba(200,164,102,.018);
}
.hero__ambient::after{
  right:7.5%;top:6%;width:39%;height:47%;
  border-color:rgba(234,213,169,.17);box-shadow:none;transform:translate(22px,-18px);
}
.hero__topline{
  border-color:rgba(20,37,31,.2);
  color:rgba(20,37,31,.58);
}
.hero__topline span:last-child{color:var(--wine)}
.hero__monogram{background:var(--forest);color:var(--gold-soft);border-color:var(--gold)}
.hero h1>span{color:var(--ink);text-shadow:none;font-weight:600}
.hero h1>small{color:var(--wine);text-shadow:none}
.hero__lead{color:var(--ink-soft)}
.hero__text-link{color:var(--ink);border-color:rgba(20,37,31,.34)}
.hero__text-link:hover{color:var(--wine);border-color:var(--wine)}
.hero__categories{border-color:rgba(20,37,31,.19)}
.hero__categories a{color:var(--ink)}
.hero__categories a+a{border-color:rgba(20,37,31,.19)}
.hero__categories span{color:var(--wine)}
.hero__gallery::before{
  top:34px;right:-14px;border-color:rgba(200,164,102,.45);
  box-shadow:18px 18px 0 rgba(200,164,102,.045);
}
.hero__main{
  border:9px solid #f5ecde;
  box-shadow:0 36px 76px rgba(0,0,0,.42),20px 20px 0 rgba(200,164,102,.08);
  transform:rotate(.45deg);
}
.hero__main::after{inset:12px;border-color:rgba(234,213,169,.33)}
.hero__detail{
  border:7px solid #efe2d0;
  box-shadow:22px 26px 55px rgba(0,0,0,.32),0 0 0 1px rgba(200,164,102,.42);
}
.hero__stamp{
  background:#f4eadb;color:var(--forest);
  box-shadow:0 18px 40px rgba(0,0,0,.3),inset 0 0 0 5px rgba(200,164,102,.1);
}
.hero__stamp span{color:var(--ink-soft)}
.hero__vertical{color:rgba(250,245,234,.43)}
.hero__standards{
  background:linear-gradient(90deg,#dcc5a8 0,#ead9c1 48%,#d5b997 100%);
  border-color:rgba(20,37,31,.16);
  color:var(--ink);
}
.hero__standards-grid{background-image:linear-gradient(90deg,rgba(20,37,31,.035) 1px,transparent 1px);background-size:25% 100%}
.hero__standards p{border-color:rgba(20,37,31,.15)}
.hero__standards span{color:var(--wine)}
.hero__standards strong{color:var(--ink)}
.hero__standards small{color:rgba(20,37,31,.56)}

.studio{
  background:
    radial-gradient(circle at 78% 10%,rgba(200,164,102,.17),transparent 23%),
    linear-gradient(116deg,#fbf7ef 0 58%,#e3d3bd 58% 100%);
}
.studio::after{opacity:.2;clip-path:polygon(17% 0,100% 0,100% 100%,0 100%)}
.studio__visual-main{border:8px solid #fbf7ef;box-shadow:26px 30px 66px rgba(21,36,30,.16)}
.studio__visual-detail{border-color:#f8f0e4}
.studio__note{background:linear-gradient(145deg,#15372b,#091d16)}

.service-spectrum{
  background:
    linear-gradient(90deg,rgba(20,37,31,.045) 1px,transparent 1px) 0 0/72px 100%,
    radial-gradient(circle at 94% 8%,rgba(200,164,102,.22),transparent 24%),
    linear-gradient(118deg,#eadfce,#dfd0ba);
}
.service-spectrum__layout{box-shadow:0 38px 88px rgba(46,33,20,.17)}
.service-spectrum__intro{
  border-top:5px solid var(--wine);
  background:
    radial-gradient(circle at 20% 10%,rgba(200,164,102,.16),transparent 27%),
    linear-gradient(145deg,#fcf8f0,#eee2d1);
}
.service-spectrum__grid{
  background:
    linear-gradient(125deg,transparent 0 52%,rgba(200,164,102,.035) 52.2%,transparent 52.5%),
    radial-gradient(circle at 92% 8%,rgba(171,101,67,.2),transparent 28%),
    linear-gradient(142deg,#173429,#0a1f18 72%,#071813);
}

.collection{
  background:
    linear-gradient(108deg,transparent 0 72%,rgba(109,48,40,.11) 72% 100%),
    radial-gradient(circle at 90% 4%,rgba(200,164,102,.2),transparent 24%),
    repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,transparent 1px 7px),
    linear-gradient(138deg,#eadfce,#d8c6ae);
}
.collection::before{
  content:"证书定制 · 产品选辑";
  color:rgba(20,37,31,.56);
  font-family:var(--sans);font-size:9px;letter-spacing:.2em;
}
.collection::after{
  left:auto;right:0;top:0;bottom:0;width:18vw;min-width:190px;
  background:linear-gradient(180deg,rgba(109,48,40,.04),rgba(109,48,40,.12));
  border:0;border-left:1px solid rgba(109,48,40,.09);
}
.collection__rail{
  background:linear-gradient(90deg,#10271e,#1a3a2d 65%,#123025);
  border:1px solid rgba(20,37,31,.35);
  box-shadow:0 12px 28px rgba(36,27,17,.1);
}
.collection__rail span{color:rgba(250,245,234,.72);border-color:rgba(234,213,169,.17)}
.collection__rail span:first-child{color:var(--gold-soft)}
.collection .product-card{
  background:#fbf6ed;
  border-color:rgba(20,37,31,.17);
  box-shadow:0 20px 48px rgba(48,34,20,.12);
}
.collection .product-card__body{min-height:150px;padding:24px 25px 25px;background:#fbf6ed}
.collection .product-card__meta{font-size:8px;letter-spacing:.13em}
.collection .product-card__body p{font-size:11px;line-height:1.85}
.collection .product-card__arrow{background:rgba(255,255,255,.35)}

.capabilities{
  background:
    linear-gradient(115deg,rgba(109,48,40,.07) 0 25%,transparent 25.2%),
    radial-gradient(circle at 12% 4%,rgba(200,164,102,.2),transparent 27%),
    radial-gradient(circle at 90% 86%,rgba(109,48,40,.14),transparent 26%),
    linear-gradient(124deg,#f8f2e7 0,#e8dccb 58%,#d5c1a7 100%);
}
.capabilities__media{border-width:8px;border-color:#f8f0e4;box-shadow:28px 36px 78px rgba(49,34,22,.24),14px 14px 0 rgba(109,48,40,.1)}
.capabilities__list{background:rgba(250,246,238,.28);padding:8px 26px;border-top:0;box-shadow:0 18px 50px rgba(61,43,26,.07)}
.capabilities__list article{padding:25px 0}

.scenarios{
  background:
    linear-gradient(118deg,transparent 0 63%,rgba(200,164,102,.045) 63.2%,transparent 63.5%),
    radial-gradient(circle at 92% 14%,rgba(166,93,67,.25),transparent 27%),
    linear-gradient(140deg,#173329 0,#0b2019 68%,#071813 100%);
}
.scenarios::after{content:"";position:absolute;right:-120px;bottom:-190px;width:460px;height:460px;border:1px solid rgba(200,164,102,.13);border-radius:50%;box-shadow:0 0 0 65px rgba(200,164,102,.018);pointer-events:none}
.process{
  background:
    linear-gradient(116deg,transparent 0 57%,rgba(109,48,40,.055) 57.2%,transparent 57.5%),
    radial-gradient(circle at 86% 18%,rgba(166,93,67,.14),transparent 25%),
    radial-gradient(circle at 7% 76%,rgba(200,164,102,.15),transparent 24%),
    linear-gradient(112deg,#faf5eb 0,#e9dfd0 55%,#dbcbb5 100%);
}
.quality{
  background:
    linear-gradient(116deg,transparent 0 62%,rgba(234,213,169,.035) 62.2%,transparent 62.5%),
    radial-gradient(circle at 80% 18%,rgba(200,164,102,.18),transparent 25%),
    linear-gradient(118deg,#481d19 0,#6c3027 54%,#361513 100%);
}
.case-notes{
  background:
    linear-gradient(108deg,transparent 0 72%,rgba(109,48,40,.09) 72% 100%),
    radial-gradient(circle at 87% 8%,rgba(200,164,102,.18),transparent 24%),
    linear-gradient(122deg,#f6eee2 0,#e5d5c0 61%,#ceb599 100%);
}
.journal{
  background:
    linear-gradient(90deg,transparent 0 78%,rgba(109,48,40,.05) 78% 100%),
    radial-gradient(circle at 90% 12%,rgba(200,164,102,.12),transparent 23%),
    repeating-linear-gradient(0deg,transparent 0 79px,rgba(20,37,31,.03) 79px 80px),
    #fbf6ed;
}
.faq-section{
  background:
    linear-gradient(112deg,transparent 0 64%,rgba(20,37,31,.045) 64.2%,transparent 64.5%),
    repeating-linear-gradient(0deg,rgba(20,37,31,.023) 0 1px,transparent 1px 6px),
    radial-gradient(circle at 8% 13%,rgba(166,93,67,.1),transparent 24%),
    #efe5d6;
}
.faq-section::before{content:"CERTIFICATE / CUSTOM";color:rgba(20,37,31,.04);font-size:58px;letter-spacing:.08em}

@media (max-width:980px){
  .hero{background:#f7f2e9}
  .hero::before{mask-image:linear-gradient(180deg,#000 0 52%,transparent 66%)}
  .hero__ambient{background:linear-gradient(180deg,transparent 0 58%,#0a2118 58.2%)}
  .hero__ambient::before{bottom:-270px;right:-210px}
  .hero__ambient::after{display:none}
  .hero__gallery{width:calc(100% + 44px);margin-left:-22px;padding:38px 22px 46px;min-height:640px;background:#0a2118}
  .hero__gallery::before{right:20px}
  .hero__standards{background:linear-gradient(100deg,#dcc5a8,#ead9c1 55%,#d5b997)}
}
@media (max-width:767px){
  .hero__topline span:last-child{display:none}
  .hero h1>span{font-size:clamp(62px,19vw,82px)}
  .hero__gallery{width:calc(100% + 44px);margin-left:-22px;padding:26px 22px 38px;min-height:500px}
  .hero__main{width:91%;height:73%;border-width:6px}
  .hero__detail{width:48%;height:154px;border-width:5px}
  .hero__stamp{top:3px;left:8px}
  .hero__standards{background:linear-gradient(115deg,#dcc5a8,#ead9c1 55%,#d5b997)}
  .collection::after{display:none}
  .collection__rail{display:grid;grid-template-columns:1fr 1fr;background:#10271e}
  .collection__rail span{color:rgba(250,245,234,.72);border-color:rgba(234,213,169,.16);padding:10px;text-align:left}
  .collection__rail span:nth-child(2n){border-right:0}
  .collection__rail span:last-child{grid-column:1/-1;text-align:left;border-bottom:0}
  .collection .product-card__body{min-height:126px;padding:18px 18px 20px}
  .capabilities__list{padding:4px 16px}
  .faq-section::before{font-size:34px;right:-40px;top:18px}
}
/* ===== v6 brand-stage art direction: quieter paper, deeper gallery rhythm, product-led composition ===== */
:root{
  --paper:#eee7dc;--paper-soft:#f8f3ea;--paper-deep:#cdbca5;
  --ink:#10231c;--ink-soft:#5e6a63;--forest:#071a14;--forest-2:#0d2b21;--forest-3:#173d2f;
  --wine:#64271f;--wine-2:#8b4433;--rust:#a75d43;--gold:#c7a164;--gold-soft:#e7cf9e;
  --line:rgba(16,35,28,.17);--line-light:rgba(248,243,234,.17);--white:#fffaf1
}
body{background:linear-gradient(180deg,#d9cbb8 0,#eee7dc 28%,#eee7dc 100%)}
.site-header{background:rgba(247,243,236,.94);box-shadow:0 1px 0 rgba(16,35,28,.14),0 14px 36px rgba(23,17,12,.04);backdrop-filter:blur(18px)}
.header-top{background:#071914}
.site-nav a{letter-spacing:.06em}
.header-cta{border-radius:0;box-shadow:none}

/* Hero: full brand stage, photography leads the first screen */
.hero{
  background:
    radial-gradient(ellipse at 82% 18%,rgba(135,63,43,.42),transparent 33%),
    radial-gradient(ellipse at 14% 82%,rgba(34,86,65,.35),transparent 39%),
    linear-gradient(112deg,#06140f 0,#0b241b 52%,#081a14 100%);
  color:var(--paper-soft)
}
.hero::before{
  background-image:
    linear-gradient(90deg,rgba(232,207,158,.045) 1px,transparent 1px),
    linear-gradient(rgba(232,207,158,.035) 1px,transparent 1px);
  background-size:88px 88px;
  mask-image:linear-gradient(90deg,#000 0,rgba(0,0,0,.7) 56%,transparent 93%)
}
.hero::after{content:"JINXU / CERTIFICATE ATELIER";left:auto;right:-38px;bottom:-20px;color:rgba(248,243,234,.025);font-size:clamp(90px,10vw,170px);letter-spacing:.02em;writing-mode:vertical-rl}
.hero__ambient{
  background:
    linear-gradient(116deg,transparent 0 49.8%,rgba(232,207,158,.13) 49.9%,transparent 50.08%),
    radial-gradient(circle at 88% 78%,rgba(115,49,37,.3),transparent 24%);
}
.hero__ambient::before{left:-220px;bottom:-310px;border-color:rgba(232,207,158,.13);box-shadow:0 0 0 90px rgba(232,207,158,.015)}
.hero__ambient::after{right:4%;top:4%;width:410px;height:410px;border-color:rgba(232,207,158,.09);box-shadow:none}
.hero__layout{grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr);gap:clamp(48px,6vw,92px);min-height:790px;padding-top:72px;padding-bottom:76px}
.hero__copy{padding:23px 0 14px}
.hero__topline{border-color:rgba(232,207,158,.25);color:rgba(248,243,234,.58);margin-bottom:54px}
.hero__topline span:last-child{color:var(--gold-soft)}
.hero__monogram{border-color:rgba(232,207,158,.72);background:rgba(7,26,20,.35)}
.hero h1>span{font-size:clamp(72px,7.6vw,112px);letter-spacing:-.065em;color:#fffaf0}
.hero h1>span::after{content:"";display:block;width:54px;height:2px;margin-top:24px;background:var(--gold)}
.hero h1>small{max-width:600px;margin-top:24px;color:var(--gold-soft);font-size:clamp(26px,2.8vw,40px);line-height:1.43}
.hero__lead{max-width:565px;color:rgba(248,243,234,.63);font-size:13px;line-height:2}
.hero__actions{gap:26px;margin-bottom:44px}
.hero__categories{border-color:rgba(232,207,158,.21)}
.hero__categories a{color:rgba(248,243,234,.84)}
.hero__categories a+a{border-color:rgba(232,207,158,.21)}
.hero__gallery{min-height:650px}
.hero__gallery::before{top:36px;right:auto;left:5%;width:63%;height:76%;border-color:rgba(232,207,158,.3);box-shadow:-18px 18px 0 rgba(232,207,158,.025)}
.hero__main{width:91%;height:82%;top:18px;right:0;border:1px solid rgba(232,207,158,.58);box-shadow:0 42px 92px rgba(0,0,0,.48);transform:rotate(.25deg)}
.hero__main::after{inset:13px;border-color:rgba(255,250,241,.2)}
.hero__main figcaption{background:rgba(5,19,14,.91);padding:16px 19px}
.hero__detail{bottom:0;left:0;width:43%;height:238px;border:8px solid #0b241b;box-shadow:24px 30px 58px rgba(0,0,0,.38),0 0 0 1px rgba(232,207,158,.45)}
.hero__stamp{background:linear-gradient(145deg,#f7f0e3,#ddcbb0);color:var(--forest);box-shadow:0 22px 52px rgba(0,0,0,.36),inset 0 0 0 5px rgba(100,39,31,.06)}
.hero__stamp span{color:rgba(16,35,28,.58)}
.hero__vertical{color:rgba(248,243,234,.49)}
.hero__standards{background:#061611;border-color:rgba(232,207,158,.2)}
.hero__standards-grid{background-image:linear-gradient(90deg,rgba(232,207,158,.08) 1px,transparent 1px);background-size:25% 100%}
.hero__standards p{border-color:rgba(232,207,158,.14)}
.hero__standards span{color:var(--gold)}
.hero__standards strong{color:var(--paper-soft)}
.hero__standards small{color:rgba(248,243,234,.47)}

/* Atelier story: editorial paper with an irregular photographic crop */
.studio{
  padding:138px 0 152px;
  background:
    linear-gradient(90deg,rgba(16,35,28,.035) 1px,transparent 1px) 0 0/92px 100%,
    radial-gradient(circle at 4% 10%,rgba(167,93,67,.13),transparent 25%),
    linear-gradient(112deg,#f7f2e9 0,#eee5d7 62%,#ddcfbb 100%)
}
.studio::after{width:36%;height:74%;top:13%;right:0;background:linear-gradient(145deg,rgba(100,39,31,.15),rgba(100,39,31,.035));clip-path:polygon(22% 0,100% 0,100% 100%,0 100%);opacity:1}
.studio::before{content:"ATELIER / 01";top:40px;right:-4px;color:rgba(16,35,28,.045);font-size:88px}
.studio__layout{grid-template-columns:minmax(0,.82fr) minmax(500px,1.18fr);gap:clamp(58px,7vw,112px);align-items:center}
.studio__copy{padding:18px 0}
.studio__copy h2{font-size:clamp(42px,4.7vw,66px);line-height:1.15}
.studio__copy h2 em{color:var(--wine)}
.studio__lead{max-width:520px;margin:30px 0 39px;font-size:14px}
.studio__facts{margin-bottom:38px;border-color:rgba(16,35,28,.19)}
.studio__facts div{padding:21px 16px 23px 0}
.studio__facts strong{color:var(--wine);font-size:9px}
.studio__facts span{font-size:13px}
.studio__visual{min-height:690px}
.studio__visual-main{width:86%;height:76%;border:0;box-shadow:32px 38px 72px rgba(30,21,14,.2);transform:translateY(-18px)}
.studio__visual-main::after{content:"";position:absolute;inset:11px;border:1px solid rgba(255,250,241,.26);pointer-events:none}
.studio__visual-detail{width:40%;height:288px;left:-2%;bottom:3%;border:9px solid #f6f0e5;box-shadow:22px 28px 58px rgba(30,21,14,.18)}
.studio__note{right:0;bottom:0;width:53%;padding:28px 30px 31px;background:linear-gradient(145deg,#6f3026,#421a17 75%);box-shadow:0 25px 58px rgba(31,15,12,.27)}
.studio__note span{color:var(--gold-soft)}
.studio__note p{color:#fff8ec;font-size:17px}

/* Service index: a single oxblood/green architecture instead of a pale card */
.service-spectrum{padding:120px 0;background:linear-gradient(90deg,rgba(16,35,28,.045) 1px,transparent 1px) 0 0/80px 100%,linear-gradient(124deg,#d9ccba,#cbb8a0);border-color:rgba(16,35,28,.14)}
.service-spectrum::before{color:rgba(16,35,28,.5)}
.service-spectrum__layout{box-shadow:0 40px 95px rgba(42,30,20,.22)}
.service-spectrum__intro{
  border:1px solid rgba(232,207,158,.22);border-right:0;
  background:
    radial-gradient(circle at 18% 9%,rgba(232,207,158,.15),transparent 27%),
    linear-gradient(145deg,#78372b,#4d201b 76%);
  color:var(--paper-soft)
}
.service-spectrum__intro h2{color:#fff8ee}
.service-spectrum__intro h2 em{color:var(--gold-soft)}
.service-spectrum__intro>p:last-child{color:rgba(248,243,234,.63)}
.service-spectrum .section-kicker{color:var(--gold-soft)}
.service-spectrum .section-kicker span{color:var(--gold)}
.service-spectrum__grid{background:linear-gradient(125deg,transparent 0 53%,rgba(232,207,158,.035) 53.2%,transparent 53.5%),radial-gradient(circle at 91% 9%,rgba(139,68,51,.24),transparent 28%),linear-gradient(142deg,#112f24,#071b14 72%,#06140f)}
.service-spectrum__grid a{min-height:225px;border-color:rgba(232,207,158,.15)}
.service-spectrum__grid a:hover{background:rgba(232,207,158,.075)}
.service-spectrum__grid h3{font-size:clamp(20px,1.9vw,27px)}

/* Product edition: open gallery on deep forest, not a stack of white cards */
.collection{
  padding:142px 0 158px;color:var(--paper-soft);
  background:
    radial-gradient(circle at 87% 5%,rgba(139,68,51,.25),transparent 27%),
    radial-gradient(circle at 4% 68%,rgba(32,79,60,.33),transparent 29%),
    repeating-linear-gradient(0deg,rgba(248,243,234,.022) 0 1px,transparent 1px 7px),
    linear-gradient(132deg,#0b241b,#071a14 63%,#050f0b);
  border-bottom:1px solid rgba(232,207,158,.2)
}
.collection::before{content:"CERTIFICATE EDITION / 03";color:rgba(232,207,158,.46)}
.collection::after{width:22vw;min-width:240px;background:linear-gradient(180deg,rgba(232,207,158,.025),rgba(100,39,31,.16));border-left:1px solid rgba(232,207,158,.08)}
.collection__head{border-color:rgba(232,207,158,.2)}
.collection .section-kicker,.collection .section-kicker span{color:var(--gold-soft)}
.collection .section-head h2{color:#fff8ee}
.collection .section-head__aside p{color:rgba(248,243,234,.55)}
.collection .section-head__aside .text-link{color:var(--gold-soft);border-color:rgba(232,207,158,.38)}
.collection__rail{background:rgba(248,243,234,.035);border-color:rgba(232,207,158,.22)}
.collection__rail span{color:rgba(248,243,234,.62);border-color:rgba(232,207,158,.14)}
.collection__rail span:first-child{color:var(--gold-soft)}
.collection-grid{grid-template-columns:repeat(12,1fr);gap:58px 24px}
.collection-grid .product-card:nth-child(1){grid-column:span 8}
.collection-grid .product-card:nth-child(2){grid-column:span 4;margin-top:94px}
.collection-grid .product-card:nth-child(3),.collection-grid .product-card:nth-child(4),.collection-grid .product-card:nth-child(5){grid-column:span 4}
.collection-grid .product-card:nth-child(1) .product-card__media{aspect-ratio:1.5/1}
.collection-grid .product-card:nth-child(2) .product-card__media{aspect-ratio:.93/1}
.collection-grid .product-card:nth-child(3) .product-card__media,.collection-grid .product-card:nth-child(4) .product-card__media,.collection-grid .product-card:nth-child(5) .product-card__media{aspect-ratio:1.12/1}
.collection .product-card{background:transparent;border:0;box-shadow:none}
.collection .product-card:hover{transform:none;box-shadow:none}
.collection .product-card__media{border:1px solid rgba(232,207,158,.22);background:#10231c}
.collection .product-card__media img{filter:saturate(.8) contrast(1.06) brightness(.92)}
.collection .product-card:hover .product-card__media img{filter:saturate(.95) contrast(1.04) brightness(.96);transform:scale(1.025)}
.collection .product-card__index{background:rgba(248,243,234,.93);color:var(--wine);border:0}
.collection .product-card__body{display:flex;min-height:0;padding:19px 0 0;border-top:1px solid rgba(232,207,158,.28);background:transparent;color:var(--paper-soft)}
.collection .product-card:hover .product-card__body{background:transparent}
.collection .product-card__meta{color:rgba(232,207,158,.7);font-size:7px}
.collection .product-card h3{color:#fff8ee}
.collection .product-card a:hover h3{color:var(--gold-soft)}
.collection .product-card__body p{color:rgba(248,243,234,.5);font-size:10px;line-height:1.8}
.collection .product-card__arrow{border-color:rgba(232,207,158,.36);background:transparent;color:var(--gold-soft)}

/* Capability spread: tactile paper, image and rules, no card-on-card */
.capabilities{padding:136px 0;background:radial-gradient(circle at 10% 5%,rgba(167,93,67,.14),transparent 27%),radial-gradient(circle at 91% 88%,rgba(199,161,100,.15),transparent 25%),linear-gradient(124deg,#e6dbc9,#d1bea4)}
.capabilities__head{margin-bottom:58px}
.capabilities__head h2 em{color:var(--wine)}
.capabilities__media{border:0;box-shadow:32px 38px 80px rgba(44,31,21,.24);transform:translateY(0)}
.capabilities__media::after{inset:12px;border-color:rgba(248,243,234,.23)}
.capabilities__media figcaption{background:linear-gradient(180deg,transparent,rgba(5,20,15,.95))}
.capabilities__list{background:rgba(248,243,234,.18);padding:8px 28px;border-top:1px solid rgba(16,35,28,.22);box-shadow:none}
.capabilities__list article{grid-template-columns:42px 1fr;padding:27px 0;border-color:rgba(16,35,28,.17)}
.capabilities__list article>span{color:var(--wine)}

/* Scenes: darker cinematic strip with staggered imagery */
.scenarios{background:radial-gradient(circle at 92% 12%,rgba(139,68,51,.26),transparent 27%),linear-gradient(140deg,#132f25,#081d16 67%,#06140f)}
.scenarios .section-kicker,.scenarios .section-kicker span{color:var(--gold-soft)}
.scenarios__head h2{color:#fff8ee}
.scenarios__head>p:last-child{color:rgba(248,243,234,.55)}
.scenario-cards{grid-template-columns:1.13fr .86fr .93fr;gap:18px}
.scenario-card{border-color:rgba(232,207,158,.25);box-shadow:0 26px 60px rgba(0,0,0,.3)}
.scenario-card img{filter:saturate(.68) contrast(1.07) brightness(.78)}
.scenario-card__shade{background:linear-gradient(180deg,rgba(5,20,15,.02) 20%,rgba(5,19,14,.9) 100%)}
.scenario-card__body{padding:31px 29px}
.scenario-card__body span{color:var(--gold-soft)}

/* Process: night-green worktable with a wine commission panel */
.process{
  padding:128px 0;color:var(--paper-soft);
  background:
    linear-gradient(116deg,transparent 0 63%,rgba(232,207,158,.035) 63.2%,transparent 63.5%),
    radial-gradient(circle at 88% 14%,rgba(139,68,51,.2),transparent 25%),
    linear-gradient(128deg,#081a14,#102c22 58%,#071712);
  border-color:rgba(232,207,158,.16)
}
.process::before{content:"PROCESS";color:rgba(248,243,234,.027);font-size:220px}
.process__layout{grid-template-columns:minmax(320px,.75fr) minmax(0,1.25fr);gap:clamp(54px,7vw,100px)}
.process__intro{
  top:142px;padding:40px 37px 43px;
  background:linear-gradient(145deg,#74352b,#481c18 78%);
  box-shadow:24px 30px 68px rgba(0,0,0,.25);
  border:1px solid rgba(232,207,158,.2)
}
.process .section-kicker{color:var(--gold-soft)}
.process .section-kicker span{color:var(--gold)}
.process__intro h2{color:#fff8ee}
.process__intro>p:not(.section-kicker){color:rgba(248,243,234,.63)}
.process__intro .btn{background:var(--gold);border-color:var(--gold);color:var(--forest)}
.process__intro .btn:hover{background:var(--gold-soft);border-color:var(--gold-soft)}
.process__steps{border-color:rgba(232,207,158,.2);background:rgba(248,243,234,.02)}
.process__steps li{background:transparent;border-color:rgba(232,207,158,.17);min-height:230px}
.process__steps li:hover{background:rgba(232,207,158,.055)}
.process__steps li>span{color:var(--gold)}
.process__steps h3{color:#fff8ee}
.process__steps p{color:rgba(248,243,234,.51)}

/* Material panel: real product crops replace abstract swatches */
.quality{background:radial-gradient(circle at 82% 22%,rgba(199,161,100,.14),transparent 25%),linear-gradient(124deg,#411b18,#672c23 52%,#341514)}
.material-swatches{padding:11px;border-color:rgba(232,207,158,.35);background:rgba(12,5,4,.27);box-shadow:30px 38px 78px rgba(16,7,6,.33)}
.material-swatch{min-height:205px;border-color:rgba(248,243,234,.2)}
.material-swatch>span{background-size:cover!important;background-position:center!important;filter:saturate(.78) contrast(1.08) brightness(.82)}
.material-swatch::after{background:linear-gradient(180deg,rgba(8,4,3,.02) 40%,rgba(8,4,3,.82) 100%)}
.material-swatch--paper>span{background-image:url("../../../static/upload/image/products/award-certificate-set.jpg")!important}
.material-swatch--velvet>span{background-image:url("../../../static/upload/image/products/silk-appointment-book.jpg")!important}
.material-swatch--brass>span{background-image:url("../../../static/upload/image/products/metal-award.jpg")!important}
.material-swatch--stone>span{background-image:url("../../../static/upload/image/products/award-gift-box.jpg")!important}

/* Case and journal: a stronger end-to-end close, then one breathing paper interval */
.case-notes{background:radial-gradient(circle at 87% 7%,rgba(232,207,158,.12),transparent 24%),linear-gradient(122deg,#091c16,#0e281f 68%,#071712);color:var(--paper-soft)}
.case-notes::after{border-color:rgba(232,207,158,.09);box-shadow:0 0 0 96px rgba(232,207,158,.018)}
.case-notes .section-kicker,.case-notes .section-kicker span{color:var(--gold-soft)}
.case-notes .section-head h2{color:#fff8ee}
.case-notes .section-head__aside p{color:rgba(248,243,234,.54)}
.case-notes .section-head__aside .text-link{color:var(--gold-soft);border-color:rgba(232,207,158,.4)}
.case-feature{border-color:rgba(232,207,158,.27);box-shadow:0 32px 72px rgba(0,0,0,.25)}
.case-feature__body{background:linear-gradient(145deg,#7b392d,#4a1f1a 82%)}
.journal{
  padding:132px 0;
  background:
    linear-gradient(90deg,transparent 0 74%,rgba(100,39,31,.075) 74% 100%),
    radial-gradient(circle at 89% 5%,rgba(199,161,100,.16),transparent 23%),
    repeating-linear-gradient(0deg,transparent 0 79px,rgba(16,35,28,.032) 79px 80px),
    #f3ece1
}
.journal::before{content:"09";position:absolute;right:4%;top:26px;color:rgba(16,35,28,.04);font-family:Georgia,serif;font-size:180px;line-height:1;pointer-events:none}
.journal .container{position:relative}
.news-list-mini{border-color:rgba(16,35,28,.21)}
.news-mini{border-color:rgba(16,35,28,.16)}
.news-mini:hover{background:rgba(100,39,31,.055)}
.news-mini time{color:var(--wine)}

/* FAQ: dark library panel, not another beige sheet */
.faq-section{
  padding:128px 0;
  background:
    radial-gradient(circle at 88% 10%,rgba(139,68,51,.2),transparent 26%),
    linear-gradient(112deg,rgba(232,207,158,.035) 0 49.8%,transparent 50%),
    linear-gradient(128deg,#0a2119,#102e23 66%,#071a14);
  color:var(--paper-soft);border-top:1px solid rgba(232,207,158,.18)
}
.faq-section::before{content:"10 / QUESTIONS";color:rgba(232,207,158,.055);font-size:76px}
.faq-section .section-kicker{color:var(--gold-soft)}
.faq-section .section-kicker span{color:var(--gold)}
.faq-section__intro h2{color:#fff8ee}
.faq-section__intro>p:not(.section-kicker){color:rgba(248,243,234,.56)}
.faq-section__intro .text-link{color:var(--gold-soft);border-color:rgba(232,207,158,.4)}
.faq-list{border-color:rgba(232,207,158,.24)}
.faq-list details{border-color:rgba(232,207,158,.15)}
.faq-list summary{color:#fff8ee}
.faq-list summary>span{color:var(--gold)}
.faq-list summary>i{border-color:rgba(232,207,158,.29);color:var(--gold-soft)}
.faq-list details[open] summary>i{background:var(--gold);border-color:var(--gold);color:var(--forest)}
.faq-list details p{color:rgba(248,243,234,.55)}
.cta-band{background:radial-gradient(circle at 77% 22%,rgba(232,207,158,.17),transparent 24%),radial-gradient(circle at 15% 90%,rgba(7,26,20,.25),transparent 25%),linear-gradient(118deg,#4d1e19,#79392d 55%,#421916)}
.site-footer{background:linear-gradient(180deg,#071a14,#040e0a)}

@media (max-width:1080px){
  .hero__layout{grid-template-columns:minmax(0,.95fr) minmax(430px,.95fr);gap:36px;min-height:710px}
  .hero h1>span{font-size:clamp(66px,8vw,92px)}
  .hero__gallery{min-height:590px}
  .studio__layout{grid-template-columns:1fr;gap:58px}
  .studio__copy{max-width:760px}
  .studio__visual{width:min(760px,100%);min-height:630px;margin-left:auto}
  .collection-grid .product-card:nth-child(2){margin-top:60px}
  .process__layout{grid-template-columns:1fr;gap:48px}
  .process__intro{position:static;max-width:760px}
  .faq-section__layout{grid-template-columns:1fr;gap:44px}
  .faq-section__intro{position:static;max-width:760px}
}

@media (max-width:980px){
  .hero{background:linear-gradient(150deg,#06140f,#0d2b21 66%,#081a14)}
  .hero__layout{grid-template-columns:1fr;padding-top:54px;padding-bottom:70px;gap:50px}
  .hero__copy{padding:0}
  .hero__topline{margin-bottom:38px}
  .hero h1>span{font-size:clamp(68px,13vw,102px)}
  .hero__gallery{width:min(760px,100%);min-height:620px;margin-left:auto}
  .hero__standards{background:#061611}
  .service-spectrum__intro{max-width:none;padding:50px 42px}
  .service-spectrum__grid a{min-height:205px}
  .scenario-cards{grid-template-columns:1fr 1fr}
  .scenario-card:nth-child(2){margin-top:50px}
  .scenario-card:nth-child(3){grid-column:1/-1;min-height:390px}
  .scenario-card:nth-child(3) img{min-height:390px}
}

@media (max-width:767px){
  .hero__layout{padding-top:31px;padding-bottom:31px;gap:25px}
  .hero__copy{padding:0}
  .hero__topline{gap:9px;margin-bottom:25px;padding-bottom:12px;font-size:6px}
  .hero__monogram{width:24px;height:24px}
  .hero h1{margin-bottom:19px}
  .hero h1>span{font-size:clamp(47px,14.5vw,60px);letter-spacing:-.06em}
  .hero h1>span::after{width:38px;height:1px;margin-top:19px}
  .hero h1>small{max-width:345px;margin-top:17px;font-size:clamp(20px,5.7vw,24px);line-height:1.48}
  .hero__lead{display:-webkit-box;max-width:360px;margin-bottom:23px;overflow:hidden;font-size:11px;line-height:1.86;-webkit-box-orient:vertical;-webkit-line-clamp:3}
  .hero__actions{gap:11px;margin-bottom:27px}
  .hero__actions .btn{min-height:48px}
  .hero__categories a{padding:12px 8px 12px 0;font-size:9px}
  .hero__categories span{font-size:7px}
  .hero__gallery{width:calc(100% + 44px);min-height:350px;margin:0 0 0 -22px;padding:18px 22px 25px;background:linear-gradient(145deg,#112d23,#071a14)}
  .hero__gallery::before{top:24px;right:22px;left:auto;width:67%;height:63%}
  .hero__main{width:91%;height:77%;top:0;border-width:1px;transform:none}
  .hero__main::after{inset:8px}
  .hero__main figcaption{padding:9px 10px;font-size:5px}
  .hero__detail{width:42%;height:126px;left:-2px;bottom:-2px;border-width:5px}
  .hero__detail figcaption{padding:7px 8px;font-size:5px}
  .hero__stamp{top:13px;left:8px;width:61px;height:61px;padding:7px}
  .hero__stamp strong{font-size:14px}
  .hero__stamp span{font-size:4px}
  .hero__vertical{display:none}
  .hero__standards p{min-height:65px;padding:10px 9px}
  .hero__standards strong{font-size:12px}
  .hero__standards small{font-size:6px}

  .studio{padding:76px 0 86px;background:linear-gradient(154deg,#f7f2e9,#e6d9c8)}
  .studio::after{width:42%;height:43%;top:auto;bottom:0}
  .studio::before{display:none}
  .studio__layout{gap:38px}
  .studio__copy h2{font-size:clamp(34px,10.2vw,43px);line-height:1.2}
  .studio__lead{font-size:12px;line-height:1.9}
  .studio__facts span{font-size:10px}
  .studio__visual{min-height:430px}
  .studio__visual-main{width:93%;height:73%;transform:translateY(-8px)}
  .studio__visual-detail{width:43%;height:177px;border-width:6px}
  .studio__note{width:58%;padding:18px 16px 19px}
  .studio__note p{font-size:12.5px}

  .service-spectrum{padding:74px 0 80px}
  .service-spectrum__intro{padding:35px 23px 38px}
  .service-spectrum__intro h2{font-size:clamp(32px,9.5vw,41px)}
  .service-spectrum__grid a{min-height:0;padding:21px 16px 22px}
  .service-spectrum__grid h3{font-size:20px}
  .service-spectrum__grid small{margin-bottom:13px}

  .collection{padding:78px 0 88px}
  .collection__head{margin-bottom:26px;padding-bottom:26px}
  .collection::after{display:none}
  .collection__rail{display:grid;grid-template-columns:1fr 1fr;background:rgba(248,243,234,.035)}
  .collection__rail span{padding:9px;font-size:7px;text-align:left}
  .collection__rail span:last-child{grid-column:1/-1}
  .collection-grid{grid-template-columns:1fr 1fr;gap:29px 12px}
  .collection-grid .product-card:nth-child(n){grid-column:auto;margin-top:0}
  .collection-grid .product-card:nth-child(1),.collection-grid .product-card:nth-child(2){grid-column:span 2}
  .collection-grid .product-card:nth-child(1) .product-card__media,.collection-grid .product-card:nth-child(2) .product-card__media{aspect-ratio:4/3}
  .collection-grid .product-card:nth-child(3) .product-card__media,.collection-grid .product-card:nth-child(4) .product-card__media,.collection-grid .product-card:nth-child(5) .product-card__media{aspect-ratio:1/1}
  .collection .product-card__index{top:10px;left:10px;width:27px;height:27px;font-size:8px}
  .collection .product-card__body{min-height:0;padding:14px 0 0}
  .collection .product-card__meta{font-size:6px;margin-bottom:5px}
  .collection .product-card h3{font-size:18px}
  .collection .product-card__body p{display:none}
  .collection .product-card__arrow{flex:none;width:26px;height:26px;background:transparent;color:var(--gold-soft)}

  .capabilities{padding:80px 0 84px}
  .capabilities__head{margin-bottom:32px}
  .capabilities__media{min-height:305px}
  .capabilities__list{padding:2px 0;background:transparent}
  .capabilities__list article{grid-template-columns:30px 1fr;gap:12px;padding:21px 0}

  .scenarios{padding-top:80px;padding-bottom:84px}
  .scenarios__head{margin-bottom:31px}
  .scenario-cards{display:flex;gap:14px;margin-right:-22px;padding-right:22px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
  .scenario-cards::-webkit-scrollbar{display:none}
  .scenario-card,.scenario-card:nth-child(2),.scenario-card:nth-child(3){flex:0 0 82%;grid-column:auto;min-height:372px;margin-top:0;scroll-snap-align:start}
  .scenario-card img,.scenario-card:nth-child(3) img{min-height:372px}
  .scenario-card__body{padding:23px 21px}

  .process{padding:76px 0 82px}
  .process::before{font-size:120px}
  .process__layout{gap:36px}
  .process__intro{padding:31px 24px 34px}
  .process__intro h2{font-size:33px}
  .process__steps{grid-template-columns:1fr}
  .process__steps li{min-height:0;padding:21px 15px 23px 0}

  .quality{padding:82px 0 86px}
  .material-swatches{gap:8px;padding:8px}
  .material-swatch{min-height:142px}
  .quality__seal{top:-21px;right:-2px;width:82px;height:82px}
  .quality__seal strong{font-size:20px}

  .case-notes{padding-top:80px;padding-bottom:82px}
  .case-feature__body{background:linear-gradient(145deg,#713329,#441c18)}
  .case-feature__media{min-height:300px}

  .journal{padding:80px 0 76px}
  .journal::before{top:16px;font-size:100px}

  .faq-section{padding:79px 0 84px}
  .faq-section::before{content:"10";top:22px;right:-8px;font-size:92px}
  .faq-section__layout{gap:30px}
  .faq-section__intro h2{font-size:clamp(32px,9.6vw,40px)}
  .faq-section__intro>p:not(.section-kicker){margin:18px 0 23px;font-size:11.5px;line-height:1.9}
  .faq-list summary{grid-template-columns:25px 1fr 26px;gap:10px;padding:18px 0;font-size:14px}
  .faq-list details p{padding:0 0 20px 35px;font-size:10.5px;line-height:1.85}
}

@media (max-width:420px){
  .hero h1>span{font-size:47px}
  .hero__gallery{min-height:326px}
  .hero__main{height:75%}
  .hero__detail{height:114px}
  .studio__visual{min-height:400px}
  .studio__visual-detail{height:164px}
  .collection .product-card h3{font-size:17px}
  .material-swatch{min-height:132px}
}

/* ===== v7 editorial refinement: paper proofing table, fewer decorative tricks, richer cadence ===== */
/* Reduce the "template" feel: large ghost lettering is replaced by technical proof marks. */
.hero::after{display:none}
.journal::before{content:"NOTES / 09";right:22px;top:26px;font-family:var(--sans);font-size:9px;letter-spacing:.18em;color:rgba(16,35,28,.38)}
.process::before{
  content:"制作节点 / PRODUCTION NOTES";right:22px;top:30px;left:auto;bottom:auto;
  color:rgba(16,35,28,.42);font-family:var(--sans);font-size:9px;font-weight:600;
  letter-spacing:.18em;line-height:1;writing-mode:horizontal-tb
}
.faq-section::before{content:"FAQ / 10";right:22px;top:28px;font-family:var(--sans);font-size:9px;letter-spacing:.18em;color:rgba(232,207,158,.35)}

/* The process becomes a pale proofing table: technical, tactile, and a deliberate break from the dark gallery. */
.process{
  color:var(--ink);
  background:
    linear-gradient(90deg,rgba(16,35,28,.045) 1px,transparent 1px) 0 0/86px 100%,
    linear-gradient(180deg,rgba(255,255,255,.2),transparent 42%),
    #e9dfd1;
  border-color:rgba(16,35,28,.17)
}
.process::after{
  content:"";position:absolute;inset:0 0 0 auto;width:34%;pointer-events:none;
  background:linear-gradient(90deg,#e9dfd1 0%,rgba(233,223,209,.88) 25%,rgba(233,223,209,.2) 100%),url("../../../static/upload/image/products/award-certificate-set.jpg") center/cover no-repeat;
  opacity:.4
}
.process>.container{position:relative;z-index:1}
.process .section-kicker{color:var(--wine)}
.process .section-kicker span{color:var(--rust)}
.process__intro{background:linear-gradient(145deg,#733328,#461c18 82%);box-shadow:26px 32px 66px rgba(48,28,18,.18)}
.process__steps{background:rgba(251,247,239,.62);border-color:rgba(16,35,28,.2);box-shadow:0 20px 50px rgba(46,30,19,.07)}
.process__steps li{background:rgba(255,252,246,.16);border-color:rgba(16,35,28,.16)}
.process__steps li:hover{background:rgba(255,252,246,.55)}
.process__steps li>span{color:var(--wine)}
.process__steps h3{color:var(--ink)}
.process__steps p{color:rgba(16,35,28,.62)}

/* Product gallery: keep the imagery dominant, but add a real certificate-surface layer to the long dark run. */
.collection{
  background:
    linear-gradient(90deg,rgba(5,15,11,.95) 0 70%,rgba(5,15,11,.7) 100%),
    url("../../../static/upload/image/products/award-certificate-set.jpg") right center/38% auto no-repeat,
    #061710
}
.collection::after{background:linear-gradient(180deg,rgba(232,207,158,.02),rgba(100,39,31,.09));opacity:.55}
.collection .product-card__media{border-color:rgba(232,207,158,.3)}
.collection .product-card__body{padding-top:17px}

/* Material and quality panel: lacquer-red depth without glowing blobs. */
.quality{background:linear-gradient(118deg,rgba(19,7,6,.25),transparent 44%),repeating-linear-gradient(102deg,rgba(255,244,224,.018) 0 1px,transparent 1px 8px),linear-gradient(135deg,#4b1c18,#742f25 55%,#371311)}
.material-swatches{background:rgba(20,8,7,.34)}

@media (max-width:980px){
  .process::after{width:42%;opacity:.28}
}
@media (max-width:767px){
  .journal::before{right:18px;top:18px;font-size:7px}
  .process{padding:76px 0 82px;background:linear-gradient(90deg,rgba(16,35,28,.04) 1px,transparent 1px) 0 0/58px 100%,#e9dfd1}
  .process::before{right:18px;top:21px;font-size:7px}
  .process::after{display:none}
  .process__steps{background:rgba(251,247,239,.54)}
  .process__steps li{padding-left:14px}
  .faq-section::before{right:18px;top:20px;font-size:7px}
  .collection{background:linear-gradient(180deg,#071a14,#07150f 72%,#06110d)}
  .collection-grid .product-card:nth-child(5){grid-column:span 2}
  .collection-grid .product-card:nth-child(5) .product-card__media{aspect-ratio:16/10}
}

/* ===== v8 material contrast: split-tone hero, tactile proofing board, lighter cadence ===== */
.hero__gallery{isolation:isolate}
.hero__gallery::after{
  content:"";position:absolute;z-index:0;top:38px;right:-34px;bottom:42px;left:68px;
  background:
    linear-gradient(118deg,rgba(255,249,238,.15),transparent 34%),
    repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 6px),
    radial-gradient(circle at 82% 12%,rgba(230,197,143,.3),transparent 31%),
    linear-gradient(145deg,#a9845f 0,#75503c 57%,#3d2820 100%);
  box-shadow:0 32px 82px rgba(0,0,0,.34);
  clip-path:polygon(10% 0,100% 4%,100% 100%,0 92%);
  pointer-events:none
}
.hero__gallery::before{
  z-index:1;top:15px;right:-11px;bottom:20px;left:39px;width:auto;height:auto;
  border-color:rgba(238,213,170,.32)
}
.hero__main{z-index:2;box-shadow:0 40px 88px rgba(12,7,4,.42),0 0 0 1px rgba(232,207,158,.28)}
.hero__detail{z-index:4}
.hero__stamp{z-index:5}
.hero__vertical{z-index:3}
.hero__main figcaption{background:rgba(8,21,16,.94)}
.hero__stamp{background:linear-gradient(145deg,#fbf5e9,#dfccb2);box-shadow:0 24px 55px rgba(0,0,0,.35),inset 0 0 0 1px rgba(255,255,255,.55)}
.hero__standards{
  background:
    linear-gradient(90deg,rgba(112,72,43,.07) 1px,transparent 1px) 0 0/25% 100%,
    linear-gradient(112deg,#d8c7ad,#eadfce 52%,#cdb894);
  border-color:rgba(66,45,30,.2)
}
.hero__standards-grid{background-image:none}
.hero__standards p{border-color:rgba(66,45,30,.18)}
.hero__standards span{color:#8a4937}
.hero__standards strong{color:#17281f}
.hero__standards small{color:rgba(23,40,31,.57)}

.collection{
  background:
    linear-gradient(90deg,#061710 0 65%,rgba(6,23,16,.84) 82%,rgba(6,23,16,.56) 100%),
    radial-gradient(circle at 87% 7%,rgba(150,77,52,.2),transparent 27%),
    url("../../../static/upload/image/products/award-certificate-set.jpg") right 18% center/42% auto no-repeat,
    #061710
}
.collection::after{
  background:linear-gradient(180deg,rgba(232,207,158,.025),rgba(100,39,31,.12));
  opacity:.72
}
.collection .section-head{border-bottom-color:rgba(232,207,158,.22)}

.scenarios{
  background:
    radial-gradient(circle at 3% 9%,rgba(157,77,58,.11),transparent 23%),
    linear-gradient(112deg,rgba(16,35,28,.035) 1px,transparent 1px) 0 0/25% 100%,
    linear-gradient(135deg,#f6f1e8,#e9ddcd 72%,#ddcbb5)
}

@media (max-width:980px){
  .hero__gallery::after{right:-18px;left:52px}
  .hero__gallery::before{right:-4px;left:32px}
}
@media (max-width:767px){
  .hero__gallery::after{top:24px;right:-10px;bottom:26px;left:40px;clip-path:polygon(8% 0,100% 3%,100% 100%,0 95%)}
  .hero__gallery::before{top:8px;right:0;bottom:10px;left:22px}
  .hero__standards{background:#d8c7ad;background-image:linear-gradient(90deg,rgba(66,45,30,.07) 1px,transparent 1px);background-size:50% 100%}
  .collection{background:linear-gradient(180deg,#071a14,#07150f 72%,#06110d)}
}
/* Light proofing interlude: keep the scene cards cinematic, but restore strong text contrast. */
.scenarios{color:var(--ink)}
.scenarios::before{background-image:repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),rgba(16,35,28,.055) calc(25% - 1px),rgba(16,35,28,.055) 25%);mask-image:linear-gradient(180deg,#000,transparent 90%)}
.scenarios::after{border-color:rgba(16,35,28,.09);box-shadow:0 0 0 65px rgba(16,35,28,.018)}
.scenarios .section-kicker{color:var(--wine)}
.scenarios .section-kicker span{color:var(--rust)}
.scenarios__head h2{color:var(--ink)}
.scenarios__head>p:last-child{color:rgba(16,35,28,.64)}
.scenario-card{border-color:rgba(16,35,28,.18);box-shadow:0 28px 62px rgba(35,24,16,.2)}
.scenario-card:nth-child(1),.scenario-card:nth-child(3){box-shadow:0 34px 72px rgba(35,24,16,.24),10px 10px 0 rgba(110,48,39,.08)}

/* ===== v9 art direction: tactile paper, gallery plinths, split editorial chapters ===== */
:root{
  --paper:#f0e9de;--paper-soft:#faf5ec;--paper-deep:#cbb9a0;
  --forest:#071812;--forest-2:#0d2a20;--wine:#5d211c;--wine-2:#82392b;
  --gold:#bb9259;--gold-soft:#e4ca97;--rust:#9d5039
}
body{
  background:
    linear-gradient(90deg,rgba(16,35,28,.018) 1px,transparent 1px) 0 0/97px 100%,
    linear-gradient(180deg,#d8c9b4 0,#eee7dc 20%,#f0e9de 100%)
}
.site-header{border-bottom-color:rgba(184,144,87,.34)}
.header-top{background:linear-gradient(90deg,#06140f,#0b241b 62%,#22130f)}
.site-nav a{position:relative}
.site-nav a::after{content:"";position:absolute;right:0;bottom:29px;left:0;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:right;transition:transform .3s var(--ease)}
.site-nav a:hover::after,.site-nav a.is-active::after{transform:scaleX(1);transform-origin:left}
.header-cta{background:linear-gradient(120deg,#092219,#173b2d)}

/* Hero: the copper proofing board gets a worked edge instead of a flat glow. */
.hero{background:
  radial-gradient(ellipse at 80% 18%,rgba(129,57,42,.36),transparent 34%),
  radial-gradient(ellipse at 17% 82%,rgba(28,80,59,.28),transparent 40%),
  linear-gradient(112deg,#04110c 0,#0b261c 53%,#071811 100%)}
.hero__gallery::after{
  background:
    linear-gradient(112deg,rgba(255,249,238,.16),transparent 30%),
    repeating-linear-gradient(7deg,rgba(255,255,255,.028) 0 1px,transparent 1px 7px),
    radial-gradient(circle at 82% 12%,rgba(235,200,144,.34),transparent 31%),
    linear-gradient(145deg,#9b744e 0,#694837 60%,#302119 100%);
  box-shadow:inset 0 0 0 1px rgba(248,226,190,.14),0 34px 86px rgba(0,0,0,.4)
}
.hero__main{filter:saturate(.94) contrast(1.03)}
.hero__main img{filter:saturate(.82) contrast(1.06) brightness(.9)}
.hero__standards{
  background:
    radial-gradient(circle at 3% 30%,rgba(119,55,42,.1),transparent 22%),
    repeating-linear-gradient(90deg,rgba(91,62,37,.035) 0 1px,transparent 1px 5px),
    linear-gradient(112deg,#d3c0a4,#ebdfcd 52%,#c6ae8b)
}

/* Studio is a printed folio: softer paper, firmer rules, less floating-card feeling. */
.studio{
  background:
    linear-gradient(90deg,rgba(16,35,28,.045) 1px,transparent 1px) 0 0/92px 100%,
    radial-gradient(circle at 3% 8%,rgba(157,80,57,.14),transparent 25%),
    linear-gradient(112deg,#f6f0e7 0,#ece3d5 63%,#d9cab6 100%)
}
.studio__copy h2{letter-spacing:-.035em}
.studio__note{background:linear-gradient(145deg,#78352a,#441a16 80%)}
.studio__visual-main{box-shadow:34px 40px 80px rgba(30,21,14,.23),18px 18px 0 rgba(102,45,35,.05)}
.studio__visual-detail{border-color:#f8f2e7}

/* Service index: dark green structure with oxblood chapter opener and bronze rules. */
.service-spectrum{
  background:
    radial-gradient(circle at 94% 18%,rgba(120,54,41,.17),transparent 27%),
    linear-gradient(90deg,rgba(16,35,28,.04) 1px,transparent 1px) 0 0/80px 100%,
    linear-gradient(124deg,#cfbda4,#b9a386)
}
.service-spectrum__layout{box-shadow:0 44px 95px rgba(42,30,20,.24),18px 18px 0 rgba(85,39,31,.08)}
.service-spectrum__intro{background:
  repeating-linear-gradient(115deg,rgba(250,239,218,.025) 0 1px,transparent 1px 7px),
  radial-gradient(circle at 16% 8%,rgba(232,207,158,.16),transparent 28%),
  linear-gradient(145deg,#79362a,#4c1b17 78%)}
.service-spectrum__grid a{position:relative;overflow:hidden;transition:background .35s var(--ease),padding-left .35s var(--ease)}
.service-spectrum__grid a::after{content:"";position:absolute;right:-24px;bottom:-24px;width:54px;height:54px;border:1px solid rgba(232,207,158,.13);transform:rotate(45deg);transition:transform .35s var(--ease),border-color .35s}
.service-spectrum__grid a:hover{padding-left:26px;background:rgba(232,207,158,.075)}
.service-spectrum__grid a:hover::after{transform:rotate(45deg) translate(-5px,-5px);border-color:rgba(232,207,158,.32)}

/* Collection: the first two works float in the dark gallery; the last three sit on paper plinths. */
.collection{
  background:
    radial-gradient(circle at 88% 4%,rgba(128,57,42,.24),transparent 28%),
    linear-gradient(90deg,rgba(5,15,11,.96) 0 67%,rgba(5,15,11,.68) 100%),
    repeating-linear-gradient(0deg,rgba(248,243,234,.022) 0 1px,transparent 1px 7px),
    url("../../../static/upload/image/products/award-certificate-set.jpg") right 17% center/43% auto no-repeat,
    #061710
}
.collection-grid .product-card:nth-child(n+3){
  padding:11px 11px 0;
  border:1px solid rgba(236,216,180,.34);
  background:
    repeating-linear-gradient(0deg,rgba(88,60,38,.025) 0 1px,transparent 1px 5px),
    linear-gradient(145deg,#f7f0e4,#dfd0ba);
  box-shadow:0 24px 55px rgba(0,0,0,.22)
}
.collection-grid .product-card:nth-child(n+3) .product-card__media{border:0;box-shadow:none;background:#b8a991}
.collection-grid .product-card:nth-child(n+3) .product-card__body{padding:18px 8px 19px;border-top-color:rgba(16,35,28,.18);color:var(--ink)}
.collection-grid .product-card:nth-child(n+3) .product-card__meta{color:var(--wine)}
.collection-grid .product-card:nth-child(n+3) h3{color:var(--ink)}
.collection-grid .product-card:nth-child(n+3) .product-card__body p{color:rgba(16,35,28,.58)}
.collection-grid .product-card:nth-child(n+3) .product-card__arrow{border-color:rgba(16,35,28,.24);color:var(--wine)}
.collection-grid .product-card:nth-child(n+3) .product-card__index{background:var(--wine);color:var(--paper-soft)}

/* Capability spread: a real paper table with bands and registration marks. */
.capabilities{
  background:
    radial-gradient(circle at 8% 8%,rgba(162,81,58,.16),transparent 26%),
    linear-gradient(90deg,rgba(16,35,28,.055) 1px,transparent 1px) 0 0/25% 100%,
    repeating-linear-gradient(0deg,rgba(16,35,28,.018) 0 1px,transparent 1px 7px),
    linear-gradient(124deg,#efe6d9,#ddccb6 64%,#cbb49a)
}
.capabilities__media{box-shadow:34px 40px 82px rgba(44,31,21,.27)}
.capabilities__list{background:rgba(250,246,238,.46);box-shadow:22px 26px 60px rgba(54,37,22,.08)}

/* Scenarios: dark editorial overture, then three cinematic cards on a pale table. */
.scenarios{
  color:var(--ink);
  background:
    linear-gradient(180deg,#0a2119 0 424px,transparent 424px),
    radial-gradient(circle at 96% 24%,rgba(157,80,57,.12),transparent 25%),
    linear-gradient(90deg,rgba(16,35,28,.045) 1px,transparent 1px) 0 0/25% 100%,
    linear-gradient(135deg,#f4eee4,#e7dac9 74%,#d8c5ad)
}
.scenarios .section-kicker{color:var(--gold-soft)}
.scenarios .section-kicker span{color:var(--gold)}
.scenarios__head h2{color:#fff8ec}
.scenarios__head>p:last-child{color:rgba(248,243,234,.63)}
.scenario-card{border-color:rgba(232,207,158,.26)}
.scenario-card__body span{color:var(--gold-soft)}

/* v10: material depth and printed edges instead of large flat colour fields. */
.studio{border-top:1px solid rgba(184,144,87,.2);box-shadow:inset 0 28px 55px rgba(89,57,32,.025)}
.service-spectrum{background:
  radial-gradient(circle at 80% 8%,rgba(102,45,35,.19),transparent 28%),
  repeating-linear-gradient(112deg,rgba(63,43,27,.025) 0 1px,transparent 1px 7px),
  linear-gradient(124deg,#d8c6ae,#bca687 63%,#a78f72)}
.capabilities{border-block:1px solid rgba(184,144,87,.2);box-shadow:inset 0 30px 60px rgba(70,45,27,.025)}
.process{border-top-color:rgba(184,144,87,.34);box-shadow:inset 0 34px 70px rgba(80,50,26,.035)}
.journal{background:
  radial-gradient(circle at 8% 16%,rgba(143,72,50,.1),transparent 24%),
  linear-gradient(90deg,transparent 0 76%,rgba(17,43,32,.045) 76% 100%),
  repeating-linear-gradient(0deg,rgba(17,43,32,.018) 0 1px,transparent 1px 7px),
  #f2eadf;
  border-block:1px solid rgba(184,144,87,.18)}
.case-notes{background:
  radial-gradient(circle at 76% 4%,rgba(120,54,41,.2),transparent 30%),
  linear-gradient(135deg,#0a2219,#071812)}
.cta-band{border-top:1px solid rgba(232,207,158,.32)}
.site-footer{border-top:1px solid rgba(232,207,158,.14)}

/* Process keeps the proofing-table language, but with a clearer warm workbench edge. */
.process{background:
  linear-gradient(90deg,rgba(16,35,28,.045) 1px,transparent 1px) 0 0/86px 100%,
  radial-gradient(circle at 8% 10%,rgba(159,80,57,.1),transparent 23%),
  linear-gradient(112deg,#ede3d4,#dbcbb7 100%)}
.process__intro{background:
  repeating-linear-gradient(110deg,rgba(250,239,218,.025) 0 1px,transparent 1px 7px),
  linear-gradient(145deg,#743127,#461a17 84%)}

/* FAQ: a true oxblood/paper split; the list stays quiet and legible. */
.faq-section{
  color:var(--ink);
  background:
    linear-gradient(90deg,#4a1a17 0 38%,#eee5d8 38% 100%)
}
.faq-section .faq-section__intro{color:var(--paper-soft)}
.faq-section .faq-section__intro h2{color:#fff8ec}
.faq-section .faq-section__intro .section-kicker{color:var(--gold-soft)}
.faq-section .faq-section__intro .section-kicker span{color:var(--gold)}
.faq-section .faq-section__intro>p:not(.section-kicker){color:rgba(248,243,234,.62)}
.faq-section .faq-section__intro .text-link{color:var(--gold-soft);border-color:rgba(232,207,158,.45)}
.faq-section .faq-list{border-top-color:rgba(16,35,28,.23)}
.faq-section .faq-list details{border-bottom-color:rgba(16,35,28,.17)}
.faq-section .faq-list summary{color:var(--ink)}
.faq-section .faq-list details p{color:rgba(16,35,28,.62)}
.faq-section::before{color:rgba(16,35,28,.3)}

@media (max-width:1080px){
  .faq-section{padding-top:0;background:
    radial-gradient(circle at 94% 58%,rgba(139,68,51,.09),transparent 24%),
    linear-gradient(90deg,rgba(16,35,28,.035) 1px,transparent 1px) 0 0/25% 100%,
    #eee5d8}
  .faq-section__intro{
    margin:0 calc((100vw - 100%)/-2) 32px;
    padding:78px calc((100vw - 100%)/2) 50px;
    background:
      repeating-linear-gradient(116deg,rgba(250,239,218,.025) 0 1px,transparent 1px 7px),
      radial-gradient(circle at 18% 8%,rgba(232,207,158,.13),transparent 27%),
      linear-gradient(145deg,#54201b,#421613 82%)
  }
  .scenarios{
    padding-top:0;
    background:
      radial-gradient(circle at 96% 46%,rgba(157,80,57,.1),transparent 25%),
      linear-gradient(90deg,rgba(16,35,28,.045) 1px,transparent 1px) 0 0/25% 100%,
      linear-gradient(135deg,#f4eee4,#e7dac9 74%,#d8c5ad)
  }
  .scenarios__head{
    margin:0 calc((100vw - 100%)/-2) 32px;
    padding:76px calc((100vw - 100%)/2) 46px;
    background:
      linear-gradient(118deg,rgba(157,80,57,.13),transparent 30%),
      repeating-linear-gradient(0deg,rgba(248,243,234,.022) 0 1px,transparent 1px 7px),
      #0a2119
  }
}
@media (max-width:767px){
  .hero__standards{background:
    radial-gradient(circle at 7% 30%,rgba(119,55,42,.11),transparent 25%),
    linear-gradient(90deg,rgba(91,62,37,.06) 1px,transparent 1px) 0 0/50% 100%,
    linear-gradient(112deg,#d4c1a5,#eadfce)}
  .collection{background:
    radial-gradient(circle at 100% 4%,rgba(128,57,42,.2),transparent 30%),
    linear-gradient(180deg,#071a14,#07150f 72%,#06110d)}
  .collection-grid .product-card:nth-child(n+3){padding:8px 8px 0}
  .collection-grid .product-card:nth-child(n+3) .product-card__body{padding:15px 5px 16px}
  .scenarios{background:
    radial-gradient(circle at 96% 46%,rgba(157,80,57,.1),transparent 25%),
    linear-gradient(90deg,rgba(16,35,28,.045) 1px,transparent 1px) 0 0/25% 100%,
    linear-gradient(135deg,#f4eee4,#e7dac9 74%,#d8c5ad)}
  .faq-section__intro{padding-top:72px;padding-bottom:44px;margin-bottom:26px}
  .faq-section::before{color:rgba(232,207,158,.34)}
  .scenarios__head{padding-top:72px;padding-bottom:38px;margin-bottom:26px}
}