body[data-page=home] [data-header]{position:relative;z-index:20}body[data-page=home] header{position:absolute;top:58px;left:3.5%;right:3.5%;background:transparent;border:0;color:#f7f0e5}body[data-page=home] .nav{height:72px;width:100%;max-width:none}body[data-page=home] .brand img{content:url('assets/logo-transparent.9c3e20dc4f.png');width:110px;height:75px;object-fit:contain;filter:brightness(0) invert(1);mix-blend-mode:normal}body[data-page=home] .brand-text{display:none}body[data-page=home] .nav-links{gap:12px}body[data-page=home] .nav-links a{border:1px solid #f7f0e58f;border-radius:40px;font-size:.85rem;padding:9px 22px;font-family:var(--body)}body[data-page=home] .nav-links a[aria-current=page]{background:#f7f0e5;color:#232923;border-color:#f7f0e5}body[data-page=home] .nav-links .nav-contact{padding:9px 22px;border-color:#f7f0e58f}body[data-page=home] .nav-links a:hover{background:#f7f0e520}body[data-page=home] .nav-links a[aria-current=page]:hover{background:#f7f0e5}
.cinema{position:relative;isolation:isolate;margin:12px 12px 0;min-height:720px;height:calc(100svh - 60px);max-height:1100px;border-radius:24px;overflow:hidden;background:#292621;color:#f7f0e5}.cinema-scene,.cinema-person{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;object-position:center 45%;pointer-events:none}.cinema-scene{z-index:-3}.cinema-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,#10100e55 0%,transparent 40%,#0d0e0cbf 100%)}.cinema-title{position:absolute;inset:0;font-weight:400;line-height:1;margin:0;pointer-events:none;font-family:'Poiret One',sans-serif}.cinema-back{position:absolute;top:19%;left:3%;right:3%;display:block;font-size:clamp(3rem,12.1vw,13.5rem);letter-spacing:-.035em;white-space:nowrap;text-align:center;color:#f0e6d8;z-index:-1;line-height:1}.cinema-person{z-index:1}.cinema-front{position:absolute;z-index:3;right:5.5%;top:48%;font-family:Bodoni,Georgia,serif;font-style:italic;font-size:clamp(4rem,9.2vw,10rem);font-weight:500;letter-spacing:-.035em;line-height:1.15;text-shadow:0 3px 25px #0006}.cinema-content{position:absolute;bottom:10%;left:5%;z-index:5;max-width:36ch}.cinema-message{font-family:var(--display);font-size:clamp(1.8rem,2.8vw,3rem);line-height:1.12;margin-bottom:16px;text-wrap:balance}.cinema-subtitle{font-size:.85rem;max-width:28ch;line-height:1.65;color:#f1e8dc;margin-bottom:24px}.cinema-button{background:#f4ecdf;color:#24241e;border:0;border-radius:36px;padding:15px 24px;gap:28px;min-height:48px}.cinema-button:hover{background:#d8c8b3;color:#171a15}.cinema-location{position:absolute;z-index:5;bottom:10%;right:5%;text-align:right;font-size:.8rem;max-width:26ch}.cinema-location a{font-size:.95rem}.cinema-location p{margin-top:12px;color:#e2d7c9}.cinema-disclosure{position:absolute;bottom:20px;left:5%;z-index:5;font-size:.7rem;color:#e4d8c8}.cinema-scroll{position:absolute;bottom:22px;left:calc(50% - 20px);z-index:5;display:grid;place-items:center;width:40px;height:40px;border:1px solid #e4d8c880;border-radius:50%;color:#f7f0e5}.cinema-scroll svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.5;fill:none}.cinema a:focus-visible{outline:3px solid #f7f0e5;outline-offset:5px}
@media(min-width:1800px){.cinema-back{font-size:12.1vw}.cinema-front{font-size:9.2vw}}@media(max-width:950px){.cinema{min-height:680px}.cinema-back{top:23%}.cinema-front{top:46%;font-size:10vw}.cinema-content{bottom:11%}.cinema-location{bottom:11%;max-width:22ch}.cinema-message{font-size:2.1rem}}
@media(max-width:650px){body[data-page=home] header{top:57px;left:30px;right:30px}body[data-page=home] .nav{height:62px}body[data-page=home] .brand img{width:84px;height:65px}body[data-page=home] .menu-toggle{color:#f7f0e5;border:1px solid #f7f0e58f;border-radius:30px;padding:9px 18px;background:#211d17a6}body[data-page=home] .nav-links{top:75px;left:-8px;right:-8px;padding:20px;border:1px solid #e0d2bf44;border-radius:20px;background:#24221e;gap:10px}body[data-page=home] .nav-links a{border-color:#f7f0e555;font-size:.9rem}body[data-page=home] .nav-links a[aria-current=page]{text-decoration:none}.cinema{margin:8px 8px 0;min-height:740px;height:calc(100svh - 50px);max-height:950px;border-radius:20px}.cinema-scene,.cinema-person{object-position:49% center}.cinema-back{top:22%;left:0;right:0;font-size:12.3vw;letter-spacing:-.035em}.cinema-front{right:6%;top:46%;font-size:17vw}.cinema-content{left:7%;bottom:12%;max-width:30ch}.cinema-message{font-size:1.9rem;line-height:1.15;margin-bottom:12px}.cinema-subtitle{font-size:.78rem;max-width:27ch;margin-bottom:18px}.cinema-button{font-size:.8rem;padding:13px 22px}.cinema-location{right:7%;bottom:4%;max-width:24ch;font-size:.7rem;text-align:right}.cinema-location a{font-size:.75rem}.cinema-location p{display:none}.cinema-disclosure{bottom:4%;left:7%;font-size:.7rem;max-width:19ch;line-height:1.5}.cinema-scroll{display:none}.cinema-shade{background:linear-gradient(180deg,#12100e55 0%,transparent 27%,#12100e33 42%,#12100eed 78%)}}
@media(prefers-reduced-motion:no-preference){.cinema-person{animation:portrait-settle 1.2s cubic-bezier(.2,.7,.2,1) both}@keyframes portrait-settle{from{filter:brightness(.85)}to{filter:brightness(1)}}}

.cinema:after{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,transparent 55%,#100f0dc7 100%)}@media(max-width:650px){.cinema-back{top:17%}.cinema:after{background:linear-gradient(180deg,transparent 38%,#100f0d30 48%,#100f0de8 88%)}}
/* Client review: readable back word, centered front word, distinct product display. */
.cinema-back{top:8%;font-size:10.6vw;color:#fff4e5;text-shadow:0 2px 20px #0005}
.cinema-front{left:50%;right:auto;transform:translateX(-50%);top:48%;white-space:nowrap}
body[data-page=home] #seleccion{background:#e2d8ca;padding:44px 36px;margin:64px 0;border-radius:24px}
body[data-page=home] #seleccion .product{background:#faf7f1;border-radius:14px;overflow:hidden;padding-bottom:20px}
body[data-page=home] #seleccion .product-meta,body[data-page=home] #seleccion .product>p,body[data-page=home] #seleccion .product details{margin-left:20px;margin-right:20px}
body[data-page=home] #seleccion .demo-note{color:#505348}
@media(min-width:1800px){.cinema-back{font-size:10.6vw}}
@media(max-width:950px){.cinema-back{top:11%;font-size:10.6vw}.cinema-front{top:46%}body[data-page=home] #seleccion{padding:32px 24px}}
@media(max-width:650px){.cinema-back{top:13%;font-size:12.3vw}.cinema-front{top:46%;left:50%;right:auto;font-size:17vw}body[data-page=home] #seleccion{padding:30px 16px;margin:40px -6px;border-radius:20px}body[data-page=home] #seleccion .product-meta,body[data-page=home] #seleccion .product>p,body[data-page=home] #seleccion .product details{margin-left:12px;margin-right:12px}}
/* Depth and composition refinements. */
.cinema{height:66vw;min-height:660px;max-height:960px;perspective:1400px}
.cinema-scene{filter:brightness(1.22)}
.cinema-scene,.cinema-person{transform:translate3d(var(--scene-x,0px),var(--scene-y,0px),0) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) scale(1.035);transform-origin:center;transition:transform .35s ease-out}
.cinema-front{left:50%;right:auto;transform:translateX(-50%) translate3d(var(--letter-x,0px),var(--letter-y,0px),0);font-size:11vw;top:45%;color:#fff1db;text-shadow:0 1px 0 #c7b294,0 2px 0 #a78d6c,0 3px 0 #826e54,0 5px 9px #0008,0 15px 30px #0005;transition:transform .35s ease-out}
.cinema-back{color:#f4e6cd;text-shadow:0 1px 0 #b9a78b,0 2px 0 #8a775a,0 4px 10px #0006}
body[data-page=home] #seleccion{overflow:hidden}
body[data-page=home] #seleccion .products.depth-carousel{display:block;position:relative;perspective:1400px;transform-style:preserve-3d;height:740px;margin:0;padding:25px 0}
body[data-page=home] #seleccion .depth-carousel .product{position:absolute;width:38%;left:31%;top:25px;transition:transform .6s cubic-bezier(.2,.7,.2,1),opacity .6s,box-shadow .6s;transform-style:preserve-3d;backface-visibility:hidden;box-shadow:0 24px 38px #443a2c30;will-change:transform}
body[data-page=home] #seleccion .depth-carousel .product[data-position=center]{transform:translateZ(55px);z-index:3;opacity:1}
body[data-page=home] #seleccion .depth-carousel .product[data-position=left]{transform:translateX(-88%) translateZ(-140px) rotateY(24deg);z-index:1;opacity:.83}
body[data-page=home] #seleccion .depth-carousel .product[data-position=right]{transform:translateX(88%) translateZ(-140px) rotateY(-24deg);z-index:1;opacity:.83}
.carousel-controls{display:flex;justify-content:center;align-items:center;gap:24px;margin:12px 0 24px}.carousel-controls button{width:48px;height:48px;display:grid;place-items:center;border:1px solid #9c8f7c;border-radius:50%;background:#faf7f1;color:#232923}.carousel-controls button:hover{background:#232923;color:#faf7f1}.carousel-controls svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.5}.carousel-controls span{font-size:.85rem;min-width:65px;text-align:center}
@media(max-width:950px){body[data-page=home] #seleccion .products.depth-carousel{height:680px}body[data-page=home] #seleccion .depth-carousel .product{width:48%;left:26%}.cinema-front{font-size:12vw}}
@media(max-width:650px){.cinema{height:calc(100svh - 50px);min-height:740px}.cinema-scene,.cinema-person{transform:none;transition:none}.cinema-front{font-size:20vw;top:44%;transform:translateX(-50%)}body[data-page=home] #seleccion .products.depth-carousel{height:680px;perspective:1000px;touch-action:pan-y}body[data-page=home] #seleccion .depth-carousel .product{width:78%;left:11%;top:25px}body[data-page=home] #seleccion .depth-carousel .product[data-position=center]{transform:translateZ(0)}body[data-page=home] #seleccion .depth-carousel .product[data-position=left]{transform:translateX(-83%) translateZ(-120px) rotateY(25deg)}body[data-page=home] #seleccion .depth-carousel .product[data-position=right]{transform:translateX(83%) translateZ(-120px) rotateY(-25deg)}}
@media(prefers-reduced-motion:reduce){.cinema-scene,.cinema-person,.cinema-front,body[data-page=home] #seleccion .depth-carousel .product{transition:none;animation:none}}
/* Walnut continuity and a more legible salon. */
.cinema-scene{filter:brightness(1.06)}
.cinema-person{transform:translate3d(var(--figure-x,0px),var(--figure-y,0px),0) rotateX(var(--figure-tilt-x,0deg)) rotateY(var(--figure-tilt-y,0deg)) scale(1.035);transition:transform .28s ease-out}
.cinema-content{background:#17130fbd;padding:18px 22px;border-radius:14px}
body[data-page=home] #seleccion{background:#30271f;color:#f5ecdf}
body[data-page=home] #seleccion .section-head p,body[data-page=home] #seleccion .demo-note{color:#e1d1bd}
body[data-page=home] #seleccion .product{color:#232923}
body[data-page=home] #seleccion .carousel-controls{color:#f5ecdf}
body[data-page=home] #seleccion .depth-carousel .product{box-shadow:0 28px 45px #100c0980}
@media(max-width:650px){.cinema-person{transform:none;transition:none}.cinema-content{padding:14px 16px;left:5%;max-width:29ch}}
@media(prefers-reduced-motion:reduce){.cinema-person{transform:none;transition:none}}

body[data-page=home] .brand{background:#17130fcc;padding:5px 10px;border-radius:12px}@media(max-width:650px){body[data-page=home] .brand{padding:3px 8px}}
/* The hand-made, made-to-measure craft is the main story. */
.craft-story{padding:82px 0 12px;scroll-margin-top:30px}
.craft-lead{display:grid;grid-template-columns:1.1fr 1fr;gap:54px;align-items:center}
.craft-photo{position:relative;margin:0;overflow:hidden;background:#30271f}
.craft-photo img{width:100%;height:100%;object-fit:cover;aspect-ratio:3/2}
.craft-photo figcaption{position:absolute;bottom:14px;left:14px;background:#21190fe8;color:#f4ecdf;padding:6px 10px;font-size:.7rem;line-height:1.5}
.craft-intro h2{font-size:clamp(2.5rem,4.1vw,4.1rem);margin-bottom:26px}
.craft-intro p{color:#55564e;font-size:.95rem;max-width:45ch;margin-bottom:18px;line-height:1.8}
.craft-intro h3{font-size:1rem;font-weight:600;margin-top:30px;margin-bottom:10px}
.craft-intro .text-link{display:inline-block;margin-top:8px}
.craft-process{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:56px}
.craft-process h3{font-family:var(--display);font-size:2rem;margin:22px 0 12px;line-height:1.2}
.craft-process article>p{color:#55564e;max-width:52ch;font-size:.9rem;line-height:1.8}
.craft-difference{display:grid;grid-template-columns:1fr 1fr;gap:54px;margin-top:64px;padding:42px;background:#30271f;color:#f5ecdf;border-radius:20px}
.craft-difference h2{font-size:clamp(2.3rem,3.2vw,3.5rem);margin-bottom:20px}
.craft-difference p{font-size:.9rem;color:#e1d1bd;line-height:1.8}
.craft-difference dl{margin:0}.craft-difference dl>div{padding:20px 0;border-bottom:1px solid #e1d1bd40}.craft-difference dl>div:first-child{padding-top:0}.craft-difference dt{font-size:1rem;font-weight:600;margin-bottom:10px}.craft-difference dd{margin:0;font-size:.9rem;line-height:1.8;color:#e1d1bd}
.craft-disclosure{font-size:.75rem;color:#64675d;margin-top:22px;max-width:90ch;line-height:1.7}
@media(max-width:950px){.craft-lead{gap:30px}.craft-intro p{font-size:.88rem}.craft-difference{gap:32px;padding:32px}}
@media(max-width:650px){.craft-story{padding-top:42px}.craft-lead,.craft-process,.craft-difference{grid-template-columns:1fr;gap:28px}.craft-intro h2{font-size:2.6rem;margin-bottom:22px}.craft-intro h3{margin-top:22px}.craft-process{margin-top:38px;gap:36px}.craft-process h3{margin-top:18px;font-size:1.9rem}.craft-difference{margin-top:38px;padding:28px 24px}.craft-difference h2{font-size:2.5rem}.craft-photo figcaption{bottom:10px;left:10px;font-size:.7rem}.craft-disclosure{font-size:.73rem}}
body[data-page=home] #seleccion .depth-carousel .product[data-position=away]{visibility:hidden;opacity:0;pointer-events:none;transform:translateZ(-300px) scale(.7)}
