@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Playfair+Display:ital,wght@1,500&display=swap');
:root{--wine:#621b19;--cream:#f7f2e9;--brick:#983029;--taupe:#796656}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--wine);font-family:'DM Sans',Arial,sans-serif;min-height:100svh;display:grid;grid-template-columns:64% 36%}main{min-height:100svh;padding:0 8%;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}a:hover{opacity:.75}a:focus-visible{outline:3px solid var(--brick);outline-offset:6px}header{display:flex;justify-content:space-between;align-items:center;min-height:130px;border-bottom:1px solid #621b1925;gap:20px}header>a{display:block;width:130px;overflow:hidden}.logo{display:block;width:170px;height:auto;margin-left:-20px;mix-blend-mode:multiply}.status{font-size:10px;letter-spacing:.2px;display:flex;align-items:center;gap:8px}.status i{background:var(--brick);width:6px;height:6px;border-radius:50%}section{padding:65px 0;flex:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.eyebrow{text-transform:uppercase;font-size:10px;letter-spacing:2px;margin:0 0 30px}h1{position:relative;font-weight:500;font-size:clamp(80px,8.5vw,145px);letter-spacing:-6px;line-height:.97;margin:0}h1 em{font-family:'Playfair Display',Georgia,serif;font-weight:500}.star{font-size:.63em;display:inline-block;vertical-align:middle;margin-left:28px;color:var(--brick)}.intro{font-size:16px;color:var(--taupe);line-height:1.7;margin:30px 0}.instagram{display:flex;align-items:center;gap:13px;background:var(--wine);color:var(--cream);padding:18px 22px;border-radius:40px;font-size:13px}.instagram>span:last-child{margin-left:16px;font-size:21px}.handle{font-size:11px;color:var(--taupe);margin:14px 0 0 22px}footer{display:flex;justify-content:space-between;gap:15px;font-size:10px;padding:25px 0;border-top:1px solid #621b1925;line-height:1.5}aside{background:#dfcfb9;position:relative;overflow:hidden;min-height:100svh;isolation:isolate}.arch{position:absolute;width:430px;height:850px;border:85px solid var(--wine);border-radius:260px 260px 0 0;transform:rotate(27deg);top:22%;left:-160px;box-shadow:18px 12px 0 #b79b7f}.two{left:55px;top:10%;border-color:var(--brick);z-index:-1}.three{left:270px;top:-2%;border-color:#b69c82;z-index:-2}.art-caption{position:absolute;bottom:65px;left:40px;right:25px;color:var(--cream);font-size:clamp(25px,3vw,48px);letter-spacing:-1.5px;line-height:1.1}.art-note{position:absolute;top:50px;left:40px;font-size:9px;letter-spacing:2px}::selection{background:var(--wine);color:var(--cream)}@media(min-width:1600px){section{padding-top:90px;padding-bottom:90px}}@media(max-width:850px){body{grid-template-columns:1fr}main{padding:0 7%;min-height:100svh}aside{display:none}h1{font-size:clamp(85px,17vw,145px)}section{padding:45px 0}header{min-height:110px}.status{font-size:9px}footer{font-size:9px}.instagram{font-size:12px}h1{letter-spacing:-5px}}@media(max-width:380px){.status{max-width:110px;line-height:1.5}h1{font-size:85px}.star{margin-left:15px}.instagram{padding:16px;font-size:11px;gap:9px}.instagram>span:last-child{margin-left:5px}footer{flex-direction:column}}

.brush-wrap{width:calc(100% + 9vw);margin:-18px -2vw -22px;position:relative;z-index:2;pointer-events:none}.paintbrush{display:block;width:100%;height:auto;filter:drop-shadow(0 12px 8px #32181422)}@media(max-width:850px){.brush-wrap{width:106%;margin:-12px -3% -12px}}
.brush-wrap{height:clamp(85px,10vw,140px);margin-top:5px;margin-bottom:0}.paintbrush{position:absolute;top:50%;transform:translateY(-50%)}

.logo-dot{display:inline-block;width:.22em;height:.22em;margin-left:.075em;vertical-align:baseline;mix-blend-mode:multiply}
@font-face{font-family:'ARKO Bodoni';src:url('assets/bodoni-moda.ttf') format('truetype');font-style:normal;font-weight:400 900;font-display:swap}h1,h1 em{font-family:'ARKO Bodoni',Georgia,serif;font-weight:400;font-style:normal;font-optical-sizing:auto}h1{letter-spacing:-.045em}

.paintbrush{filter:none}.brush-wrap{background:var(--cream)}

body{display:block}main{width:100%;padding:0 6%;min-height:100svh}section{padding:45px 0}.brush-wrap{width:min(100%,1100px);margin-left:0;margin-right:0;height:clamp(90px,10vw,145px)}h1{font-size:clamp(85px,8.5vw,145px)}@media(max-width:850px){main{padding:0 7%}h1{font-size:clamp(85px,17vw,145px)}.brush-wrap{width:100%}}

body{position:relative;isolation:isolate}.ar-stencil{position:absolute;right:0;top:50%;transform:translateY(-50%);height:75svh;width:auto;aspect-ratio:178/201;max-width:68vw;opacity:.12;mix-blend-mode:multiply;pointer-events:none;z-index:-1}main{position:relative;z-index:1}.brush-wrap{background:transparent}@media(max-width:850px){.ar-stencil{max-width:82vw;opacity:.07}}

.ar-video{position:absolute;right:0;top:50%;transform:translateY(-50%);height:75svh;aspect-ratio:178/201;max-width:68vw;pointer-events:none;z-index:-1;overflow:hidden;background:var(--wine);-webkit-mask:url('assets/ar-video-mask.svg') center/100% 100% no-repeat;mask:url('assets/ar-video-mask.svg') center/100% 100% no-repeat}.ar-video video{width:100%;height:100%;object-fit:cover;opacity:1}.motion-toggle{position:absolute;right:6%;bottom:80px;z-index:3;border:1px solid #621b1955;background:var(--cream);color:var(--wine);padding:9px 14px;border-radius:25px;font:11px 'DM Sans',Arial,sans-serif;cursor:pointer}.motion-toggle:focus-visible{outline:3px solid var(--brick);outline-offset:4px}@media(max-width:850px){.ar-video{max-width:70vw;height:60svh;opacity:.22}.motion-toggle{right:7%;bottom:90px}}

.ar-outline{position:absolute;right:0;top:50%;transform:translateY(-50%);height:75svh;aspect-ratio:178/201;max-width:68vw;width:auto;pointer-events:none;z-index:0;object-fit:fill}@media(max-width:850px){.ar-outline{max-width:70vw;height:60svh;opacity:.65}}
/* Grounded contact shadow; multiply affects only the shadow layer. */
.brush-wrap::before{content:"";position:absolute;left:3%;top:calc(50% + clamp(10px,2.2vw,28px));width:91%;height:clamp(5px,.75vw,10px);border-radius:50%;background:radial-gradient(ellipse at center,rgba(61,43,30,.25) 0%,rgba(80,61,43,.14) 42%,rgba(80,61,43,0) 75%);filter:blur(2px);mix-blend-mode:multiply;transform:rotate(-.25deg);pointer-events:none}.paintbrush{z-index:1;filter:none}

.ar-outline{filter:drop-shadow(1px 2px 0 #544638) drop-shadow(2px 4px 2px #46392d35)}

.ar-outline{filter:drop-shadow(1px 2px 0 #544638) drop-shadow(5px 8px 6px rgba(121,102,86,0.20))}

.brush-wrap::before{left:1.5%;width:95%;height:clamp(9px,1.25vw,17px);background:radial-gradient(ellipse at center,rgba(61,43,30,.23) 0%,rgba(80,61,43,.13) 38%,rgba(80,61,43,.055) 62%,rgba(80,61,43,0) 84%);filter:blur(4px);mix-blend-mode:multiply;top:calc(50% + clamp(12px,2.35vw,30px))}
