/*
Theme Name: Lutz'Oc V1
Theme URI: https://lutzoc.com/
Author: Lutz'Oc
Description: Première maquette locale de la présence Lutz'Oc.
Version: 0.1.0
Requires at least: 6.6
Requires PHP: 8.0
Text Domain: lutzoc
*/
:root{--ink:#10100f;--cream:#e9e1d2;--paper:#f3eee5;--gold:#d7b78b;--gold-ink:#725a35;--text-on-light:#28231f;--muted:#5c554b;--line:#b8ac98;--serif:'Boska',Georgia,'Times New Roman',serif;--sans:'IBM Plex Sans',Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font-family:var(--sans);line-height:1.55}img{display:block;max-width:100%}a{color:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.skip-link{position:absolute;left:-9999px;top:10px;background:var(--paper);padding:10px;z-index:100}.skip-link:focus{left:10px}.site-header{position:relative;z-index:10;background:var(--cream);border-bottom:1px solid var(--line)}.header-inner{max-width:1400px;margin:auto;padding:22px 4vw;display:flex;align-items:center;gap:28px;justify-content:space-between}.brand{display:block;flex:none;width:177px}.brand img{width:100%;height:auto}.site-nav{display:flex;align-items:center;gap:30px;font-size:12px;font-weight:700;letter-spacing:.11em;text-transform:uppercase}.site-nav a{text-decoration:none}.site-nav a:hover,.footer-links a:hover{color:#a17135}.nav-contact{padding:11px 17px;border:1px solid var(--ink)}.menu-toggle{display:none;background:none;border:1px solid var(--ink);padding:9px 12px;font-size:22px;line-height:1;cursor:pointer}.wrap{max-width:1400px;margin:auto;padding-left:4vw;padding-right:4vw}.eyebrow{font-size:11px;letter-spacing:.22em;text-transform:uppercase;font-weight:700;color:#9b7139}.hero{min-height:640px;display:grid;grid-template-columns:1.02fr .98fr}.hero-copy{display:flex;flex-direction:column;justify-content:center;padding:70px max(6vw,40px) 80px 4vw}.hero h1,.page-hero h1{font-family:var(--serif);font-weight:400;line-height:1.02;letter-spacing:-.045em;font-size:clamp(54px,6.1vw,106px);margin:22px 0 30px}.hero p.lead,.page-hero .lead{max-width:570px;color:var(--muted);font-size:18px}.hero-image{background:linear-gradient(180deg,rgba(10,22,19,.04),rgba(10,22,19,.2)),url('assets/fallas-vilaller.jpg') center/cover;min-height:600px;position:relative}.image-credit{position:absolute;bottom:18px;left:20px;color:#fff;font-size:11px;letter-spacing:.07em;text-shadow:0 1px 3px #111}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}.button{display:inline-block;text-decoration:none;border:1px solid var(--ink);padding:14px 19px;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.button.primary{background:var(--ink);color:var(--paper)}.button:hover{background:var(--gold);border-color:var(--gold);color:var(--ink)}.intro-band{background:var(--ink);color:var(--paper);padding:78px 0}.intro-band .wrap{display:grid;grid-template-columns:1fr 2fr;gap:70px}.intro-band p{font-family:var(--serif);font-size:clamp(27px,3vw,46px);line-height:1.2;margin:0}.section{padding:94px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:38px}.section h2,.split h2{font-family:var(--serif);font-size:clamp(38px,4vw,64px);font-weight:400;letter-spacing:-.035em;line-height:1.1;margin:13px 0}.section-head p{max-width:390px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.card{background:var(--cream);padding:34px 28px 38px;min-height:320px;display:flex;flex-direction:column}.card .number{color:var(--gold-ink);font-family:var(--serif);font-size:34px}.card h3{font-family:var(--serif);font-size:29px;line-height:1.12;font-weight:400;margin:26px 0 12px}.card p{font-size:14px;color:var(--muted);margin:0 0 24px}.card a{margin-top:auto;font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.13em;text-decoration:none;border-bottom:1px solid var(--gold);width:max-content;padding-bottom:6px}.paper{background:var(--paper)}.split{display:grid;grid-template-columns:1fr 1fr;min-height:440px}.split-copy{padding:80px max(6vw,40px) 80px 4vw;display:flex;flex-direction:column;justify-content:center}.split-copy p{max-width:570px;color:var(--muted)}.visual-block{background:var(--ink);color:var(--paper);display:flex;align-items:center;justify-content:center;padding:45px;position:relative;overflow:hidden}.visual-block:before{content:'';position:absolute;width:64%;aspect-ratio:1;border:1px solid rgba(181,139,72,.55);border-radius:50%;transform:translate(12%,-8%)}.visual-block:after{content:'';position:absolute;width:40%;aspect-ratio:1;border:1px solid rgba(181,139,72,.35);border-radius:50%;transform:translate(-23%,23%)}.visual-block strong{font-family:var(--serif);font-weight:400;font-size:clamp(45px,6vw,90px);z-index:1;line-height:1.05;max-width:400px}.closing{background:#d6c7ae;padding:82px 0}.closing .wrap{display:flex;justify-content:space-between;align-items:end;gap:30px}.closing h2{font-family:var(--serif);font-size:clamp(38px,5vw,75px);line-height:1.05;font-weight:400;margin:10px 0 0;max-width:850px}.page-hero{padding:95px 0 80px;border-bottom:1px solid var(--line)}.page-hero h1{max-width:1080px}.page-hero .lead{max-width:780px}.page-content{background:var(--paper);padding:78px 0 100px}.page-content .content-inner{max-width:1100px;margin:auto;padding:0 4vw}.page-content h2{font-family:var(--serif);font-weight:400;font-size:clamp(31px,3.5vw,52px);line-height:1.15;margin:50px 0 18px}.page-content h2:first-child{margin-top:0}.page-content p{max-width:800px;font-size:17px;color:#45524e}.page-content ul{font-size:17px;max-width:750px}.page-content li{margin-bottom:11px}.page-content .wp-block-columns{display:grid;grid-template-columns:repeat(2,1fr);gap:50px}.note{background:#eee6d8;padding:25px 28px;margin:35px 0;color:var(--ink)}.page-mariages .page-hero{background:#e9dfd2}.page-mariages .eyebrow{color:#8d634a}.page-photo-film .page-hero{background:#e1e6e0}.page-design .page-hero{background:#e5ddcd}.site-footer{background:var(--ink);color:var(--paper);padding:70px 0 35px}.footer-top{display:flex;justify-content:space-between;gap:50px;align-items:start}.footer-top img{width:215px}.footer-links{display:flex;gap:26px;flex-wrap:wrap;font-size:12px;text-transform:uppercase;letter-spacing:.12em}.footer-links a{text-decoration:none}.footer-bottom{border-top:1px solid #52615b;margin-top:65px;padding-top:22px;display:flex;justify-content:space-between;color:#bfc8c3;font-size:12px}.footer-bottom a{color:#bfc8c3}.contact-box{background:var(--cream);padding:40px;margin-top:40px}.contact-box a{font-family:var(--serif);font-size:clamp(25px,3vw,45px);text-decoration:none;border-bottom:1px solid var(--gold)}
@media(max-width:900px){.site-nav{gap:13px;font-size:10px}.brand{width:150px}.hero{grid-template-columns:1fr}.hero-copy{padding:70px 5vw}.hero-image{min-height:440px}.grid{grid-template-columns:repeat(2,1fr)}.intro-band .wrap{gap:35px}}
@media(max-width:650px){.header-inner{padding:15px 5vw}.brand{width:145px}.menu-toggle{display:block}.site-nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--cream);padding:23px 5vw 30px;border-bottom:1px solid var(--line);flex-direction:column;align-items:start;gap:20px;font-size:12px}.site-nav.open{display:flex}.nav-contact{margin-top:6px}.wrap{padding-left:5vw;padding-right:5vw}.hero{min-height:0}.hero-copy{padding:63px 5vw 70px}.hero h1,.page-hero h1{font-size:clamp(48px,13vw,76px)}.hero-image{min-height:350px}.intro-band{padding:55px 0}.intro-band .wrap{display:block}.intro-band p{margin-top:24px}.section{padding:68px 0}.section-head{display:block}.grid{grid-template-columns:1fr}.card{min-height:0;padding:28px}.card h3{margin-top:16px}.split{grid-template-columns:1fr}.split-copy{padding:65px 5vw}.visual-block{min-height:320px}.closing{padding:62px 0}.closing .wrap{display:block}.closing .button{margin-top:30px}.page-hero{padding:72px 0 65px}.page-content{padding:55px 0}.page-content .content-inner{padding:0 5vw}.page-content .wp-block-columns{grid-template-columns:1fr;gap:5px}.footer-top,.footer-bottom{display:block}.footer-links{margin-top:35px;display:grid;gap:17px}.footer-bottom>*{display:block;margin-bottom:10px}}
.site-header{background:var(--ink);border-bottom-color:#3d3934;color:var(--cream)}.nav-contact{border-color:var(--gold)}.menu-toggle{border-color:var(--gold);color:var(--cream)}.site-footer{background:var(--ink)}.site-footer .footer-top img{filter:none}
@media(max-width:650px){.site-nav{background:#11100f;border-bottom-color:#3d3934}}