/* ITEM PAGES — one dish on the royal table.
   MOTION: gold arch draws 1100ms power2.inOut on load; photo scale 1.14→1 scrubbed across the hero;
   slip amounts count up 900ms power2.out, rows 90ms apart; pair arches lift 6px 320ms on hover,
   photo 1.06 zoom 700ms. Reduced motion: everything at its final state. */
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.it-hero{padding:150px 0 90px;background:var(--warm)}
.it-hg{display:grid;grid-template-columns:6fr 6fr;gap:6vw;align-items:center}
.it-win{position:relative;aspect-ratio:5/6;margin:0}
.it-ph{position:absolute;inset:0;overflow:hidden;-webkit-mask:var(--arch) center/100% 100% no-repeat;mask:var(--arch) center/100% 100% no-repeat}
.it-ph img{width:100%;height:100%;object-fit:cover;transform:scale(1.14);will-change:transform}
.it-gilt{position:absolute;inset:-14px;width:calc(100% + 28px);height:calc(100% + 28px);overflow:visible;pointer-events:none}
.it-gilt path{fill:none;stroke:var(--brass);stroke-width:1.2;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1}
.it-hi{font:500 22px var(--ital);color:var(--brass-d);margin-top:26px}
.it-tx h1{margin-top:6px}
.it-tx .lead{margin-top:22px}
.it-tags{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:26px}
.it-tag{display:inline-flex;align-items:center;gap:9px;font:600 11px var(--serif);letter-spacing:.16em;text-transform:uppercase;color:var(--body)}
.it-acts{display:flex;flex-wrap:wrap;align-items:center;gap:22px 30px;margin-top:34px}
.it-cg{display:grid;grid-template-columns:5fr 7fr;gap:6vw;align-items:start}
.it-cg h2{margin-top:14px}
.it-what{font-size:20px;line-height:1.7;color:var(--ink)}
.it-what::first-letter{float:left;font:600 4.2em/.8 var(--serif);color:var(--brass-d);margin:.06em .1em 0 0}
.it-h3{font-size:15px;letter-spacing:.14em;text-transform:uppercase;margin-top:40px;color:var(--brass-d)}
.it-occ{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:0 30px;margin-top:10px}
.it-occ li{display:flex;align-items:center;gap:14px;padding:13px 0;border-bottom:1px solid var(--hair)}
.it-occ li::before{content:"";width:7px;height:7px;background:var(--brass);transform:rotate(45deg);flex:none;transition:transform .5s var(--spring)}
.it-occ li:hover::before{transform:rotate(225deg) scale(1.3)}
.it-sg{display:grid;grid-template-columns:5fr 6fr;gap:6vw;align-items:center}
.it-sg h2{margin-top:14px}.it-sg .lead{margin-top:18px}
.it-slip{background:var(--white);padding:44px 46px 34px}
.it-slip-h{font:600 12px var(--serif);letter-spacing:.24em;text-transform:uppercase;color:var(--brass-d);text-align:center;padding-bottom:16px;border-bottom:1px solid var(--line)}
.it-slip table{width:100%;border-collapse:collapse}
.it-slip tr{border-bottom:1px dashed var(--line);transition:background .3s}
.it-slip tr:hover{background:var(--warm)}
.it-slip th{text-align:left;font:600 13px var(--serif);letter-spacing:.12em;text-transform:uppercase;padding:18px 0;color:var(--body)}
.it-slip td{text-align:right;font:500 22px var(--sans);color:var(--ink)}
.it-slip td b{font:600 30px var(--serif);color:var(--brass-d);margin:0 .08em;font-variant-numeric:lining-nums tabular-nums}
.it-tg{display:grid;grid-template-columns:5fr 7fr;gap:6vw;align-items:start}
.it-tg h2{margin-top:14px}.it-tg p{margin-top:16px;color:var(--body)}
.it-budget{position:relative;background:var(--warm);padding:52px 48px 44px}
.it-budget .bp-seal{top:-34px;right:34px}
.it-budget .link{margin-top:22px}
.it-qs{display:grid;grid-template-columns:repeat(3,1fr);gap:0 40px;margin-top:40px;border-top:1px solid var(--line)}
.it-q{padding:28px 0}
.it-q h3{font-size:17px;line-height:1.35;letter-spacing:.02em}
.it-q p{margin-top:12px;color:var(--body);font-size:17px}
.it-pairs{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:46px}
.it-pair{display:block;text-align:center}
.it-arch{display:block;aspect-ratio:6/7;overflow:hidden;-webkit-mask:var(--arch) center/100% 100% no-repeat;mask:var(--arch) center/100% 100% no-repeat;transition:transform .32s var(--ease)}
.it-arch img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}
.it-pair:hover .it-arch{transform:translateY(-6px)}
.it-pair:hover .it-arch img{transform:scale(1.06)}
.it-pair b{display:block;font:600 19px var(--serif);letter-spacing:.04em;margin-top:18px;transition:color .3s}
.it-pair:hover b{color:var(--brass-d)}
.it-pair small{display:block;font:italic 400 17px var(--ital);color:var(--mute)}
@media(max-width:900px){
  .it-hero{padding:120px 0 60px}.it-hg,.it-cg,.it-sg,.it-tg{grid-template-columns:1fr;gap:40px}
  .it-win{max-width:440px;width:86%;margin:0 auto}.it-qs{grid-template-columns:1fr}.it-occ{grid-template-columns:1fr}
  .it-pairs{grid-template-columns:repeat(3,1fr);gap:14px}.it-pair b{font-size:14px}.it-pair small{font-size:14px}
  .it-slip{padding:34px 22px 26px}.it-budget{padding:48px 24px 34px}}
@media(prefers-reduced-motion:reduce){.it-gilt path{stroke-dashoffset:0}.it-ph img{transform:none}}

.it-stg{display:grid;grid-template-columns:1fr 1fr;gap:6vw}
.it-stg h2{margin-top:14px;font-size:clamp(24px,2.4vw,36px)}
.it-ans{margin-top:16px;font-size:19px;line-height:1.7;color:var(--ink)}
.it-near{margin-top:14px;font-size:15.5px;color:var(--body)}
.it-near a{color:var(--brass-d);text-decoration:underline;text-underline-offset:3px}
@media(max-width:900px){.it-stg{grid-template-columns:1fr;gap:44px}}

/* MOBILE: hero photo no longer fills the first screen; tighter slip, budget and Q&A */
@media(max-width:760px){
  .it-hero{padding:96px 0 48px}
  .it-hg,.it-cg,.it-sg,.it-tg,.it-stg{gap:28px}
  .it-win{width:64%;max-width:280px}
  .it-hi{margin-top:16px}
  .it-what{font-size:18px}
  .it-slip{padding:26px 16px 20px}
  .it-slip th{padding:13px 0;font-size:12px}
  .it-slip td{font-size:18px}.it-slip td b{font-size:24px}
  .it-budget{padding:40px 20px 28px}
  .it-q{padding:20px 0}
  .it-pairs{margin-top:30px}
}