@font-face{font-family:Atelier;src:url('assets/editorial.ttf') format('truetype');font-display:swap;font-weight:400 700}
:root{--paper:#f5f4ee;--white:#fdfcf8;--ink:#193f35;--muted:#55645b;--line:#cdd3c8;--lime:#d9e5b8;--serif:Atelier,Georgia,'Times New Roman',serif;--sans:'Helvetica Neue',Arial,'Microsoft YaHei',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--white);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.5}::selection{background:var(--ink);color:var(--paper)}:focus-visible{outline:3px solid #8a6b23;outline-offset:5px}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button,input,select{color:var(--ink)}button{border:0}a,button{touch-action:manipulation}svg{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}img{max-width:100%;display:block}p{margin:0}h1,h2,h3{margin:0;font-weight:400}h1,h2{font-family:var(--serif);letter-spacing:-.035em;line-height:1.05}h1{font-size:clamp(3.5rem,6.4vw,6rem)}h2{font-size:clamp(2.7rem,4.6vw,4.5rem)}em{font-weight:400}button,a,input,select{transition:background-color .2s,color .2s,border-color .2s}a:hover{text-decoration-color:currentColor}a:not(.button):not(.brand):not(.floating):not(.contact a):hover{text-decoration:underline;text-underline-offset:5px}.topline{padding:9px 4.5%;background:var(--ink);color:var(--paper);display:flex;justify-content:space-between;font-size:12px;letter-spacing:.05em}.header{height:103px;padding:0 4.5%;display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--white);border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;font-size:21px;letter-spacing:.11em;line-height:1.1}.brand svg{width:39px;height:39px;stroke-width:1.2}.brand small{display:block;font-size:10px;letter-spacing:.42em;margin-top:7px}.header nav{display:flex;gap:34px;font-size:14px}.head-actions{display:flex;align-items:center;gap:22px}.head-actions button{background:transparent;padding:10px 0;font-size:14px}.button{min-height:50px;display:inline-flex;align-items:center;justify-content:center;padding:15px 27px;background:var(--ink);color:var(--white);font-size:14px;border:1px solid var(--ink);text-align:center}.button:hover{background:#2c5c49}.button.small{min-height:43px;padding:10px 20px}.button.outline{background:transparent;color:var(--ink)}.button.outline:hover{background:var(--ink);color:var(--white)}.hero{display:grid;grid-template-columns:1fr 1.05fr;min-height:660px;background:var(--paper)}.hero-copy{padding:90px 9% 33px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.hero-copy>p{max-width:320px;margin:29px 0 33px;color:var(--muted);font-size:17px;line-height:1.7}.hero-foot{display:flex;flex-direction:column;gap:7px;margin-top:67px;font-size:12px;color:var(--muted)}.hero-foot span:first-child{font-size:11px;letter-spacing:.14em}.hero-art{margin:0;position:relative;overflow:hidden;min-width:0}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:61% center}.hero-art figcaption{position:absolute;bottom:24px;right:25px;background:#f5f4eeea;padding:5px 9px;color:#465a4c;font-size:11px}.index-strip{padding:24px 5%;display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:14px}.index-strip span+span{border-left:1px solid var(--line);padding-left:7%}.section{padding:95px 5%}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:45px}.section-heading>p{width:330px;color:var(--muted);font-size:15px;line-height:1.7;padding-bottom:5px}.catalog-controls{display:flex;justify-content:space-between;gap:25px;padding-bottom:22px;border-bottom:1px solid var(--line)}.search{display:flex;align-items:center;gap:14px;flex:1}.search svg{width:23px;height:23px;flex-shrink:0}.search input{width:100%;border:0;background:transparent;outline-offset:7px;padding:10px 0;font-size:15px;caret-color:var(--ink)}input::placeholder{color:#647064}.sort-label{display:flex;gap:12px;align-items:center;font-size:13px}.sort-label select{border:0;background:transparent;padding:10px 22px 10px 7px;font-size:14px}.result-line{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);padding:20px 0 26px;gap:16px}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:42px 24px}.product{min-width:0}.product-image{aspect-ratio:1/1.08;background:#eeeee6;position:relative;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.8,.2,1)}.product:hover .product-image img{transform:scale(1.035)}.product-index{position:absolute;top:14px;left:15px;font-size:10px;letter-spacing:.13em;color:#455b4b}.product-image .variant-count{position:absolute;bottom:13px;right:13px;background:var(--white);font-size:11px;padding:4px 8px}.product h3{font-size:18px;line-height:1.35;margin:18px 0 8px;min-height:48px;overflow-wrap:anywhere}.variant-label{display:block;font-size:11px;color:var(--muted);margin-bottom:5px}.product select{width:100%;padding:10px 25px 10px 10px;background:transparent;border:1px solid var(--line);font-size:13px;min-height:42px}.sku{font-size:11px;color:var(--muted);margin:9px 0;overflow-wrap:anywhere}.product-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:13px}.price{font-family:var(--serif);font-size:29px;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.price small{font-family:var(--sans);font-size:10px;letter-spacing:0;margin-left:5px}.enquire{font-size:12px;border-bottom:1px solid var(--ink);padding:8px 0}.source-note{font-size:11px;color:#725722;background:#f3edde;padding:8px 10px;margin-top:10px}.load-area{text-align:center;margin-top:48px}.catalog-note{font-size:12px;color:var(--muted);max-width:790px;text-align:center;margin:26px auto 0}.empty{text-align:center;padding:70px 10px}.empty h3{font-size:28px}.empty p{margin:12px 0 24px}.guide{background:var(--paper);display:grid;grid-template-columns:1fr 1fr;gap:80px;border-top:1px solid var(--line)}.guide-title>p{color:var(--muted);font-size:15px;max-width:300px;margin-top:26px}.guide-rows details{border-bottom:1px solid var(--line);padding:23px 0}.guide-rows details:first-child{border-top:1px solid var(--line)}summary{font-size:17px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:15px}summary::after{content:'+';font-size:22px;line-height:1}details[open] summary::after{content:'−'}summary::-webkit-details-marker{display:none}.guide-rows p{font-size:14px;color:var(--muted);line-height:1.8;margin-top:18px}.contact{background:var(--ink);color:var(--paper);display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-top:88px;padding-bottom:88px}.contact h2{font-size:clamp(3rem,5vw,4.9rem)}.contact>div>p{color:#d0dace;max-width:330px;margin-top:26px;font-size:15px}.contacts>a{display:grid;grid-template-columns:1fr 30px;gap:4px;border-bottom:1px solid #62786c;padding:19px 0}.contacts>a:first-child{padding-top:0}.contacts>a span{font-size:11px;color:#c7d5c6}.contacts strong{font-size:26px;font-weight:400;letter-spacing:.025em}.contacts svg{grid-row:1/3;grid-column:2;align-self:center;width:26px;height:26px}.contacts>a:hover{color:var(--lime)}.preferred{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:29px;font-size:12px;color:#d1dcce}.preferred select{background:var(--ink);border:1px solid #839789;color:var(--paper);padding:10px;font-size:13px;max-width:100%}footer{padding:55px 5% 32px;background:var(--paper)}.footer-wordmark{font-family:var(--serif);font-size:clamp(2rem,7vw,7rem);letter-spacing:-.035em;display:block;border-bottom:1px solid var(--line);padding-bottom:30px;line-height:1.2}footer>div{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);gap:15px;padding-top:22px}.floating{position:fixed;right:24px;bottom:24px;background:var(--lime);color:var(--ink);padding:13px 18px;display:flex;align-items:center;gap:10px;border-radius:30px;font-size:13px;box-shadow:0 6px 24px #193f3520;z-index:5}.floating svg{width:22px;height:22px}.skip{position:fixed;left:15px;top:-70px;background:var(--ink);color:white;padding:15px;z-index:99}.skip:focus{top:10px}[hidden]{display:none!important}::-webkit-scrollbar{width:9px}::-webkit-scrollbar-track{background:var(--paper)}::-webkit-scrollbar-thumb{background:#8e9e8d;border:2px solid var(--paper)}
@media(min-width:1500px){.section{padding-left:max(5%,calc((100vw - 1360px)/2));padding-right:max(5%,calc((100vw - 1360px)/2))}.hero-copy{padding-left:max(9%,calc((100vw - 1360px)/2))}.hero{min-height:740px}}
@media(max-width:1000px){.header nav{gap:18px}.hero{min-height:580px}.hero-copy{padding-top:70px}.hero-foot{margin-top:45px}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.guide,.contact{gap:45px}.preferred{align-items:flex-start;flex-direction:column}}
@media(max-width:700px){html{scroll-padding-top:20px}.topline{font-size:10px;padding:9px 6%}.header{height:auto;min-height:88px;flex-wrap:wrap;padding:20px 6% 15px;gap:20px}.brand{font-size:17px}.brand svg{width:32px;height:32px}.brand small{font-size:9px}.head-actions{gap:15px}.head-actions .button{padding:9px 13px;font-size:12px}.header nav{order:3;justify-content:space-between;width:100%;font-size:12px;border-top:1px solid var(--line);padding-top:14px}.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:50px 6% 30px}.hero h1{font-size:clamp(3.6rem,13vw,5.5rem)}.hero-copy>p{font-size:15px;max-width:300px;margin:24px 0}.hero-foot{margin-top:36px}.hero-foot span:last-child{display:none}.hero-art{height:370px}.hero-art img{object-position:center 55%}.hero-art figcaption{bottom:15px;right:15px;font-size:10px}.index-strip{padding:20px 6%;font-size:11px;gap:10px;align-items:center}.index-strip span{flex:1}.index-strip span+span{padding-left:15px}.section{padding:62px 6%}.section-heading{display:block;margin-bottom:30px}h2{font-size:2.8rem}.section-heading>p{width:auto;max-width:350px;margin-top:22px;font-size:14px}.catalog-controls{flex-direction:column;gap:10px;padding-bottom:13px}.search input{font-size:13px}.sort-label{justify-content:space-between}.sort-label select{font-size:12px}.result-line{font-size:10px;align-items:center}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 14px}.product h3{font-size:16px;min-height:44px}.product-image{aspect-ratio:1/1.14}.product-index{top:10px;left:9px;font-size:8px}.product-image .variant-count{font-size:9px;right:8px;bottom:8px}.product select{font-size:11px;padding-left:6px}.sku{font-size:10px}.price{font-size:26px}.price small{font-size:9px}.enquire{font-size:11px}.source-note{font-size:10px}.product-bottom{gap:6px}.guide,.contact{grid-template-columns:1fr;gap:35px}.guide-rows summary{font-size:15px}.guide-rows p{font-size:13px}.contact .preferred{flex-direction:row;align-items:center}.contacts strong{font-size:25px}.contact>div>p{font-size:14px}.contact h2{font-size:3.3rem}.preferred span{max-width:140px}footer{padding:40px 6% 90px}footer>div{flex-wrap:wrap}.footer-wordmark{font-size:9.3vw}.floating{bottom:18px;right:16px;font-size:12px;padding:11px 15px}}
summary{position:relative;padding-right:24px}
summary::before,summary::after{content:'';position:absolute;right:2px;top:12px;width:13px;height:1px;background:currentColor}
summary::before{transform:rotate(90deg)}details[open] summary::before{transform:rotate(0deg)}details[open] summary::after{content:''}
@keyframes atelier-reveal{from{clip-path:inset(0 0 5% 0)}to{clip-path:inset(0 0 0 0)}}
.hero-art img{animation:atelier-reveal 1.2s cubic-bezier(.16,1,.3,1) both}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
