@font-face{font-family:"Playfair Display";font-style:normal;font-weight:400 900;font-display:swap;src:url(fonts/playfair-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Playfair Display";font-style:normal;font-weight:400 900;font-display:swap;src:url(fonts/playfair-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD,U+2713}
@font-face{font-family:"Playfair Display";font-style:italic;font-weight:400 900;font-display:swap;src:url(fonts/playfair-italic-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Playfair Display";font-style:italic;font-weight:400 900;font-display:swap;src:url(fonts/playfair-italic-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD,U+2713}
@font-face{font-family:"Jost";font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/jost-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Jost";font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/jost-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD,U+2713}
:root{--ink:#1d2433;--gold:#c8a96a;--bg:#fbf8f3;--muted:#6b6f78;--line:#e6dfd3;--serif:"Playfair Display",Georgia,"Times New Roman",serif;--sans:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
*{box-sizing:border-box}body{margin:0;font:16px/1.6 var(--sans);color:var(--ink);background:var(--bg)}a{color:inherit}img,svg{max-width:100%;display:block}
h1,h2,h3{font-family:var(--serif);font-weight:600;line-height:1.15;margin:.2em 0 .5em}h1{font-size:clamp(2rem,4.5vw,3.3rem)}h2{font-size:clamp(1.6rem,3vw,2.3rem)}h3{font-size:1.25rem}
.wrap{max-width:1200px;margin:0 auto;padding:0 20px}.narrow{max-width:820px}.sec{padding:48px 20px}.muted{color:var(--muted)}.small{font-size:.85rem}
.topbar{background:var(--ink);color:#e9e1d1;font-size:.8rem;text-align:center;padding:6px}
header.site{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}.hrow{display:flex;align-items:center;gap:16px;padding:14px 20px}
.logo{font-family:var(--serif);font-size:1.6rem;text-decoration:none;font-weight:700}.logo span{color:var(--gold)}.hact{margin-left:auto;display:flex;gap:12px;align-items:center}.cart{text-decoration:none;font-size:.9rem}.cart b{background:var(--gold);color:#fff;border-radius:99px;padding:0 7px}
nav.main ul{list-style:none;display:flex;flex-wrap:wrap;gap:2px;margin:0 auto;padding:0 20px}nav.main li{position:relative}nav.main li>a{display:block;padding:10px 11px;text-decoration:none;font-size:.92rem;letter-spacing:.02em}
nav.main li>a:hover,nav.main a[aria-current]{color:#9c7b3c}nav.main li.hl>a{color:#9c7b3c;font-weight:600}
.dd{display:none;position:absolute;left:0;top:100%;background:#fff;border:1px solid var(--line);box-shadow:0 12px 30px rgba(0,0,0,.08);min-width:240px;padding:8px 0;z-index:60}.dd a{display:block;padding:7px 18px;text-decoration:none;font-size:.9rem}.dd a:hover{background:var(--bg)}
nav.main li:hover>.dd,nav.main li:focus-within>.dd{display:block}.burger{display:none;margin-left:auto;font-size:1.6rem;background:none;border:0;cursor:pointer}
.btn{display:inline-block;background:var(--ink);color:#fff;border:1px solid var(--ink);padding:13px 26px;text-decoration:none;font-weight:600;letter-spacing:.03em;cursor:pointer;font-size:.95rem}.btn:hover{background:#000}.btn.sm{padding:7px 14px;font-size:.85rem}
.btn.ghost{background:transparent;color:var(--ink)}.btn.light{background:var(--gold);border-color:var(--gold);color:#1d2433}.btn.ghostlight{background:transparent;color:#fff;border-color:#fff}.btns{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}
.hero{background:linear-gradient(120deg,#f4ede2,#fbf8f3);padding:60px 0}.hero.sm{padding:44px 0}.hgrid{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.75rem;color:#9c7b3c;font-weight:600}.lead{font-size:1.15rem;color:#444;max-width:640px}
.usp{display:flex;gap:18px;flex-wrap:wrap;padding:0;list-style:none;font-size:.9rem}.usp li:before{content:"✓ ";color:var(--gold)}
.hero-art{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hero-art svg{border-radius:4px;box-shadow:0 10px 30px rgba(0,0,0,.08)}.hero-art svg:first-child{grid-row:span 2;height:100%;object-fit:cover}
.tiles{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.tile{text-decoration:none;text-align:center;background:#fff;border:1px solid var(--line);padding-bottom:12px;transition:.2s}.tile:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,.06)}.tile span{font-weight:600;font-size:.92rem}
.custom{background:var(--ink);color:#f3ece0;padding:60px 0}.cgrid{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:center}.custom h2{color:#fff}
.four{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:0;list-style:none;counter-reset:a}.four li{border:1px solid rgba(255,255,255,.2);padding:14px}.four b{display:block;color:var(--gold)}
.swatchfan{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.swatchfan span{aspect-ratio:1/1.6;border-radius:3px}
.colors{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.sw{text-decoration:none;text-align:center;font-size:.88rem}.sw span{display:block;aspect-ratio:1;border-radius:50%;border:1px solid var(--line);margin:0 auto 6px;max-width:90px;transition:.2s}.sw:hover span{transform:scale(1.07)}
.roles{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.role{background:#fff;border:1px solid var(--line);padding:22px;text-decoration:none}.role span{color:#9c7b3c;font-weight:600}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.pcard a{text-decoration:none}.pimg{position:relative;background:#fff;border:1px solid var(--line)}.pcard h3{font-family:var(--sans);font-size:.98rem;font-weight:600;margin:10px 0 2px}.price{font-weight:700;margin:0}.price s{color:var(--muted);font-weight:400}
.badge{position:absolute;top:8px;left:8px;background:var(--ink);color:#fff;font-size:.7rem;padding:2px 8px;letter-spacing:.05em}
.shead{display:flex;justify-content:space-between;align-items:baseline}
.styles{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stylecard{background:#fff;border:1px solid var(--line);padding:18px;text-decoration:none;display:flex;flex-direction:column;gap:6px}.stylecard small{color:var(--muted)}
.mini{display:flex;gap:4px}.mini i{width:22px;height:22px;border-radius:50%;display:inline-block;border:1px solid var(--line)}.mini.big{gap:14px;flex-wrap:wrap}.mini.big a{display:flex;gap:6px;align-items:center;text-decoration:none}
.art,.box{background:#fff;border:1px solid var(--line);padding:20px}.box svg{margin:-20px -20px 12px;width:calc(100% + 40px);max-width:none}
.trust{background:#f1ebe1;padding:40px 0}.trust b{font-family:var(--serif);font-size:1.25rem}
details{border-bottom:1px solid var(--line);padding:12px 0}summary{cursor:pointer;font-weight:600;list-style:none;display:flex;justify-content:space-between}summary:after{content:"+";color:var(--gold);font-size:1.3rem}details[open] summary:after{content:"–"}
.cta-band{background:linear-gradient(120deg,#2a3247,#1d2433);color:#fff;text-align:center;padding:50px 0}.cta-band h2{color:#fff}
footer.site{background:#14192a;color:#cfc8ba;padding:50px 0 20px;font-size:.9rem}.fgrid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px}footer h4{color:#fff;margin-top:0}footer a{display:block;text-decoration:none;padding:3px 0}footer .muted{color:#9a958a}.legal{border-top:1px solid #2b3145;margin-top:30px;padding-top:16px;font-size:.8rem}
.bc{font-size:.85rem;padding-top:14px;padding-bottom:4px;color:var(--muted)}.bc a{text-decoration:none}
.cathead{padding-top:20px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1px solid var(--line);background:#fff;padding:6px 14px;border-radius:99px;text-decoration:none;font-size:.88rem}.chip:hover{border-color:var(--gold)}
.listing{display:grid;grid-template-columns:250px 1fr;gap:30px;padding-top:30px;padding-bottom:40px}.filters fieldset{border:0;border-top:1px solid var(--line);padding:12px 0;margin:0}.filters legend{font-weight:700;font-size:.9rem;padding:0}.filters label{display:flex;gap:8px;font-size:.9rem;align-items:center;cursor:pointer}
.filters .dot{width:14px;height:14px;border-radius:50%;border:1px solid #ccc}.lbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.ftoggle{display:none}.reset{background:none;border:0;color:#9c7b3c;cursor:pointer;padding:0;text-decoration:underline}
.inline-cta{background:#f1ebe1;border-left:4px solid var(--gold);padding:18px;margin-top:26px}.inline-cta a{font-weight:700}
.pdp{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding-top:20px}.gallery{position:relative;background:#fff;border:1px solid var(--line)}.price.big{font-size:1.6rem}.stock{color:#2f7d4a;font-size:.9rem}
.buy{display:flex;gap:12px;align-items:end;margin:18px 0}.buy input{width:70px;padding:10px}
.ctablocks{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.ctablocks a{border:1px solid var(--gold);padding:14px;text-decoration:none;font-size:.88rem;background:#fff}.ctablocks b{display:block;font-size:.95rem}.ctablocks .dark{background:var(--ink);color:#fff}
.params{width:100%;border-collapse:collapse;font-size:.92rem}.params th,.params td{text-align:left;padding:7px;border-bottom:1px solid var(--line)}.params th{width:40%;color:var(--muted);font-weight:500}
.colorhero{background:linear-gradient(90deg,var(--c) 0 14px,#f4ede2 14px);padding:50px 0}
.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;padding:0;list-style:none;counter-reset:s}.steps li{background:#fff;border:1px solid var(--line);padding:18px;counter-increment:s}.steps li:before{content:counter(s);font-family:var(--serif);font-size:2rem;color:var(--gold);display:block}.steps b{display:block}
.inq{background:#fff;border:1px solid var(--line);padding:26px}.fg2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:18px}.fg2 .full{grid-column:1/-1}.inq label{display:flex;flex-direction:column;font-size:.9rem;font-weight:600;gap:5px}
.inq input:not([type=checkbox]),.inq select,.inq textarea{font:inherit;padding:10px;border:1px solid #cfc6b6;background:#fdfcfa;font-weight:400}.inq .ck{flex-direction:row;font-weight:400;align-items:center;display:inline-flex;margin-right:16px}.inq fieldset{border:0;padding:0}
.inq .err{border-color:#b3261e!important;background:#fff4f3!important}.errmsg{color:#b3261e;font-size:.8rem;font-weight:400}.formmsg{font-weight:600}.formmsg.ok{color:#2f7d4a}.formmsg.bad{color:#b3261e}
.longart{border-bottom:1px solid var(--line);padding:14px 0}
@media(max-width:960px){.hgrid,.cgrid,.pdp,.listing{grid-template-columns:1fr}.tiles,.colors{grid-template-columns:repeat(3,1fr)}.grid4,.roles,.styles,.fgrid{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}
.burger{display:block}.hact{margin-left:0}nav.main{display:none}nav.main.open{display:block}nav.main ul{flex-direction:column}.dd{position:static;box-shadow:none;border:0;padding-left:12px}nav.main li:hover>.dd{display:none}nav.main li.open>.dd{display:block}
.filters{display:none}.filters.open{display:block}.ftoggle{display:inline-block}.grid3{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.hact .btn{display:none}.fg2,.ctablocks,.four{grid-template-columns:1fr}.tiles,.colors{grid-template-columns:repeat(2,1fr)}.grid3,.grid4{grid-template-columns:1fr 1fr}.roles,.styles,.fgrid{grid-template-columns:1fr}}
/* ===== THEME: wedding-planner look (Old Standard TT + Abel, dusty teal / taupe) ===== */
:root{--ink:#2a2a2a;--text:#525252;--teal:#99bfc5;--teal-d:#6f9ea6;--pale:#d6e3e5;--taupe:#bfada3;--copper:#c78565;--gold:#99bfc5;--bg:#fff;--alt:#f7f8fa;--line:#e6e6e6;--muted:#7d7d7d;--serif:"Playfair Display",Georgia,"Times New Roman",serif;--sans:"Jost","Helvetica Neue",Arial,sans-serif}
body{font-family:var(--sans);color:var(--text);background:#fff;font-size:16px;letter-spacing:.01em}
h1,h2,h3{font-family:var(--serif);font-weight:400;color:var(--ink);letter-spacing:.01em}
h1{font-size:clamp(2.2rem,5vw,3.6rem)}h2{font-size:clamp(1.7rem,3vw,2.4rem)}
.sec>h2,.sec .shead h2,.custom h2,.cta-band h2{text-align:center}
.sec>h2:after,.shead h2:after,.custom h2:after,.cta-band h2:after,.hero h1:after{content:"";display:block;width:110px;height:16px;margin:12px auto 0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 110 16'%3E%3Cpath d='M0 8h42M68 8h42' stroke='%2399bfc5' stroke-width='1'/%3E%3Cpath d='M55 2c-6 6-6 6 0 12 6-6 6-6 0-12z' fill='none' stroke='%2399bfc5'/%3E%3Ccircle cx='47' cy='8' r='1.5' fill='%2399bfc5'/%3E%3Ccircle cx='63' cy='8' r='1.5' fill='%2399bfc5'/%3E%3C/svg%3E") center/contain no-repeat}
.sec>h2+p.muted,.sec>h2+p{text-align:center;max-width:640px;margin-left:auto;margin-right:auto}
.sec{padding:80px 20px}.sec:nth-of-type(even){background:linear-gradient(var(--alt),var(--alt));box-shadow:0 0 0 100vmax var(--alt);clip-path:inset(0 -100vmax)}
.eyebrow{color:var(--teal-d);font-family:var(--sans);letter-spacing:.22em}
.topbar{background:var(--alt);color:var(--muted);letter-spacing:.06em}
header.site{border-bottom:0;box-shadow:0 1px 0 var(--line)}
.hrow{padding:16px 20px 6px}.logo{font-family:var(--serif);font-weight:400;font-size:1.55rem;color:var(--ink);display:flex;flex-direction:column;line-height:1.1}.logo small{font-family:var(--sans);font-size:.72rem;letter-spacing:.14em;color:var(--teal-d);text-transform:uppercase}
nav.main ul{justify-content:flex-end}nav.main li>a{font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink)}nav.main li>a:hover,nav.main a[aria-current],nav.main li.hl>a{color:var(--teal-d)}
.dd{border:0;border-top:2px solid var(--teal);border-radius:0 0 5px 5px}
.btn{background:var(--teal);border-color:var(--teal);color:#fff;border-radius:5px;text-transform:uppercase;letter-spacing:.14em;font-family:var(--sans);font-weight:400;font-size:.85rem;padding:14px 30px}.btn:hover{background:var(--teal-d);border-color:var(--teal-d)}
.btn.ghost{background:transparent;color:var(--ink);border-color:var(--ink)}.btn.ghost:hover{background:var(--ink);color:#fff}.btn.light{background:#fff;border-color:#fff;color:var(--ink)}.btn.ghostlight{border-color:#fff;color:#fff;background:transparent}
.cart b{background:var(--teal)}
/* hero: full-bleed dark, centered */
.hero{background:radial-gradient(ellipse at 70% 30%,rgba(153,191,197,.35),transparent 60%),linear-gradient(135deg,#3e4648,#2a2f31);color:#fff;text-align:center;padding:110px 0 90px}
.hero h1,.hero .lead{color:#fff;margin-left:auto;margin-right:auto}.hero h1:after{filter:brightness(1.6)}.hero .lead{color:rgba(255,255,255,.85)}.hero .eyebrow{color:var(--pale)}
.hero .btns{justify-content:center}.hero .btn.ghost{color:#fff;border-color:#fff}.usp{justify-content:center;color:rgba(255,255,255,.85)}.usp li:before{color:var(--teal)}
.hgrid{grid-template-columns:1fr;max-width:900px;margin:0 auto}.hero-art{grid-template-columns:repeat(3,1fr);max-width:560px;margin:10px auto 0}.hero-art svg:first-child{grid-row:auto}.hero-art svg{border:6px solid #fff;border-radius:0}
.hero .mini.big{justify-content:center}.hero .mini.big a{color:#fff}
.colorhero{background:linear-gradient(135deg,#3e4648,#2a2f31);color:#fff;border-bottom:6px solid var(--c);text-align:center}.colorhero h1,.colorhero .lead{color:#fff;margin-left:auto;margin-right:auto}
/* cards: image + overlapping caption box */
.tile,.role,.box,.art,.stylecard,.pimg,.gallery,.inq,.steps li{border:0;border-radius:0;box-shadow:0 8px 30px rgba(42,42,42,.07);background:#fff}
.tile{padding-bottom:0;position:relative}.tile span{display:block;background:#fff;margin:-28px 14px 14px;position:relative;padding:12px 6px;font-family:var(--serif);font-weight:400;box-shadow:0 4px 14px rgba(0,0,0,.08)}
.pcard{text-align:center}.pcard h3{font-family:var(--serif);font-weight:400;font-size:1.05rem;background:#fff;margin:-26px 16px 6px;position:relative;padding:12px 8px;box-shadow:0 4px 14px rgba(0,0,0,.08)}.price{color:var(--ink)}
.badge{background:var(--teal);border-radius:3px}
.role,.art,.stylecard{text-align:center;padding:30px 22px}.role span,.art a{color:var(--teal-d);text-transform:uppercase;font-size:.8rem;letter-spacing:.12em;text-decoration:none;border:1px solid currentColor;padding:6px 14px;border-radius:5px;display:inline-block}.stylecard{align-items:center}
.box{text-align:center}
.custom{background:var(--teal);color:#fff;padding:90px 0}.custom h2:after{filter:brightness(2)}.four li{border-color:rgba(255,255,255,.5);background:rgba(255,255,255,.12)}.four b{color:#fff;font-family:var(--serif);font-weight:400;font-size:1.1rem}
.custom .btn.light{color:var(--teal-d)}
.sw span{border:4px solid #fff;box-shadow:0 4px 14px rgba(0,0,0,.12)}
.trust{background:var(--taupe);color:#fff;padding:70px 0;text-align:center}.trust b{color:#fff;font-weight:400}
.cta-band{background:var(--taupe);padding:80px 0}.cta-band h2:after{filter:brightness(2.2)}.cta-band .btn.light{color:var(--ink)}
footer.site{background:#2a2a2a;color:#bdbdbd}footer h4{font-family:var(--serif);font-weight:400;letter-spacing:.04em}footer .logo{color:#fff}footer .logo small{color:var(--teal)}
details{border-color:var(--line)}summary{font-family:var(--serif);font-weight:400;font-size:1.08rem;color:var(--ink)}summary:after{color:var(--teal-d)}
.chip{border-radius:5px;text-transform:uppercase;font-size:.78rem;letter-spacing:.08em}.chip:hover{border-color:var(--teal);color:var(--teal-d)}
.inline-cta{background:var(--pale);border-left-color:var(--teal)}.inline-cta a{color:var(--teal-d)}
.ctablocks a{border-color:var(--pale);border-radius:5px}.ctablocks .dark{background:var(--teal);border-color:var(--teal)}
.steps li:before,.reset{color:var(--teal-d)}.stock{color:var(--teal-d)}
.inq input:not([type=checkbox]),.inq select,.inq textarea{border-radius:5px;border-color:#d8d8d8;background:#fff}.inq input:focus,.inq select:focus,.inq textarea:focus{outline:2px solid var(--pale);border-color:var(--teal)}
.bc{text-transform:uppercase;font-size:.75rem;letter-spacing:.08em}
@media(max-width:960px){.sec{padding:56px 20px}.hero{padding:70px 0 60px}}
.hero-art svg{width:100%;height:auto;aspect-ratio:1}.gallery{align-self:start}
.hero-art{width:100%}
/* photo hero (style pages) */
.hero.photo{position:relative;padding:150px 0 130px;background-color:#2a2f31;background-image:linear-gradient(rgba(20,22,24,.62),rgba(20,22,24,.62)),var(--hero-lg);background-image:linear-gradient(rgba(20,22,24,.62),rgba(20,22,24,.62)),image-set(var(--hero-lg-w) type("image/webp"),var(--hero-lg) type("image/jpeg"));background-size:cover;background-position:center}
.hero.photo h1,.hero.photo .lead{text-shadow:0 2px 12px rgba(0,0,0,.45)}
@media(max-width:960px){.hero.photo{padding:90px 0 80px;background-image:linear-gradient(rgba(20,22,24,.62),rgba(20,22,24,.62)),var(--hero-sm);background-image:linear-gradient(rgba(20,22,24,.62),rgba(20,22,24,.62)),image-set(var(--hero-sm-w) type("image/webp"),var(--hero-sm) type("image/jpeg"))}}

/* photos */
picture[hidden]{display:none}
.pimg picture,.pimg img,.tile img,.role img,.art img,.box img,.longart img,.cimg img,.gmain img,.thumbs img,.zimg img{display:block;max-width:100%;height:auto}
.pimg img,.tile img{width:100%;aspect-ratio:1;object-fit:cover}
.role img,.art img{width:calc(100% + 44px);max-width:none;margin:-30px -22px 18px;aspect-ratio:3/2;object-fit:cover}
.box img{width:calc(100% + 40px);max-width:none;margin:-20px -20px 14px;aspect-ratio:3/2;object-fit:cover}
.longart img{width:100%;aspect-ratio:3/2;object-fit:cover;margin:6px 0 12px}
.cimg img{width:100%;border:6px solid #fff;box-shadow:0 10px 30px rgba(0,0,0,.18)}
.zimg img{max-width:420px;width:100%;margin:22px auto 0;box-shadow:0 8px 30px rgba(42,42,42,.1)}
.gmain img{width:100%}
.thumbs{display:flex;flex-wrap:wrap;gap:8px;padding:10px}.thumbs button{width:84px;padding:0;border:2px solid transparent;background:none;cursor:pointer}.thumbs button[aria-current=true]{border-color:var(--teal)}.thumbs img{width:100%;aspect-ratio:1;object-fit:cover}
.hero.photo .usp{color:#fff}