/*
Theme Name: Concepcion
Theme URI: https://home.concepcion-cappeli.com
Author: Benjamin Voland
Description: Individuelles, mehrsprachiges Theme für Concepcion.
Version: 1.0.0
Text Domain: concepcion
*/
:root{--ink:#1e1a17;--paper:#f5f0e9;--clay:#c84d16;--cream:#ede5d8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.65 Arial,sans-serif}.wrap{width:min(1140px,calc(100% - 64px));margin:auto}.header{height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 4.2vw;border-bottom:1px solid rgba(30,26,23,.1);background:var(--paper);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;font:500 13px monospace;letter-spacing:.16em}.mark{width:31px;height:31px;border:1.5px solid currentColor;border-radius:50%;display:grid;place-items:center;font:500 15px Georgia,serif;letter-spacing:0}nav{display:flex;gap:28px}nav a{color:inherit;text-decoration:none;font:500 11px monospace;letter-spacing:.08em}.language{display:flex;gap:10px}.language a{color:inherit;text-decoration:none;font:500 11px monospace;opacity:.55}.language .current-lang{opacity:1}.hero{height:min(690px,calc(100vh - 80px));min-height:520px;position:relative;overflow:hidden;background:#1a100b;color:white}.hero>img{position:absolute;width:100%;height:100%;object-fit:cover}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.48),rgba(0,0,0,.06))}.hero-copy{position:relative;z-index:1;width:min(500px,88%);padding:clamp(70px,12vh,150px) 0 0 max(7vw,30px)}.eyebrow{font:500 10px monospace;letter-spacing:.15em;margin:0 0 18px}.terracotta{color:var(--clay)}h1,h2,h3{font-family:Georgia,serif;font-weight:500;letter-spacing:-.035em;line-height:1.08;margin:0}h1{font-size:clamp(48px,6.2vw,91px)}.hero-copy>p:not(.eyebrow){max-width:390px;margin:25px 0 29px;color:#eee5dd}.button{display:inline-flex;align-items:center;gap:28px;padding:13px 17px;text-decoration:none;font:500 11px monospace;letter-spacing:.05em}.light{background:white;color:var(--ink)}.dark{background:var(--ink);color:white}.intro{padding:130px 0;display:grid;grid-template-columns:1fr 1.1fr;gap:80px}.intro h2,.section-head h2,.atelier h2,.events h2,.conxi h2{font-size:clamp(35px,4.2vw,58px)}.intro>p:last-child{max-width:440px;font-size:17px;margin:32px 0 0}.collections{padding:0 0 130px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:40px}.text-link{font:500 11px monospace;letter-spacing:.04em;color:inherit;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:5px}.cards{display:grid;grid-template-columns:1.1fr 1fr .9fr;gap:16px}.card{height:460px;padding:22px;display:flex;flex-direction:column;justify-content:space-between;color:white;background-size:cover;background-position:center;position:relative;overflow:hidden}.card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.56))}.card>*{z-index:1}.card span{font:10px monospace;letter-spacing:.14em}.card h3{font-size:30px;margin-bottom:15px}.card a{color:white;font:10px monospace;text-decoration:none}.atelier{display:grid;grid-template-columns:1fr 1fr;min-height:630px;background:var(--cream)}.atelier-image{background:center/cover;display:flex;align-items:end;padding:32px}.shop-sign{background:rgba(255,255,255,.91);padding:18px 22px;font:500 14px monospace;letter-spacing:.13em}.atelier-copy{padding:80px clamp(35px,7vw,100px);align-self:center}.atelier-copy p:not(.eyebrow),.conxi p:not(.eyebrow),.event-card p:not(.eyebrow){margin:27px 0;font-size:16px}.atelier-copy address{font-style:normal;font:12px/1.7 monospace;margin:25px 0}.events{background:var(--ink);color:var(--paper);padding:120px 0}.event-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-top:55px}.date{display:flex;gap:18px;border-top:1px solid rgba(255,255,255,.2);padding:17px 0}.date:last-child{border-bottom:1px solid rgba(255,255,255,.2)}.date b{font:30px Georgia,serif}.date strong,.date small{display:block}.date small{opacity:.55;font:10px monospace;margin-top:4px}.event-card{background:#e3ddd3;color:var(--ink);padding:42px}.event-card h3{font-size:36px}.conxi{padding:130px 0;display:grid;grid-template-columns:.85fr 1.15fr;gap:11vw;align-items:center}.portrait{height:470px;background:center/cover;position:relative}.portrait:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.6);inset:13%}footer{background:var(--clay);color:white;padding:65px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.footer-grid .brand{margin-bottom:25px}.footer-grid p:not(.eyebrow){margin:0}.footer-grid a:not(.brand){display:block;color:white;text-decoration:none;margin-bottom:7px}.fineprint{border-top:1px solid rgba(255,255,255,.35);margin-top:60px;padding-top:18px;font:9px monospace;letter-spacing:.05em}@media(max-width:760px){.header{padding:0 20px;height:65px}nav{display:none}.wrap{width:min(100% - 40px,1140px)}.intro,.atelier,.conxi{grid-template-columns:1fr;gap:35px}.intro{padding:80px 0}.cards{grid-template-columns:1fr}.card{height:330px}.atelier{width:100%}.atelier-image{min-height:390px}.atelier-copy{padding:60px 30px}.events{padding:80px 0}.event-grid{grid-template-columns:1fr;gap:38px}.conxi{padding:80px 0}.portrait{height:370px}.footer-grid{grid-template-columns:1fr;gap:30px}}