/*
Theme Name: JIEDUAYI Furniture
Theme URI: https://jieduayi.com/
Author: JIEDUAYI
Description: Premium responsive furniture brand homepage for JIEDUAYI.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: jieduayi
*/

:root{--ink:#20251f;--forest:#243a2f;--deep:#17251e;--sage:#7e907f;--cream:#f3efe7;--paper:#faf8f3;--line:rgba(32,37,31,.16);--white:#fffdf8;--serif:"Iowan Old Style",Baskerville,"Times New Roman",serif;--sans:"Helvetica Neue",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}body.admin-bar .jd-hero{min-height:calc(100svh - 32px)}a{color:inherit;text-decoration:none}img{display:block;width:100%}.jd-shell{width:min(calc(100% - 64px),1360px);margin-inline:auto}.jd-eyebrow{margin:0 0 24px;font-size:11px;font-weight:650;letter-spacing:.22em;line-height:1}.jd-eyebrow--light{color:rgba(255,255,255,.76)}.jd-site h1,.jd-site h2,.jd-site h3,.jd-site p{margin-top:0}.jd-site h1,.jd-site h2{font-family:var(--serif);font-weight:400;letter-spacing:-.035em}.jd-site h2{font-size:clamp(48px,5vw,78px);line-height:.98}
.jd-hero{position:relative;min-height:860px;height:100svh;overflow:hidden;color:var(--white);background:var(--deep)}.jd-hero__image{position:absolute;inset:0;height:100%;object-fit:cover;object-position:center}.jd-hero__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,20,16,.68) 0%,rgba(12,20,16,.38) 33%,rgba(12,20,16,.05) 65%),linear-gradient(180deg,rgba(10,16,13,.33),transparent 30%,rgba(10,16,13,.14))}.jd-header{position:relative;z-index:3;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:104px;border-bottom:1px solid rgba(255,255,255,.23)}.jd-wordmark{font-size:27px;font-weight:650;letter-spacing:.13em;line-height:1}.jd-nav{display:flex;gap:38px;font-size:13px}.jd-nav a,.jd-header-cta,.jd-text-link{position:relative}.jd-nav a:after,.jd-text-link:after{content:"";position:absolute;left:0;right:100%;bottom:-5px;height:1px;background:currentColor;transition:right .3s ease}.jd-nav a:hover:after,.jd-text-link:hover:after{right:0}.jd-header-cta{justify-self:end;display:flex;gap:12px;align-items:center;font-size:13px;font-weight:550}.jd-mobile-menu{display:none}.jd-hero__content{position:relative;z-index:2;padding-top:clamp(150px,18vh,220px)}.jd-hero h1{max-width:780px;margin:0 0 28px;font-size:clamp(68px,7vw,110px);line-height:.9;color:var(--white)}.jd-hero__copy{max-width:510px;margin-bottom:38px;color:rgba(255,255,255,.8);font-size:17px;line-height:1.75}.jd-actions{display:flex;align-items:center;gap:38px}.jd-button{display:inline-flex;min-height:54px;padding:0 24px;align-items:center;justify-content:center;gap:30px;font-size:13px;font-weight:580;transition:.25s ease}.jd-button:hover{transform:translateY(-2px)}.jd-button--light{color:var(--ink);background:var(--white)}.jd-button--light:hover{background:#dfe6dc}.jd-button--dark{color:var(--white);background:var(--forest)}.jd-button--dark:hover{background:var(--deep)}.jd-text-link{display:inline-flex;align-items:center;gap:12px;font-size:13px;font-weight:560}.jd-text-link--light{color:rgba(255,255,255,.9)}
.jd-intro{padding-block:150px 170px;border-bottom:1px solid var(--line)}.jd-intro__grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:9vw;align-items:end}.jd-intro h2{max-width:780px;margin:0}.jd-intro__grid>div{padding-bottom:8px}.jd-intro__grid p{margin-bottom:35px;font-size:17px;line-height:1.75;color:#596057}.jd-collections,.jd-featured{padding-block:150px}.jd-section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:64px}.jd-section-heading h2{margin-bottom:0}.jd-section-heading>p{max-width:350px;margin-bottom:8px;color:#6a7169;line-height:1.7}.jd-collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.jd-collection-card__image{position:relative;overflow:hidden;aspect-ratio:4/5;background:#dfdfd7}.jd-collection-card__image img{height:100%;object-fit:cover;transition:transform .75s cubic-bezier(.2,.65,.2,1)}.jd-collection-card:hover img{transform:scale(1.035)}.jd-number{position:absolute;top:18px;left:18px;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:rgba(255,253,248,.9);font-size:10px}.jd-card-copy{display:flex;justify-content:space-between;gap:20px;padding-top:24px}.jd-card-copy h3{margin-bottom:9px;font-family:var(--serif);font-size:28px;font-weight:400}.jd-card-copy p{max-width:310px;margin:0;color:#72776f;font-size:13px;line-height:1.65}.jd-round-arrow{flex:0 0 auto;display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;transition:.25s}.jd-collection-card:hover .jd-round-arrow{color:white;background:var(--forest)}
.jd-philosophy{color:var(--white);background:var(--deep)}.jd-philosophy__inner{padding-block:142px 130px}.jd-statement{max-width:1120px;margin:0 0 120px;font-family:var(--serif);font-size:clamp(52px,6.2vw,92px);line-height:.98;letter-spacing:-.04em}.jd-statement em{color:#98aa99;font-weight:400}.jd-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;border-top:1px solid rgba(255,255,255,.18)}.jd-principles>div{padding-top:26px}.jd-principles span{display:block;margin-bottom:45px;color:#9aaa9a;font-size:10px}.jd-principles h3{margin-bottom:14px;font-family:var(--serif);font-size:26px;font-weight:400}.jd-principles p{max-width:330px;margin:0;color:rgba(255,255,255,.6);font-size:14px;line-height:1.7}
.jd-product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.jd-product-image{position:relative;aspect-ratio:1/1.12;overflow:hidden;margin-bottom:20px;background:#e3e6df}.jd-product-image:nth-child(2){background:#eef0eb}.jd-product-image img{height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .55s ease}.jd-product-card:hover img{transform:scale(1.035)}.jd-product-card p{margin-bottom:8px;color:#7b8179;font-size:10px;font-weight:600;letter-spacing:.15em;text-transform:uppercase}.jd-product-card h3{margin:0;font-family:var(--serif);font-size:23px;font-weight:400}
.jd-feature-story{display:grid;grid-template-columns:1.15fr .85fr;min-height:720px;padding-bottom:150px}.jd-feature-story__image{min-height:700px;overflow:hidden;background:#e9e5dd}.jd-feature-story__image img{height:100%;object-fit:cover}.jd-feature-story__copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:80px clamp(45px,6vw,100px);background:var(--cream)}.jd-feature-story__copy h2{margin-bottom:28px}.jd-feature-story__copy>p:not(.jd-eyebrow){margin-bottom:38px;color:#646b62;font-size:16px;line-height:1.75}.jd-feature-story ul{width:100%;padding:0;margin:0 0 44px;list-style:none;border-top:1px solid var(--line)}.jd-feature-story li{display:flex;gap:23px;padding:17px 0;border-bottom:1px solid var(--line);font-size:13px}.jd-feature-story li span{color:#92988f;font-size:10px}.jd-brand-note{text-align:center;background:#e9eee7}.jd-brand-note__inner{padding-block:145px}.jd-brand-note h2{margin-bottom:32px}.jd-brand-note__inner>p:last-child{max-width:650px;margin:0 auto;color:#626b62;font-size:16px;line-height:1.8}
.jd-footer{color:rgba(255,255,255,.78);background:#171c18}.jd-footer-main{display:grid;grid-template-columns:1.4fr .65fr .65fr 1.2fr;gap:60px;padding-block:92px 85px}.jd-footer-brand .jd-wordmark{display:inline-block;margin-bottom:23px;color:white}.jd-footer-brand p{max-width:260px;color:rgba(255,255,255,.5);line-height:1.7}.jd-footer-column,.jd-footer-contact{display:flex;flex-direction:column;align-items:flex-start;gap:13px;font-size:13px}.jd-footer-column>p,.jd-footer-contact>p{margin-bottom:13px;color:white;font-family:var(--serif);font-size:20px}.jd-footer-column a{color:rgba(255,255,255,.52)}.jd-footer-contact>p{max-width:320px;font-size:31px;line-height:1.15}.jd-footer-contact a{padding-bottom:7px;border-bottom:1px solid rgba(255,255,255,.4)}.jd-footer-bottom{display:flex;justify-content:space-between;padding-block:25px;border-top:1px solid rgba(255,255,255,.13);color:rgba(255,255,255,.36);font-size:10px;letter-spacing:.09em;text-transform:uppercase}
@media(max-width:1050px){.jd-shell{width:min(calc(100% - 42px),1360px)}.jd-nav{gap:22px}.jd-product-grid{grid-template-columns:repeat(2,1fr);gap:42px 20px}.jd-footer-main{grid-template-columns:1.2fr .8fr .8fr}.jd-footer-contact{grid-column:1/-1}}
@media(max-width:760px){body.admin-bar .jd-hero{min-height:calc(100svh - 46px)}.jd-shell{width:min(calc(100% - 36px),1360px)}.jd-site h2{font-size:46px}.jd-hero{min-height:760px}.jd-hero__image{object-position:61% center}.jd-hero__shade{background:linear-gradient(90deg,rgba(10,18,14,.75),rgba(10,18,14,.22)),linear-gradient(0deg,rgba(10,18,14,.24),transparent 50%)}.jd-header{grid-template-columns:1fr auto;height:82px}.jd-wordmark{font-size:22px}.jd-nav,.jd-header-cta{display:none}.jd-mobile-menu{position:relative;display:block;justify-self:end}.jd-mobile-menu summary{display:flex;flex-direction:column;gap:7px;width:34px;padding:10px 0;cursor:pointer;list-style:none}.jd-mobile-menu summary span{display:block;width:100%;height:1px;background:white}.jd-mobile-menu nav{position:absolute;top:46px;right:0;display:flex;min-width:220px;padding:18px;flex-direction:column;gap:5px;color:var(--ink);background:var(--white);box-shadow:0 20px 55px rgba(0,0,0,.18)}.jd-mobile-menu nav a{padding:11px 9px}.jd-hero__content{padding-top:clamp(160px,23vh,220px)}.jd-hero h1{font-size:clamp(56px,15vw,76px)}.jd-hero__copy{font-size:15px}.jd-actions{align-items:flex-start;flex-direction:column;gap:25px}.jd-intro{padding-block:100px}.jd-intro__grid{grid-template-columns:1fr;gap:36px}.jd-collections,.jd-featured{padding-block:100px}.jd-section-heading{align-items:flex-start;flex-direction:column;margin-bottom:44px}.jd-collection-grid{grid-template-columns:1fr;gap:65px}.jd-philosophy__inner{padding-block:100px 90px}.jd-statement{margin-bottom:75px;font-size:49px}.jd-principles{grid-template-columns:1fr;gap:40px}.jd-principles span{margin-bottom:20px}.jd-product-grid{grid-template-columns:repeat(2,1fr);gap:38px 12px}.jd-product-card h3{font-size:19px}.jd-feature-story{width:100%;grid-template-columns:1fr;padding-bottom:0}.jd-feature-story__image{min-height:460px}.jd-feature-story__copy{padding:90px 24px}.jd-brand-note__inner{padding-block:100px}.jd-footer-main{grid-template-columns:1fr 1fr;gap:55px 30px;padding-block:75px}.jd-footer-brand,.jd-footer-contact{grid-column:1/-1}.jd-footer-bottom{align-items:flex-start;flex-direction:column;gap:12px}}
@media(max-width:430px){.jd-hero h1{font-size:55px}.jd-product-grid{grid-template-columns:1fr}}
