/* Matheu Art — v4. La fotografia primer: el web s'aparta. Lletres allotjades al servidor (sense Google Fonts). */
@font-face{font-family:'Bodoni Moda';src:url(fonts/bodoni-moda.woff2) format('woff2');font-weight:400 900;font-style:normal;font-display:swap}
@font-face{font-family:'Hanken Grotesk';src:url(fonts/hanken-grotesk.woff2) format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:'Raleway';src:url(fonts/raleway.woff2) format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
:root{--paper:#fbfaf8;--ink:#1d1c1b;--muted:#6b6862;--line:#e5e2dd;--tint:#f2efea;--accent:#b2a18b;
--serif:'Bodoni Moda','Bodoni 72',Didot,Georgia,serif;--sans:'Hanken Grotesk',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
--gut:clamp(16px,4vw,64px);--cg:clamp(12px,2vw,32px);--max:1600px;--sec:clamp(4rem,12vh,9rem)}
*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:400 1rem/1.65 var(--sans);-webkit-font-smoothing:antialiased}
img{max-width:100%;-webkit-user-drag:none}picture{display:contents}
a{color:inherit;text-decoration:none}p{margin:0 0 1em}
:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip{position:absolute;left:var(--gut);top:-4rem;background:var(--ink);color:var(--paper);padding:.7rem 1rem;z-index:100}.skip:focus{top:.5rem}
.wrap{max-width:var(--max);margin-inline:auto;padding-inline:var(--gut)}

/* Tipografia: el contrast gruixut/prim de Bodoni fa de llum i ombra */
h1,h2,h3,.display{font-family:var(--serif);font-weight:400;font-optical-sizing:auto;letter-spacing:-.025em;line-height:1.02;margin:0}
h1{font-size:clamp(2.7rem,7.4vw,7rem)}h2{font-size:clamp(1.9rem,3.8vw,3.6rem)}h2.h-sm{font-size:clamp(1.6rem,2.6vw,2.4rem);line-height:1.1}
h3{font-size:1.25rem;line-height:1.25}
.kicker,.eyebrow{font-size:.8125rem;color:var(--muted);letter-spacing:.01em;margin:0 0 .9rem;text-transform:none}
.lead{font-size:clamp(1.05rem,1.45vw,1.3rem);line-height:1.6;max-width:36em;margin:1.4rem 0 0}
.prose{max-width:38em;line-height:1.8;color:#3a3936}.prose p{margin:0 0 1.2em}
.small{font-size:.8125rem;color:var(--muted);line-height:1.7}
.tlink{display:inline-block;margin:1.6rem 1.8rem 0 0;border-bottom:1px solid currentColor;padding-bottom:.15em;font-size:.9375rem;transition:opacity .2s}.tlink:hover{opacity:.55}
.btn{display:inline-block;border:1px solid var(--ink);padding:.9em 1.5em;font:inherit;font-size:.875rem;margin:1.4rem 1rem 0 0;background:transparent;color:var(--ink);cursor:pointer;transition:background .2s,color .2s}
.btn:hover{background:var(--ink);color:var(--paper)}.btn.dark{background:var(--ink);color:var(--paper)}.btn.dark:hover{opacity:.82}
.btn.ghost{background:transparent}
.note{font-size:.8125rem;color:var(--muted);line-height:1.6;border-left:2px solid var(--line);padding:.2rem 0 .2rem 1rem;max-width:44em;margin:1.4rem 0 0}

/* Capçalera */
.top{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:20px var(--gut);position:relative;z-index:20}
.logo{font-family:'Raleway',var(--sans);font-size:30px;font-weight:600;letter-spacing:.01em;line-height:1}.dot{color:var(--accent)}
.nav{display:flex;align-items:center;gap:clamp(1rem,2.2vw,2.2rem);font-size:.9375rem;text-transform:lowercase}
.nav a{padding:.25rem 0;border-bottom:1px solid transparent;white-space:nowrap}.nav a:hover{border-color:currentColor}.nav a[aria-current=page]{border-color:currentColor}
.lang{display:inline-flex;gap:.25rem;margin-left:.4rem}.lang a{font-size:.75rem;padding:.25rem .35rem;color:var(--muted);text-transform:uppercase}.lang a.on{color:inherit;border-color:currentColor}
.cartlink{display:inline-flex;gap:.4rem;align-items:baseline}.badge{font-size:.6875rem;background:var(--ink);color:var(--paper);border-radius:99px;min-width:1.2rem;text-align:center;padding:.05rem .35rem}.badge:empty{display:none}
.menubtn{display:none;font:inherit;font-size:.9375rem;background:none;border:0;color:inherit;cursor:pointer;padding:.5rem 0;z-index:60}
.is-home .top{position:absolute;inset:0 0 auto 0;color:#fff}.is-home .lang a{color:rgba(255,255,255,.75)}.is-home .badge{background:#fff;color:var(--ink)}
.is-home.menu-open .top{color:var(--ink)}.is-home.menu-open .badge{background:var(--ink);color:var(--paper)}

/* Portada */
.hero{display:block;position:relative;height:100svh;min-height:520px;overflow:hidden;background:var(--tint);color:#fff}
.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 42%;animation:settle 2.4s cubic-bezier(.2,.7,.2,1) both}
.hero::before,.hero::after{content:'';position:absolute;inset:0 0 auto;height:160px;background:linear-gradient(rgba(20,18,16,.4),transparent);z-index:1}
.hero::after{inset:auto 0 0;height:42%;background:linear-gradient(to top,rgba(20,18,16,.5),transparent)}
.hero-cap{position:absolute;left:var(--gut);right:var(--gut);bottom:clamp(1.5rem,6vh,4rem);z-index:2;display:flex;flex-direction:column;gap:.5rem;animation:rise 1.4s .5s both}
.hero-title{font-family:var(--serif);font-size:clamp(2.2rem,5.4vw,5rem);line-height:1;letter-spacing:-.025em}
.hero-meta{display:flex;gap:1.2rem;font-size:.875rem;opacity:.9}
@keyframes settle{from{transform:scale(1.05)}to{transform:none}}@keyframes rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.intro{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--cg);padding-block:var(--sec) calc(var(--sec)*.6);align-items:end}
.intro h2{grid-column:1/8;font-size:clamp(2.4rem,6vw,5.6rem)}.intro-body{grid-column:9/13}.intro-body .lead{margin-top:0}
.feature{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--cg);padding-block:var(--sec) 0;align-items:end}
.feature-img{grid-column:1/8}.feature-img img{display:block;width:100%;height:auto}
.feature-text{grid-column:9/13;padding-bottom:1rem}.feature-text .lead{font-size:1.05rem}
.feature-flip .feature-img{grid-column:8/12;grid-row:1}.feature-flip .feature-text{grid-column:2/7;grid-row:1;padding-bottom:0}
.band{position:relative;display:grid;align-items:end;min-height:34vh;margin-top:var(--sec);overflow:hidden;background:var(--tint)}
.band-img{min-height:90svh;color:#fff}.band-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.band-img::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(20,18,16,.62),rgba(20,18,16,.08) 65%)}
.band-text{position:relative;z-index:1;padding-block:clamp(3rem,9vh,6rem);width:100%}.band-text h2{max-width:14em;font-size:clamp(2.2rem,5vw,4.6rem)}
.band-text .kicker{color:inherit;opacity:.85}.band-text .lead{max-width:30em}.band-img .btn{border-color:#fff;color:#fff}.band-img .btn:hover{background:#fff;color:var(--ink)}

/* Capçaleres de pàgina */
.pagehead,.pageintro{padding:clamp(4.5rem,12vh,8rem) 0 clamp(2rem,6vh,4rem)}.pagehead h1,.pageintro h1{margin-top:.2rem}
.pageintro .eyebrow{margin-bottom:1rem}

/* Collage asimètric (projectes, botiga, portada) */
.coll{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--cg);row-gap:clamp(2.5rem,7vh,5.5rem);align-items:start;padding-bottom:var(--sec)}
.plate{display:block;grid-column:var(--c,1)/span var(--s,6);margin-top:var(--o,0)}
.plate-img{display:block;aspect-ratio:var(--r);background:var(--tint);overflow:hidden}.plate-img img{display:block;width:100%;height:100%;object-fit:cover}
.plate-meta{display:flex;flex-direction:column;gap:.15rem;padding-top:.9rem}
.plate-title{font-family:var(--serif);font-size:clamp(1.3rem,2vw,1.8rem);line-height:1.15;letter-spacing:-.01em;background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;transition:background-size .3s;align-self:flex-start}
.plate:hover .plate-title{background-size:100% 1px}
.plate-sub,.plate-price{font-size:.875rem;color:var(--muted)}.plate-price{margin-top:.3rem;color:var(--ink)}.plate-state{color:var(--muted)}

/* Projecte com a llibre */
.draftbar{background:var(--ink);color:var(--paper);padding:.7rem var(--gut);font-size:.875rem;text-align:center;margin:0}
.opening{padding-top:clamp(4.5rem,12vh,8rem)}
.opening-text{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--cg);row-gap:1.2rem;align-items:end}
.opening-text h1{grid-column:1/9;grid-row:1}.facts{grid-column:1/9;grid-row:2;display:flex;gap:1.6rem;margin:0;font-size:.875rem;color:var(--muted)}
.statement{grid-column:9/13;grid-row:1/3;align-self:end;margin:0;font-family:var(--serif);font-size:clamp(1.05rem,1.35vw,1.3rem);line-height:1.5}
.opening-img{margin:0}.opening-wide{aspect-ratio:var(--r);max-height:90svh;width:100%;margin-top:clamp(2rem,6vh,4rem);overflow:hidden;background:var(--tint)}
.opening-tall{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--cg);align-items:start}
.opening-tall .opening-text{grid-column:1/6;display:block;position:sticky;top:2rem}.opening-tall h1{font-size:clamp(2.6rem,5.4vw,5rem)}
.opening-tall .facts{margin:1.2rem 0 0}.opening-tall .statement{margin-top:2rem;max-width:26em}.opening-tall .opening-img{grid-column:7/13}
.ph-btn{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in;color:inherit;line-height:0}
.opening-img .ph-btn img,.opening-wide .ph-btn{height:100%}.opening-wide .ph-btn img{width:100%;height:100%;object-fit:cover}.opening-tall .ph-btn img{width:100%;height:auto}
.sequence{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--cg);row-gap:clamp(3rem,11vh,8rem);padding-block:var(--sec)}
.ph{margin:0;min-width:0}.ph img{display:block;width:100%;height:auto;background:var(--tint)}.ph figcaption{font-size:.8125rem;color:var(--muted);padding-top:.6rem;line-height:1.5}
.pl-wide.pl-l{grid-column:1/11}.pl-wide.pl-r{grid-column:3/13}
.pl-solo.pl-l{grid-column:2/8}.pl-solo.pl-r{grid-column:7/12}
.pl-pair{grid-column:2/12;display:flex;gap:var(--cg);align-items:flex-start}.pl-pair .ph{flex:1 1 0}.pl-pair .ph:nth-child(2){margin-top:clamp(2rem,12vh,8rem)}.pl-pair.pl-r{flex-direction:row-reverse}
.concept{grid-column:6/12}.concept .prose{max-width:34em}
.bookend{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;flex-wrap:wrap;padding-bottom:var(--sec)}.bookend .tlink{margin-top:0}
.bookend-links{display:flex;gap:1.8rem;flex-wrap:wrap}
.nextbook{display:flex;flex-direction:column;text-align:right;margin-left:auto}.nextbook .display{font-size:clamp(1.8rem,4vw,3.4rem);line-height:1.05;border-bottom:1px solid transparent;transition:opacity .2s}.nextbook:hover .display{opacity:.55}.nextbook .kicker{margin:0 0 .3rem}

/* Carrusel */
.car{position:relative}.car-track{display:flex;gap:clamp(10px,1.4vw,20px);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}.car-track::-webkit-scrollbar{display:none}
.car-slide{flex:none;margin:0;height:min(74svh,780px);aspect-ratio:var(--r);scroll-snap-align:start;background:var(--tint);scroll-margin-left:0}
.car-slide .ph-btn{height:100%}.car-slide img{width:100%;height:100%;object-fit:cover;display:block}
.car-ui{display:flex;justify-content:space-between;align-items:center;padding-top:.9rem;font-size:.875rem;color:var(--muted)}
.car-btns{display:flex;gap:.5rem}.car-btns button{width:44px;height:44px;font:inherit;font-size:1.15rem;background:none;border:1px solid var(--line);color:var(--ink);cursor:pointer;transition:background .2s,border-color .2s}.car-btns button:hover:not(:disabled){border-color:var(--ink)}.car-btns button:disabled{opacity:.3;cursor:default}
.car-one .car-slide{height:min(74svh,780px)}

/* Exposicions i llistes */
.xfeat{padding-bottom:var(--sec)}.xfeat-head{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--cg);align-items:end;margin-bottom:clamp(1.5rem,5vh,3rem)}
.xfeat-title{grid-column:1/9}.xfeat-title h2{font-size:clamp(2.6rem,6.2vw,6rem);line-height:.98}.when{margin-left:1.2rem;color:var(--ink)}
.xfeat-info{grid-column:9/13}.xfeat-info .where{font-size:1.05rem;margin:0 0 .6rem}.xfeat-info .descr{color:#3a3936;margin:0}.xfeat-info .tlink{margin-top:1rem}
.xlist{padding-bottom:var(--sec)}.xlist .kicker{margin:.8rem 0 0}
.xindex{list-style:none;margin:1.6rem 0 0;padding:0;border-top:1px solid var(--line)}
.xrow,.xsum{display:grid;grid-template-columns:7rem minmax(0,1.3fr) minmax(0,1fr) 9.5rem;gap:1rem;align-items:baseline;padding:1.05rem 0}
.xrow{border-bottom:1px solid var(--line)}.xrow-gal{display:block;padding:0}.xrow-gal details{border-bottom:1px solid var(--line)}
.xsum{cursor:pointer;list-style:none}.xsum::-webkit-details-marker{display:none}.xsum:hover .t{opacity:.6}
.xrow .y{color:var(--muted);font-size:.875rem}.xrow .t{font-family:var(--serif);font-size:clamp(1.2rem,1.7vw,1.5rem);line-height:1.2}.xrow .s{color:var(--muted);font-size:.9rem}
.xrow .go,.xmore{font-size:.875rem;justify-self:end;white-space:nowrap}.xmore{color:var(--muted);border-bottom:1px solid var(--line)}details[open]>.xsum .xmore{opacity:.4}
.xrow-gal .car{padding:.5rem 0 1.6rem}.xlink{margin:0 0 1.5rem;text-align:right}

/* Botiga: sala de galeria */
.types{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--cg);margin:0 0 clamp(2rem,6vh,4rem);padding:1.6rem 0;border-block:1px solid var(--line)}
.types dt{font-family:var(--serif);font-size:1.2rem;margin-bottom:.4rem}.types dd{margin:0;font-size:.875rem;color:var(--muted);line-height:1.6}
.filters{display:flex;gap:1.6rem;flex-wrap:wrap;margin:0 0 clamp(2rem,6vh,4rem);font-size:.9375rem}.filter{padding-bottom:.2rem;border-bottom:1px solid transparent;color:var(--muted)}.filter:hover{color:var(--ink)}.filter.on{color:var(--ink);border-color:var(--ink)}
.faq{border-top:1px solid var(--line);margin-top:1.6rem;max-width:54rem}.faq details{border-bottom:1px solid var(--line);padding:1.2rem 0}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:1.5rem;font-family:var(--serif);font-size:1.25rem}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';font-family:var(--sans);font-weight:300}.faq details[open] summary:after{content:'−'}
.faq details p{max-width:42em;color:#3a3936;margin:.8rem 0 0}
.backlink{padding-top:clamp(2rem,5vh,3rem);margin:0}.backlink .tlink{margin:0}
.product{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--cg);padding:clamp(1.5rem,4vh,3rem) 0 var(--sec);align-items:start}
.productvisual{grid-column:1/8}.productvisual #mainimg{display:block;width:100%;height:auto;max-height:88svh;object-fit:contain;object-position:left top}
.thumbs{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1rem}.thumbs button{padding:0;border:0;background:none;cursor:pointer;opacity:.5;line-height:0}.thumbs button.on,.thumbs button:hover{opacity:1}.thumbs img{width:64px;height:64px;object-fit:cover;display:block}
.product-info{grid-column:9/13;position:sticky;top:2rem}.product-info h1{font-size:clamp(2.2rem,3.8vw,3.6rem)}.product-info .prose{margin-top:1.4rem}
.wall{margin:1.6rem 0 0;border-top:1px solid var(--line)}.wall>div{display:flex;gap:1rem;padding:.6rem 0;border-bottom:1px solid var(--line);font-size:.875rem}.wall dt{color:var(--muted);min-width:6rem}.wall dd{margin:0}
.price{font-family:var(--serif);font-size:1.7rem;margin:1.6rem 0 1.2rem}
.purchaseform{display:grid;gap:1rem}.purchaseform label{display:grid;gap:.4rem;font-size:.8125rem;color:var(--muted)}
.purchaseform .btn{margin:.4rem 0 0;width:100%;text-align:center}
.added{margin-top:1rem;padding:1rem;border:1px solid var(--line);background:var(--tint);font-size:.9375rem}.added p{margin:0 0 .4rem}

/* Biografia editorial */
.bio{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--cg);padding-top:clamp(4.5rem,12vh,8rem);align-items:start}
.portrait{grid-column:1/6;margin:0;position:sticky;top:2rem}.portrait img{display:block;width:100%;height:auto}
.bio-text{grid-column:7/13}.bio-text .lead{margin-bottom:2rem}.bio:not(:has(.portrait)) .bio-text{grid-column:1/9}
.credo{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--cg);padding-block:var(--sec)}
.credo>.kicker{grid-column:1/4;grid-row:1;margin:0}.credo>h2{grid-column:1/4;grid-row:2;margin-top:.4rem}
.credo-text{grid-column:5/13;grid-row:1/3;font-family:var(--serif);font-size:clamp(1.3rem,2.3vw,2.1rem);line-height:1.4;letter-spacing:-.01em}.credo-text p{margin:0 0 1em}

/* Formularis, sessions, comanda, legals */
.session-layout,.cart-layout,.section.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,6rem);align-items:start;padding-bottom:var(--sec)}
.session-slider{position:sticky;top:2rem}.session-photo{height:clamp(360px,70vh,720px);background:var(--tint);overflow:hidden}.session-photo img{width:100%;height:100%;object-fit:cover;display:block}
.slider-controls{display:flex;justify-content:space-between;align-items:center;padding:.9rem 0;font-size:.875rem;color:var(--muted)}.slider-controls button{font:inherit;color:var(--ink);background:none;border:0;border-bottom:1px solid var(--line);cursor:pointer;padding:.3rem 0}
.section{padding-block:clamp(2rem,6vh,4rem)}
.form{display:grid;gap:1.3rem;max-width:40rem}.form label{display:grid;gap:.4rem;font-size:.8125rem;color:var(--muted)}
.form input,.form textarea,.form select,.purchaseform select{font:inherit;font-size:1rem;color:var(--ink);background:transparent;border:0;border-bottom:1px solid #b9b5ae;border-radius:0;padding:.7rem 0;width:100%}
.form textarea{min-height:9rem;border:1px solid #b9b5ae;padding:.8rem}.form input:focus,.form select:focus,.purchaseform select:focus{outline:0;border-color:var(--ink)}.form textarea:focus{outline:0;border-color:var(--ink)}
.form .bad,.form input.bad,.form textarea.bad,.form select.bad{border-color:#a63d2a}.form label.chk{display:flex;gap:.7rem;align-items:flex-start;line-height:1.5;color:var(--ink)}.form .chk input{width:auto;margin-top:.25rem}.form button:disabled{opacity:.35;cursor:default}
.flash{padding:1rem 1.1rem;margin:0 0 1.2rem;border:1px solid var(--line);font-size:.9375rem;line-height:1.5}.flash.ok{background:#eef0e4}.flash.bad{background:#f6e4de;border-color:#d9aea3}
.crows{border-top:1px solid var(--line)}.crow{display:grid;grid-template-columns:84px 1fr auto 110px 34px;gap:1.1rem;align-items:center;padding:1rem 0;border-bottom:1px solid var(--line)}.crow img{width:84px;height:84px;object-fit:cover}.crow h3{margin:0 0 .25rem}
.qty{display:inline-flex;align-items:center;border:1px solid var(--line)}.qty button{width:34px;height:34px;background:none;border:0;cursor:pointer;font:inherit;color:var(--ink)}.qty button:disabled{opacity:.3}.qty span{min-width:30px;text-align:center}
.csub{text-align:right;font-family:var(--serif)}.crm{background:none;border:0;font-size:1.5rem;cursor:pointer;color:var(--muted)}
.ctotal{display:flex;justify-content:space-between;padding:1.3rem 0 .5rem;font-family:var(--serif);font-size:1.7rem}.ctrow{display:flex;justify-content:space-between;padding:.7rem 0 0;font-size:.9375rem;color:var(--muted)}

/* Peu */
footer{border-top:1px solid var(--line);margin-top:var(--sec)}.footer{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:2rem;padding:3.5rem var(--gut) 2rem;max-width:var(--max);margin-inline:auto}
.footerlinks{display:flex;flex-direction:column;gap:.55rem;font-size:.875rem}.footerlinks .eyebrow{margin-bottom:.4rem}.footer .small a{border-bottom:1px solid var(--line)}
.footbottom{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:1.2rem var(--gut);max-width:var(--max);margin-inline:auto;font-size:.75rem;color:var(--muted)}
a:hover{opacity:1}.footer a:hover,.footbottom a:hover{opacity:.55}

/* Visor */
.lb{position:fixed;inset:0;background:rgba(14,13,12,.96);z-index:100;display:flex;align-items:center;justify-content:center}.lb[hidden]{display:none}
.lb img{max-width:96vw;max-height:88vh;object-fit:contain;touch-action:pinch-zoom}.lb button{position:absolute;background:none;border:0;color:#fff;font-size:2rem;cursor:pointer;padding:1rem;line-height:1}.lb button:focus-visible{outline-color:#fff}
.lb-x{top:max(.5rem,env(safe-area-inset-top));right:.5rem}.lb-p{left:.3rem;top:calc(50% - 30px)}.lb-n{right:.3rem;top:calc(50% - 30px)}.lb-c{position:absolute;bottom:max(1rem,env(safe-area-inset-bottom));color:#cfcac0;font-size:.8125rem;letter-spacing:.08em}

/* Pantalles mitjanes i mòbil */
@media(max-width:1000px){.xfeat-title{grid-column:1/-1}.xfeat-info{grid-column:1/-1;margin-top:1.2rem}.xfeat-head{row-gap:0}.types{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:860px){
 .menubtn{display:block}.js .nav{position:fixed;inset:0;background:var(--paper);color:var(--ink);display:none;flex-direction:column;align-items:flex-start;justify-content:center;gap:1.1rem;padding:var(--gut);z-index:50;font-family:var(--serif);font-size:clamp(2rem,9vw,3rem);letter-spacing:-.02em;text-transform:lowercase}.js .nav>a::first-letter{text-transform:uppercase}
 .js .nav.open{display:flex}.js .nav .lang{margin:1rem 0 0}.js .nav .lang a{font:400 .9rem var(--sans);color:var(--muted)}.js .nav .cartlink{font-size:1.2rem}
 .no-js .top,html:not(.js) .top{flex-wrap:wrap}.nav{flex-wrap:wrap;gap:.8rem 1.2rem}
 .intro h2,.intro-body,.feature-img,.feature-text,.feature-flip .feature-img,.feature-flip .feature-text{grid-column:1/-1;grid-row:auto}.intro-body{margin-top:1.5rem}.feature-text{margin-top:1.6rem}
 .feature-flip .feature-img{width:78%;justify-self:end}
 .opening-text h1,.facts,.statement{grid-column:1/-1;grid-row:auto}.statement{margin-top:1rem}
 .opening-tall{display:block}.opening-tall .opening-text{position:static;margin-bottom:2rem}
 .product{display:block}.product-info{position:static;margin-top:2rem}.bio{display:block}.portrait{position:static;margin-bottom:2rem}
 .credo>.kicker,.credo>h2,.credo-text{grid-column:1/-1;grid-row:auto}.credo-text{margin-top:1.5rem}
 .session-layout,.cart-layout,.section.split{grid-template-columns:1fr}.session-slider{position:static}.footer{grid-template-columns:1fr 1fr}
 .xrow,.xsum{grid-template-columns:4.2rem minmax(0,1fr) auto}.xrow .s{grid-column:2}.xrow .go,.xmore{grid-column:3;grid-row:1}.xrow .go:empty{display:none}
}
@media(max-width:700px){
 :root{--sec:clamp(3.5rem,9vh,5rem)}
 .coll{display:flex;flex-direction:column;gap:2.8rem}.plate{width:100%;margin:0}.plate:nth-child(even){width:84%;align-self:flex-end}
 .sequence{display:flex;flex-direction:column;gap:2.2rem;padding-inline:0}.pl-wide{width:100%}.pl-solo{width:88%}.pl-solo.pl-r{align-self:flex-end}.pl-solo.pl-l{align-self:flex-start}
 .pl-pair{width:100%;gap:6px}.pl-pair .ph:nth-child(2){margin-top:2.2rem}.concept{padding-inline:var(--gut)}
 .ph figcaption{padding-inline:var(--gut)}
 .car-slide{height:auto;width:86vw;max-height:78svh}.car-track{margin-inline:calc(var(--gut)*-1);padding-inline:var(--gut);scroll-padding-inline:var(--gut)}.car-ui{padding-inline:0}
 .opening-wide{max-height:80svh}.hero img{object-position:50% 40%}.band-img{min-height:80svh}
 .types{grid-template-columns:1fr}.footer{grid-template-columns:1fr}.crow{grid-template-columns:64px 1fr 32px}.crow img{width:64px;height:64px}.crow .qty,.crow .csub{grid-column:2}.crow .csub{text-align:left}.crow .crm{grid-column:3;grid-row:1}
 .bookend{flex-direction:column;align-items:flex-start}.nextbook{text-align:left;margin-left:0}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}html{scroll-behavior:auto}.car-track{scroll-behavior:auto}}