/*
Theme Name: ARTISTA Maison Noir V3
Theme URI: https://example.invalid/
Author: ARTISTA
Description: Luxury editorial catering homepage theme.
Version: 0.3.0
Requires at least: 6.3
Text Domain: artista
*/

:root{--noir:#151513;--charcoal:#252522;--cream:#f1eee7;--warm:#ddd5c7;--gold:#b4a38c;--grey:#9e9d98;--line:rgba(255,255,255,.20)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--noir);color:var(--cream);font-family:'Noto Sans JP',Arial,sans-serif;font-weight:300;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}.skip{position:absolute;top:-100px;left:12px;padding:12px;background:white;color:black;z-index:100}.skip:focus{top:12px}.site-header{position:absolute;z-index:10;left:0;right:0;top:0;display:flex;align-items:center;justify-content:space-between;padding:28px 5.5vw}.logo{font-family:Georgia,serif;font-size:27px;letter-spacing:.34em;font-weight:400}.header-right{display:flex;align-items:center;gap:40px}.nav{display:flex;gap:28px;font-size:10px;letter-spacing:.16em;text-transform:uppercase}.nav a:hover,.textlink:hover{color:var(--gold)}.lang{font-size:11px;letter-spacing:.2em;color:#cfc9bd}.menu-toggle{display:none;border:0;background:transparent;color:white;font-size:24px;cursor:pointer}
.hero{min-height:780px;height:100svh;max-height:1150px;position:relative;overflow:hidden;background:radial-gradient(circle at 66% 42%,#55514a 0%,#2e2b27 28%,#171716 64%)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,13,12,.90) 0%,rgba(13,13,12,.60) 38%,rgba(13,13,12,.02) 70%),linear-gradient(0deg,#151513 0%,transparent 22%);pointer-events:none}.grain{position:absolute;inset:0;opacity:.13;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='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.2'/%3E%3C/svg%3E");pointer-events:none}.art-object{position:absolute;width:min(65vw,780px);height:min(65vw,780px);right:-1%;top:50%;transform:translateY(-46%);filter:drop-shadow(-55px 50px 65px rgba(0,0,0,.68))}.hero-copy{position:absolute;z-index:2;top:46%;left:8.4vw;transform:translateY(-35%);max-width:700px}.eyebrow{font-size:10px;letter-spacing:.34em;text-transform:uppercase;color:#c5b6a2}.hero h1,.display{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(68px,8.5vw,145px);line-height:.89;font-weight:400;letter-spacing:-.035em;margin:24px 0 36px}.hero h1 em,.display em{font-weight:400}.hero-jp{font-size:14px;letter-spacing:.24em;line-height:2.2}.hero-bottom{position:absolute;z-index:3;left:8.4vw;right:7vw;bottom:60px;display:flex;align-items:end;justify-content:space-between;font-size:10px;letter-spacing:.22em}.round-arrow{display:grid;place-items:center;border:1px solid rgba(255,255,255,.45);border-radius:50%;width:62px;height:62px;font-size:23px;transition:transform .3s}.round-arrow:hover{transform:translateY(5px)}
section{position:relative}.section-inner{max-width:1440px;margin:auto;padding:145px 8.4vw}.section-index{font-size:10px;letter-spacing:.32em;text-transform:uppercase;color:var(--gold);display:block;margin-bottom:35px}.statement{background:var(--cream);color:#26231e}.statement .section-inner{padding-top:170px;padding-bottom:170px}.statement h2{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(52px,7vw,110px);font-weight:400;line-height:1.04;letter-spacing:-.035em;max-width:1040px;margin:0 0 55px}.statement h2 em{color:#9d8e7a;font-weight:400}.statement p{margin-left:auto;max-width:540px;line-height:2.7;font-size:13px;letter-spacing:.09em}
.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:55px;gap:25px}.section-head h2{font:400 clamp(55px,6vw,96px)/.95 'Cormorant Garamond',Georgia,serif;margin:0}.section-head p{max-width:350px;font-size:12px;line-height:2.3;color:#c0b9ac}.experiences{background:#1c1c1a}.experience-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:32px}.experience-card:nth-child(2){margin-top:115px}.photo{position:relative;overflow:hidden;background:#312e29}.photo:before{content:"";position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .7s;opacity:.8}.photo:hover:before{transform:scale(1.04)}.photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.65))}.photo-reception{height:560px;background:radial-gradient(ellipse at 55% 30%,#ddd5c4 0%,#817564 37%,#2c2824 74%)}.photo-reception:before{background-image:url('https://images.unsplash.com/photo-1517248135467-4c7edcad34c4?w=1200&q=85')}.photo-popup{height:470px;background:linear-gradient(135deg,#a5a196,#4b4c48,#161718)}.photo-popup:before{background-image:url('https://images.unsplash.com/photo-1441986300917-64674bd600d8?w=1100&q=85')}.photo-label{position:absolute;bottom:25px;left:26px;z-index:2;font:400 36px 'Cormorant Garamond',serif}.card-meta{display:flex;justify-content:space-between;padding-top:18px;font-size:11px;color:#c4bdaf;letter-spacing:.12em}
.craft{background:var(--cream);color:#26231e}.craft-grid{display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:center}.craft-visual{height:630px;position:relative;background:linear-gradient(140deg,#c1b7a4,#e9e3d8 50%,#938575);overflow:hidden}.craft-visual .small-cup{position:absolute;left:10%;right:10%;top:12%;height:78%;filter:drop-shadow(15px 30px 20px #71645299)}.craft h2{font:400 clamp(56px,6vw,100px)/.95 'Cormorant Garamond',Georgia,serif;margin:0 0 35px}.craft p{font-size:13px;line-height:2.6;letter-spacing:.06em}.textlink{display:inline-flex;gap:65px;padding:15px 0;border-bottom:1px solid currentColor;font-size:11px;letter-spacing:.21em;margin-top:35px;text-transform:uppercase}.craft .section-index{color:#8b7c69}
.services{background:#171715}.services h2{font:400 clamp(55px,7vw,108px)/.9 'Cormorant Garamond',Georgia,serif;max-width:800px;margin:0 0 90px}.service-row{border-top:1px solid #50504b;padding:35px 0;display:grid;grid-template-columns:90px 1fr 1fr 50px;align-items:center;gap:20px}.service-row:last-child{border-bottom:1px solid #50504b}.service-no{font-size:10px;color:var(--gold)}.service-name{font:400 clamp(30px,3.2vw,47px) 'Cormorant Garamond',Georgia,serif}.service-desc{font-size:12px;color:#b6b0a7;line-height:2}.service-arrow{font-size:28px;text-align:right}
.quote-section{background:#a49a8b;color:#181715;padding:140px 8.4vw;text-align:center}.quote-section blockquote{font:italic 400 clamp(44px,6vw,85px)/1.08 'Cormorant Garamond',Georgia,serif;max-width:1100px;margin:0 auto 30px}.quote-section p{letter-spacing:.21em;font-size:11px}
.contact{background:#1a1917;text-align:center}.contact .section-inner{padding-top:160px;padding-bottom:160px}.contact h2{font:400 clamp(64px,10vw,160px)/.85 'Cormorant Garamond',Georgia,serif;margin:35px auto}.contact h2 em{color:#b5a58f}.contact p{font-size:12px;letter-spacing:.15em;line-height:2.5;color:#d2c8b9}.contact-button{display:inline-flex;align-items:center;justify-content:space-between;gap:100px;border:1px solid #8f8678;margin-top:45px;padding:24px 32px;font-size:11px;letter-spacing:.24em;transition:background .3s,color .3s}.contact-button:hover{background:var(--cream);color:var(--noir)}footer{background:#111110;border-top:1px solid #363632;padding:47px 8.4vw 35px}.footer-main{display:flex;justify-content:space-between;gap:40px;align-items:start}.footer-links{display:flex;gap:30px;font-size:11px;letter-spacing:.08em;color:#c6beaf}.footer-bottom{display:flex;justify-content:space-between;color:#89867f;margin-top:65px;font-size:10px;letter-spacing:.1em}
@media(max-width:900px){.nav{display:none;position:absolute;top:78px;right:5vw;left:5vw;background:#22211f;padding:30px;flex-direction:column;font-size:13px}.nav.open{display:flex}.menu-toggle{display:block}.hero{height:820px;min-height:680px}.art-object{width:100vw;height:100vw;top:41%;right:-21%}.hero-copy{top:54%;left:7vw}.hero h1{font-size:clamp(63px,11vw,105px)}.hero-bottom{left:7vw;bottom:35px}.site-header{padding:24px 7vw}.header-right{gap:20px}.section-inner{padding:90px 7vw}.statement .section-inner{padding-top:110px;padding-bottom:110px}.experience-grid,.craft-grid{grid-template-columns:1fr;gap:45px}.experience-card:nth-child(2){margin-top:0}.photo-reception{height:480px}.photo-popup{height:430px}.craft-grid{gap:55px}.craft-visual{height:540px}.service-row{grid-template-columns:40px 1fr 35px}.service-desc{grid-column:2;grid-row:2}.service-arrow{grid-column:3;grid-row:1}.section-head{display:block}.section-head p{margin-top:25px}.footer-main,.footer-bottom{flex-direction:column}.footer-links{flex-wrap:wrap}}
@media(max-width:560px){.logo{font-size:21px}.hero{min-height:640px;height:92svh}.art-object{width:130vw;height:130vw;top:36%;right:-43%}.hero-copy{top:57%;left:7vw;right:7vw}.hero h1{font-size:clamp(61px,14vw,85px);margin:18px 0 25px}.hero-jp{font-size:12px;letter-spacing:.15em}.hero-bottom{font-size:8px}.round-arrow{width:45px;height:45px}.statement h2{font-size:57px}.statement p{margin-left:0}.photo-reception{height:380px}.photo-popup{height:340px}.craft-visual{height:440px}.service-name{font-size:32px}.contact .section-inner{padding:110px 7vw}.contact-button{gap:35px;padding:22px}.footer-links{gap:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

.concept-section{background:#24231f;color:var(--cream)}.concept-layout{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center}.concept-visual{aspect-ratio:4/5;overflow:hidden;background:#4d463c}.concept-visual img{width:100%;height:100%;object-fit:cover;filter:saturate(.55);transition:transform .8s}.concept-visual:hover img{transform:scale(1.04)}.concept-copy h2{font:400 clamp(65px,7vw,110px)/.9 'Cormorant Garamond',Georgia,serif;margin:22px 0 38px}.concept-copy h2 em{color:#c5b49c}.concept-kicker{font-size:10px;letter-spacing:.22em;color:#baac99}.concept-copy p{font-size:13px;line-height:2.6;color:#ddd7cc;max-width:480px}.concept-detail{display:flex;flex-direction:column;gap:15px;margin-top:38px;font-size:10px;letter-spacing:.18em;color:#bead9b}.concept-section .textlink{margin-top:36px}.inquiry-form{text-align:left;max-width:820px;margin:50px auto 0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.inquiry-form label{display:block;font-size:10px;letter-spacing:.19em;color:#cabda9;margin-bottom:26px}.inquiry-form input,.inquiry-form select,.inquiry-form textarea{display:block;width:100%;margin-top:12px;padding:15px 12px;background:#292823;color:#fffdf8;border:1px solid #746c5d;outline:none;border-radius:0;font:13px 'Noto Sans JP',sans-serif;letter-spacing:normal}.inquiry-form input:focus,.inquiry-form select:focus,.inquiry-form textarea:focus{border-color:#e4d6be;box-shadow:0 0 0 2px #e4d6be44}.inquiry-form textarea{resize:vertical}.inquiry-form .contact-button{background:transparent;color:var(--cream);cursor:pointer;margin-top:10px}.form-notice{font-size:11px!important;text-align:left;letter-spacing:normal!important}.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}.reveal.shown{opacity:1;transform:none}
@media(max-width:900px){.concept-layout{grid-template-columns:1fr}.concept-visual{aspect-ratio:4/3}.concept-copy h2{font-size:76px}}@media(max-width:560px){.form-grid{grid-template-columns:1fr;gap:0}.concept-copy h2{font-size:64px}}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}}

/* WordPress additions */
.admin-bar .site-header{top:32px}@media(max-width:782px){.admin-bar .site-header{top:46px}}
.custom-content{background:#f1eee7;color:#26231e;min-height:40vh}.custom-content .section-inner{padding-top:90px;padding-bottom:110px}.custom-content h1{font:400 clamp(48px,7vw,96px) Georgia,serif}.custom-content a{text-decoration:underline}.site-header .logo{display:inline-block}.editorial-item{border-top:1px solid #b9b1a6;padding:26px 0}.editorial-item h3{font:400 38px Georgia,serif;margin:0 0 12px}.editorial-item p{font-size:14px;line-height:2.1}.success-note{color:#e4d6c3}.field-error{color:#ffc5a8}

/* MAISON NOIR 2.0 — editorial clarity and art direction */
body{font-size:15px} .statement p,.craft p,.concept-copy p,.contact p,.section-head p{font-size:clamp(14px,1.15vw,17px);line-height:2.1;letter-spacing:.035em}
.section-index,.eyebrow{font-size:11px;letter-spacing:.18em}
.hero{background-color:#141311;background-image:linear-gradient(90deg,rgba(12,11,10,.95) 0%,rgba(12,11,10,.79) 33%,rgba(12,11,10,.13) 74%),var(--artista-hero-image,radial-gradient(circle at 70% 40%,#544b3d,#161513 60%));background-position:center;background-size:cover}
.hero.has-hero-image .art-object{display:none}.hero.has-hero-image:after{background:linear-gradient(0deg,rgba(12,11,10,.56),transparent 34%)}
.hero h1{font-size:clamp(72px,9vw,155px);line-height:.91}.hero-jp{max-width:460px;font-size:clamp(14px,1.2vw,17px);line-height:1.9;letter-spacing:.12em}
.experience-card .photo{filter:saturate(.72)}.photo-reception:before{background-image:url('https://images.unsplash.com/photo-1511795409834-ef04bbd61622?w=1400&q=85')}.photo-popup:before{background-image:url('https://images.unsplash.com/photo-1519167758481-83f550bb49b3?w=1200&q=85')}
.concept-visual img{filter:saturate(.7)}.contact input,.contact textarea,.contact select{font-size:15px!important;min-height:44px}.contact textarea{min-height:118px}
.inquiry-consent{font-size:13px;line-height:1.8;margin:18px 0;display:flex;gap:12px;align-items:flex-start}.inquiry-consent input{width:18px;min-height:18px!important;margin-top:4px;flex:none}.inquiry-consent a{text-decoration:underline}.form-honey{position:absolute;left:-9999px;opacity:0}
@media(max-width:560px){.hero{min-height:700px}.hero-copy{top:52%}.hero h1{font-size:clamp(62px,15vw,88px)}.section-index{font-size:10px}.hero.has-hero-image{background-position:61% center}.statement p,.craft p,.concept-copy p,.contact p{font-size:14px}}


/* MAISON NOIR V3 — editorial refinement / Japanese Mincho */
body{font-family:'Noto Serif JP','Yu Mincho','Hiragino Mincho ProN',serif;font-weight:400}
.hero-jp,.statement p,.section-head p,.craft p,.service-desc,.concept-copy p,.contact p,.inquiry-form input,.inquiry-form textarea,.inquiry-form select{font-family:'Noto Serif JP','Yu Mincho',serif}
.nav,.logo,.lang,.eyebrow,.section-index,.section-head h2,.hero h1,.display,.statement h2,.craft h2,.services h2,.service-name,.contact h2,.concept-copy h2,.photo-label,.quote-section blockquote,.textlink,.card-meta,.contact-button,.footer-links{font-family:'Cormorant Garamond',Georgia,serif}
.nav,.lang,.eyebrow,.section-index,.textlink,.card-meta,.contact-button,.footer-links{font-family:Arial,Helvetica,sans-serif}
.statement p,.craft p,.concept-copy p{font-size:clamp(14px,1.05vw,16px);line-height:2.45;letter-spacing:.055em}
.section-head p,.service-desc,.contact p{font-size:clamp(13px,1vw,15px);line-height:2.3}
.hero{background:radial-gradient(ellipse at 73% 45%,#5b4b3b 0%,#27231e 30%,#121211 75%)}
.hero:after{background:linear-gradient(90deg,rgba(10,10,10,.95) 0%,rgba(10,10,10,.65) 40%,rgba(10,10,10,.10) 82%),linear-gradient(0deg,#151513 0%,transparent 21%)}
.hero h1{font-size:clamp(78px,9.2vw,162px);letter-spacing:-.045em;line-height:.84;margin:35px 0 48px}
.hero-copy{left:9vw;top:48%;max-width:850px}.hero-jp{font-size:clamp(14px,1.25vw,18px);letter-spacing:.14em}
.hero .art-object{right:-5%;width:min(69vw,920px);height:min(69vw,920px);filter:drop-shadow(-65px 55px 85px rgba(0,0,0,.84))}
.site-header{padding-top:33px;padding-bottom:33px}.logo{font-size:29px;letter-spacing:.38em}
.statement .section-inner{padding-top:190px;padding-bottom:190px}.statement h2{letter-spacing:-.042em}
.photo{border-radius:2px}.photo-reception:before{filter:grayscale(.4) sepia(.17)}.photo-popup:before{filter:grayscale(.65) sepia(.12)}
.experience-card .photo:after{background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.72))}
.service-row{transition:padding .3s ease,background .3s ease}.service-row:hover{padding-left:18px;background:rgba(255,255,255,.035)}
.contact-button{font-family:Arial,Helvetica,sans-serif}.inquiry-form label{font-family:Arial,Helvetica,sans-serif}
@media(max-width:900px){.hero h1{font-size:clamp(72px,11vw,112px)}.hero .art-object{width:105vw;height:105vw;right:-29%;top:43%}.hero-copy{left:7vw}}
@media(max-width:560px){.hero h1{font-size:clamp(65px,14vw,92px);line-height:.93}.hero .art-object{width:135vw;height:135vw;right:-47%;top:37%;opacity:.85}.hero-copy{top:59%;left:7vw}.hero-jp{font-size:13px;line-height:2}.statement p,.craft p,.concept-copy p{font-size:14px;line-height:2.25}.nav{font-family:Arial,sans-serif}.statement .section-inner{padding-top:100px;padding-bottom:100px}}