:root{--paper:#f5f2ec;--ink:#332d25;--muted:#80786e;--gold:#987344;--line:#ded7cc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.7 system-ui,sans-serif}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button,.button{display:inline-block;padding:13px 22px;background:var(--ink);color:white;border:1px solid var(--ink);cursor:pointer;font-size:13px}button:hover,.button:hover{background:var(--gold);text-decoration:none}.announcement{text-align:center;background:var(--ink);color:#ede1cd;padding:9px;font-size:10px;letter-spacing:2px}header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px 5%;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;letter-spacing:2px;font-size:17px;font-weight:600}.brand-mark{font-size:45px;line-height:1;color:var(--gold)}.brand small{display:block;font-size:8px;font-weight:400;letter-spacing:2px}nav{display:flex;gap:22px;font-size:12px}main{max-width:1360px;margin:auto;padding:0 5% 70px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:6%;align-items:center;min-height:650px}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:700;color:var(--gold)}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.15}h1{font-size:clamp(38px,5.4vw,74px);letter-spacing:-2px;margin:22px 0}h1 em{font-weight:400;color:var(--gold)}h2{font-size:36px;margin:14px 0}h3{font-size:22px}p{color:var(--muted)}.hero-copy p{max-width:450px;font-size:14px}.actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:28px}.text-link{font-size:12px;border-bottom:1px solid var(--gold);padding-bottom:4px}.hero-stone{height:520px;background:radial-gradient(ellipse at 65% 35%,#e5dfd3,#b7ac99);position:relative;display:flex;justify-content:center;align-items:flex-end;overflow:hidden;border-radius:200px 200px 0 0}.stone-monolith{width:48%;height:75%;margin-bottom:45px;background:linear-gradient(105deg,#ede9df 0%,#d5cfc2 36%,#f5f2e9 37%,#c1b8a7 72%,#ded6c7);border-radius:45% 30% 7% 5%;transform:rotate(-8deg);box-shadow:30px 25px 25px #564b3733,inset -15px 0 20px #91857555}.stone-monolith:before{content:'';display:block;width:100%;height:100%;background:repeating-linear-gradient(125deg,transparent 0 65px,#8c806520 66px 67px,transparent 68px 110px);border-radius:inherit}.stone-caption{position:absolute;bottom:19px;font-size:8px;letter-spacing:2px;color:#544735}.principles{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 0;gap:30px;margin-bottom:80px}.principles b{font-weight:500;font-size:12px}.principles p{font-size:11px;margin:5px 0}.section-title{display:flex;justify-content:space-between;align-items:end;gap:30px}.section-title p{font-size:12px}.category-links{display:flex;flex-wrap:wrap;gap:12px 23px;border-bottom:1px solid var(--line);padding:20px 0;font-size:12px}.filters{display:flex;gap:12px;margin:25px 0}input,select,textarea{border:1px solid var(--line);background:#fffefa;padding:12px;color:var(--ink);width:100%;min-width:0;border-radius:0}.filters input{flex:1}.filters select{width:210px}.filters button{white-space:nowrap}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:38px 25px}.product-image{display:block;aspect-ratio:1;background:#e8e2d7;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:contain}.stone-placeholder{height:100%;min-height:210px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(120deg,#eee9e0,#ddd5c7)}.stone-placeholder span{font-size:100px;color:#b2a48d;font-family:Georgia,serif}.stone-placeholder small{font-size:10px;letter-spacing:1px;color:#8e8069}.product-caption{padding:18px 0}.product-caption small{color:var(--muted);font-size:9px;letter-spacing:1px}.product-caption h3{margin:12px 0}.product-caption>div{display:flex;justify-content:space-between;font-size:12px;color:var(--gold)}.product-caption>div a{font-size:22px;line-height:1}.story{display:grid;grid-template-columns:1fr 1fr;gap:70px;border-top:1px solid var(--line);margin:70px 0;padding-top:45px}.story p{font-size:14px}.cta{text-align:center;background:#e9e1d4;padding:55px 30px}.cta p{max-width:540px;margin:20px auto}.detail{display:grid;grid-template-columns:1fr 1fr;gap:55px;margin:40px 0}.detail h1{font-size:46px}.detail dl{display:grid;grid-template-columns:1fr 1.4fr;font-size:12px;border-top:1px solid var(--line);margin:25px 0}.detail dt,.detail dd{padding:12px 0;margin:0;border-bottom:1px solid var(--line)}.detail dd{color:var(--muted)}.note{font-size:11px}.page-intro{padding-top:55px;max-width:760px}.quote-form label{display:block;font-size:12px;margin-bottom:18px}.quote-form input,.quote-form select,.quote-form textarea{display:block;margin-top:7px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}textarea{min-height:130px}.quote-aside{background:#e9e1d4;padding:35px;align-self:start}.quote-aside h2{font-size:28px}.quote-aside li{padding-bottom:12px;color:var(--muted);font-size:13px}.quote-form .consent{display:flex;align-items:start;gap:10px}.consent input{width:16px;flex-shrink:0}.trap{position:absolute;left:-10000px}.success{padding:35px;background:#e4ebdf;margin:30px 0}.alert{background:#f7dfd2;color:#7b321e;padding:15px;margin:20px 0}.article{max-width:760px;margin:40px auto}.article p{font-size:15px;line-height:1.9}.article h2{font-size:30px;margin-top:35px}.article a{text-decoration:underline}.steps{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:35px 0;counter-reset:step}.steps article{border-top:1px solid var(--line);padding:20px 0}.steps article:before{counter-increment:step;content:'0' counter(step);color:var(--gold);font-size:12px}.steps h2{font-size:28px}footer{background:var(--ink);color:#e7dfd2;display:grid;grid-template-columns:1fr 1fr;gap:25px;padding:45px 5%}footer strong{letter-spacing:2px;font-size:15px}footer p{color:#b9af9e;font-size:11px}footer>div:nth-child(2){display:flex;gap:20px;flex-wrap:wrap;align-content:start;font-size:12px}footer>small{grid-column:1/-1;color:#b9af9e;font-size:10px}.pagination{display:flex;gap:10px;margin-top:20px}.pagination a{border:1px solid var(--line);padding:6px 12px}@media(max-width:800px){header{flex-wrap:wrap;gap:12px;padding:18px 5%}header nav{order:3;width:100%;justify-content:space-between;gap:8px;border-top:1px solid var(--line);padding-top:12px;font-size:11px}header .button{padding:10px;font-size:10px}.brand{font-size:13px;letter-spacing:1px}.brand-mark{font-size:30px}.brand small{font-size:6px}.hero{grid-template-columns:1fr;min-height:auto;padding:35px 0;gap:30px}.hero h1{font-size:54px}.hero-stone{height:330px;border-radius:150px 150px 0 0;width:90%;margin:auto}.principles{gap:12px;padding:20px 0;margin-bottom:45px}.principles b{font-size:10px}.principles p{font-size:9px}.section-title{display:block}.section-title h2{font-size:31px}.products{grid-template-columns:repeat(2,1fr);gap:20px 14px}.product-caption h3{font-size:18px}.stone-placeholder{min-height:160px}.stone-placeholder span{font-size:70px}.stone-placeholder small{font-size:8px}.filters{flex-wrap:wrap;gap:8px}.filters input{flex-basis:100%}.filters select{flex:1}.story{grid-template-columns:1fr;gap:8px;margin:45px 0}.story h2{font-size:32px}.detail{grid-template-columns:1fr;gap:25px}.detail h1{font-size:38px}.page-intro{padding-top:35px}.page-intro h1{font-size:45px}.steps{grid-template-columns:1fr}.quote-aside{padding:24px}.cta h2{font-size:32px}.form-row{grid-template-columns:1fr;gap:0}footer{grid-template-columns:1fr}footer>small{grid-column:auto}}
.artist-teaser{display:grid;grid-template-columns:1fr 1.1fr;gap:60px;background:#e9e1d4;padding:35px;margin:-30px 0 65px}.award-line{font-size:12px;line-height:2;color:var(--gold)}.artist-portrait{min-height:380px;background:#e8e2d7}.artist-portrait img{width:100%;height:100%;max-height:600px;object-fit:cover}.artist-portrait .stone-placeholder{min-height:380px}.badge-year{color:var(--gold);font-size:12px;letter-spacing:2px}.work-gallery,.press,.commitments{margin:60px 0}.work-gallery figure{margin:0}.work-gallery figcaption{font-size:11px;padding:12px 0;color:var(--muted)}.hero-photo{width:100%;height:100%;object-fit:cover}header nav{flex-wrap:wrap;gap:14px}header .brand{max-width:280px}.commitments .steps h3{font-size:24px}@media(max-width:800px){.artist-teaser{grid-template-columns:1fr;gap:0;padding:25px;margin:0 0 45px}.artist-teaser h2{font-size:32px}header nav{justify-content:flex-start;gap:10px 18px}.artist-portrait,.artist-portrait .stone-placeholder{min-height:280px}}

/* Reference photography and village content, demo update 2026-10-24. */
.reference-credit{display:block;font-size:10px;line-height:1.6;color:var(--muted);padding:7px 0;letter-spacing:0}.reference-credit a{text-decoration:underline;text-underline-offset:3px}.hero-stone{border-radius:3px;height:520px;isolation:isolate}.hero-stone>.hero-photo{object-fit:cover}.hero-photo-caption{position:absolute;bottom:0;left:0;right:0;padding:30px 22px 14px;background:linear-gradient(transparent,#201e18dc);color:white}.hero-photo-caption>span{font-size:10px;letter-spacing:2px}.hero-photo-caption .reference-credit{color:#f4eee3}.category-showcase{margin:0 0 75px}.category-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;margin-top:25px}.category-grid article{min-width:0}.category-grid img{display:block;width:100%;aspect-ratio:3/4;object-fit:contain;background:#e8e2d7;transition:transform .3s}.category-grid article>a{display:block}.category-grid article>a:hover img{transform:translateY(-4px)}.category-grid article>a>span{display:flex;justify-content:space-between;gap:5px;margin-top:12px;font-size:12px}.category-grid b{font-weight:400;color:var(--gold)}.category-grid .reference-credit{font-size:9px}.craft-feature{display:grid;grid-template-columns:1.2fr 1fr;gap:55px;align-items:center;margin:75px 0}.craft-feature figure{margin:0}.craft-feature img{width:100%;height:auto;display:block}.craft-feature p{max-width:410px}.village-panorama{margin:35px 0}.village-panorama img{width:100%;max-height:520px;object-fit:cover;display:block}.village-panorama figcaption{text-align:right}.buying-guide{display:grid;grid-template-columns:1fr 1.2fr;gap:65px;margin:75px 0}.faq details{border-top:1px solid var(--line);padding:17px 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;font-size:14px;font-weight:500;line-height:1.6}.faq p{font-size:13px;margin-bottom:0}.service-photo{margin:0 0 22px}.service-photo img{display:block;width:100%;height:300px;object-fit:contain;background:#e8e2d7}.product-caption{padding-top:10px}.product>.reference-credit{border-bottom:1px solid var(--line)}
@media(max-width:1000px){.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.craft-feature,.buying-guide{gap:30px}}
@media(max-width:800px){.hero-stone{height:360px;border-radius:3px;width:100%}.category-showcase{margin-bottom:45px}.category-grid{gap:20px 12px}.craft-feature,.buying-guide{grid-template-columns:1fr;margin:45px 0;gap:20px}.craft-feature h2,.buying-guide h2{font-size:32px}.village-panorama img{max-height:340px}.service-photo img{height:260px}}
@media(max-width:420px){.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero h1{font-size:44px}.hero-stone{height:300px}.brand{max-width:190px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.category-grid img{transition:none}}

/* Da Non Nuoc editorial identity */
:root{--paper:#f7f5ef;--ink:#282d29;--muted:#6f746c;--gold:#8b7151;--line:#dcded4}body{font-size:15px}.announcement{font-size:9px;letter-spacing:2.4px;padding:11px;background:#283a32}header{padding:25px 5%;background:#f7f5ef}.brand{letter-spacing:1.4px;text-transform:uppercase}.brand-mark{color:#8b7151}header nav{font-size:11px;gap:18px}.hero{min-height:690px;grid-template-columns:1fr 1.08fr;gap:5%;padding:45px 0}.hero h1{font-size:clamp(44px,5.3vw,76px);letter-spacing:-2.2px}.hero h1 em{color:#697b68}.hero-stone{height:570px;border-radius:220px 220px 3px 3px;box-shadow:16px 16px 0 #e8e9df}.hero-photo{object-position:center}.hero-copy p{font-size:14px;line-height:1.9}.button,button{background:#283a32;border-color:#283a32;padding:14px 24px;font-size:12px;letter-spacing:.2px}.eyebrow{color:#7d735a;letter-spacing:2.2px}.principles{background:#eeeee5;padding:26px 30px;margin-top:10px;border:0}.category-showcase{padding-top:10px}.category-grid img{background:#eaece3;border-radius:85px 85px 0 0}.category-grid article>a>span{font-size:13px;font-weight:500}.artist-teaser{background:#e9ece3;border-left:3px solid #a0ab94;padding:40px;margin-top:0}.product-image{background:#eeeee6}.product{border-bottom:1px solid var(--line);padding-bottom:8px}.product-caption h3{font-size:23px;line-height:1.35}.product-caption>div{color:#65765e}.craft-feature{padding:45px;background:#e9ece3;gap:45px}.craft-feature img{border-radius:150px 0 0 0}.story{border-color:#cbd2c5}.cta{background:#283a32;color:#f8f5ec;padding:65px 35px}.cta .eyebrow{color:#d3c8b2}.cta p{color:#ced4c8}.cta .button{background:#f2eee3;border-color:#f2eee3;color:#283a32}.cta h2{font-size:43px}footer{background:#202f28;padding:50px 5%}footer strong{text-transform:uppercase;letter-spacing:2px}.category-grid article>a:hover,.product a:hover{text-decoration:none}.product-image img{transition:transform .35s}.product-image:hover img{transform:scale(1.025)}.faq summary{color:#354936}.village-panorama img{border-radius:3px}
@media(max-width:800px){header{padding:18px 5%}.hero{grid-template-columns:1fr;padding:30px 0 40px;min-height:auto;gap:35px}.hero h1{font-size:53px}.hero-stone{height:390px;max-width:520px;border-radius:160px 160px 3px 3px;box-shadow:8px 8px 0 #e8e9df}.principles{padding:22px 18px}.craft-feature{padding:25px}.craft-feature img{border-radius:100px 0 0 0}.cta h2{font-size:33px}.artist-teaser{padding:28px}.product-caption h3{font-size:19px}}
@media(max-width:420px){.hero h1{font-size:44px}.hero-stone{height:330px}.brand{font-size:13px}.category-grid img{border-radius:65px 65px 0 0}}
@media(prefers-reduced-motion:reduce){.product-image img{transition:none}}

.content-cover{margin:0 0 30px}.content-cover img{display:block;width:100%;max-height:520px;object-fit:contain}.article p{overflow-wrap:anywhere}

.admin-toolbar{background:#1d2e24;color:#fff;padding:10px 5%;display:flex;gap:12px 20px;flex-wrap:wrap;font-size:13px}.admin-toolbar a{text-decoration:underline;text-underline-offset:3px}.admin-toolbar strong{font-size:12px}
