/* Time Objects — Brand Story, Partners, Contact (provisional).
   The pages keep their content markup (site.css class names, so site.js and partners-cms.js
   work unchanged); type, layout and colour follow the top page (design.md): Roobert throughout
   (Gen Interface JP for Japanese), hairline at 96, title Bold 70 at 156, stage width.
   Dark, with the aurora, like the top page (pg-black). Colours come from the --pg-* tokens below. */

.site.v7.pg-black{
  --pg-fg:#fff; --pg-sub:rgba(255,255,255,.8); --pg-line:rgba(255,255,255,.2); --pg-edge:rgba(255,255,255,.3);
  --pg-field:transparent; --pg-pill:rgba(109,109,109,.4); --pg-on-bg:rgba(255,255,255,.8); --pg-on-fg:var(--ink);
}
.site.v7.pg{color:var(--pg-fg)}

.site.v7.pg .top .r{animation-delay:.1s}
.site.v7.pg .burger{animation-delay:.1s}
.site.v7.pg-black :focus-visible{outline-color:#fff}

/* —— frame —— */
.site.v7 .pg-main{position:relative;z-index:1;padding:calc(156 * var(--u)) 0 calc(120 * var(--u))}
.site.v7 .pg-main::before{content:"";position:absolute;left:0;right:0;top:calc(96 * var(--u));height:1px;background:var(--pg-line)}
.site.v7.pg-black .pg-main::before{background:rgba(47,46,50,.5)}
.site.v7 .pg-main .wrap{width:var(--stage);max-width:none;margin-inline:auto;padding:0}
/* 404 (app/not-found.tsx): the message in the middle of the screen, between header and footer */
.site.v7 .pg-main.nf{display:flex;align-items:center;justify-content:center;min-height:100svh;padding:calc(120 * var(--u)) 0;box-sizing:border-box;text-align:center}
.site.v7 .nf-in{display:flex;flex-direction:column;align-items:center;gap:calc(24 * var(--t));width:var(--stage)}
.site.v7 .nf .nf-code,.site.v7 .nf h1.disp{margin:0;font:700 max(70px, calc(68 * var(--u)))/1 var(--sans);letter-spacing:-.02em;color:var(--pg-fg)}
.site.v7 .nf .body{margin:0;max-width:none;font:400 max(14px, calc(12 * var(--u)))/1.6 var(--sans);color:var(--pg-sub)}
.site.v7 .nf .nf-links{display:flex;gap:calc(30 * var(--t));margin:calc(12 * var(--t)) 0 0}
/* text links, underlined; on hover the underline runs again from the left (like FIND A PARTNER) */
/* (outranks the lower pages' plain underlined links, .pg-main a:not(.btn):not(.v7-btn)) */
.site.v7 .pg-main.nf .nf-links a:not(.btn){
  padding-bottom:3px;font:500 max(12px, calc(10 * var(--u)))/1 var(--sans);letter-spacing:.05em;text-transform:uppercase;color:var(--pg-fg);text-decoration:none;
  background:linear-gradient(currentColor,currentColor) no-repeat 0 100% / 100% 1px;
}
@media (hover:hover){.site.v7 .pg-main.nf .nf-links a:not(.btn):hover{animation:nf-underline .8s var(--ease)}}
@keyframes nf-underline{
  0%{background-position:100% 100%;background-size:100% 1px}
  45%{background-position:100% 100%;background-size:0 1px}
  46%{background-position:0 100%;background-size:0 1px}
  100%{background-position:0 100%;background-size:100% 1px}
}
@media (max-width:767px){
  .site.v7 .pg-main.nf{padding:120px 20px}
  .site.v7 .nf .nf-code,.site.v7 .nf h1.disp{font-size:40px}
  .site.v7 .nf .body{font-size:13px}
}

.site.v7 .pg-main .pagehead{display:block;padding:0 0 calc(30 * var(--u));border-bottom:1px solid var(--pg-line)}
/* type: the top page's (Roobert; site.css gave these pages a serif for titles and names) */
.site.v7 .pg-main .pagehead h1,.site.v7 .pg-main h1.disp{
  margin:0;font:700 max(70px, calc(68 * var(--u)))/1 var(--sans);letter-spacing:0;color:var(--pg-fg);text-wrap:wrap;
}
.site.v7 .pg-main .disp,.site.v7 .pg-main .cardt{font-family:var(--sans)}
.site.v7 .pg-main .pagehead .body{margin-top:calc(18 * var(--u));max-width:calc(580 * var(--u))}
.site.v7 .pg-main .sec{padding:calc(60 * var(--u)) 0 0;border:0}
.site.v7 .pg-main .body,.site.v7 .pg-main .store p{
  max-width:none;font:400 max(14px, calc(12 * var(--u)))/1.5 var(--sans);letter-spacing:0;color:var(--pg-fg);
}
/* Japanese: plain wrapping like the top page (site.css wraps .body by phrase) */
.site.v7.ja .pg-main :is(.body,.bs-quote,.bs-quote p,.store p){word-break:normal;overflow-wrap:anywhere;text-wrap:wrap;letter-spacing:0}
.site.v7 .pg-main .small,.site.v7 .pg-main .eb{font:400 max(12px, calc(10 * var(--u)))/1.4 var(--sans);letter-spacing:0;color:var(--pg-sub)}
.site.v7 .pg-main .cardt{font-size:max(18px, calc(16 * var(--u)));font-weight:500;line-height:1.2;letter-spacing:0;color:var(--pg-fg)}
.site.v7 .pg-main a:not(.btn):not(.v7-btn){color:inherit;text-decoration:underline;text-underline-offset:.2em;text-decoration-thickness:1px}
.site.v7 .pg-main .lk{font:500 max(12px, calc(10 * var(--u)))/1 var(--sans);letter-spacing:.05em;text-transform:uppercase}

/* —— Brand Story: title centred; message and, below, the text in one centred column like the news
   article (640 wide, x 320–960 at 1280, never narrower than 560px while the stage allows):
   about Time Objects → profile (portrait 160×170 beside the text) —— */
.site.v7.pg-artist .pg-main .sec{padding-top:calc(90 * var(--u))}
/* the text rises line by line (home-v7.js): keep it hidden until it is split, so it is not seen
   first in the fallback font, re-wrapped and then hidden again (noscript in the page shows it) */
@media (prefers-reduced-motion:no-preference){
  .site.v7.pg-artist :is(.pagehead h1, .bs-quote p, .bs-msg .eb, .bs-h, .pg-main .body, figcaption):not(.split){visibility:hidden}
  .site.v7:is(.pg-partners, .pg-contact, .pg-press) .pagehead h1:not(.split){visibility:hidden}
}
.site.v7.pg-artist .pg-main .pagehead{border-bottom:0;padding-bottom:0;text-align:center}
.site.v7.pg-artist .pg-main .pagehead h1{font:700 max(70px, calc(68 * var(--u)))/1 var(--sans);letter-spacing:-.02em}
.site.v7.pg-artist .pg-main .bs-msg{width:max(calc(640 * var(--u)), min(100%, 560px));margin-inline:auto;padding-top:calc(30 * var(--u))}
.site.v7.pg-artist .bs-chronos,.site.v7.pg-artist .pg-main .bs-profile{width:max(calc(640 * var(--u)), min(100%, 560px));margin-inline:auto}
.site.v7.pg-artist .bs-copy{min-width:0}
.site.v7.pg-artist .bs-quote{margin:0;font:400 max(14px, calc(12 * var(--u)))/1.3 var(--sans);font-style:normal;letter-spacing:0;color:var(--pg-fg)}
.site.v7.pg-artist .bs-quote p{margin:0}
.site.v7.pg-artist .bs-quote p + p{margin-top:1.3em}
.site.v7.pg-artist .pg-main .bs-msg .eb{margin-top:calc(16 * var(--u));text-align:center;font:400 max(14px, calc(12 * var(--u)))/1 var(--sans);letter-spacing:0;color:var(--pg-fg)}
.site.v7.pg-artist .bs-h{margin:0 0 calc(24 * var(--t));font:600 max(24px, calc(22 * var(--u)))/1.2 var(--sans);letter-spacing:0;color:var(--pg-fg)}
.site.v7.pg-artist .pg-main .sec .body + .body{margin-top:1.5em}
.site.v7.pg-artist .bs-person{display:grid;grid-template-columns:calc(160 * var(--u)) 1fr;column-gap:calc(30 * var(--u));align-items:start}
.site.v7.pg-artist .bs-person figure{margin:0}
.site.v7.pg-artist .portrait{display:block;width:100%;height:auto;aspect-ratio:160/170;min-width:120px;object-fit:cover;border-radius:4px}
/* grows from its top left corner when it comes into view, like the news thumbnails
   (home-v7.css .v7-news .item.rv .thumb; home-v7.js adds .rv / .is-in) */
.site.v7.pg-artist .portrait.rv{transform:scale(.4);transform-origin:0 0;transition:transform 1s var(--ease)}
.site.v7.pg-artist .portrait.rv.is-in{transform:none}
.site.v7.pg-artist .bs-person figcaption{margin-top:calc(10 * var(--t))}

/* —— Partners: region name left, the stores one under another (a faint line between) —— */
.site.v7.pg-partners .regions{display:block;padding-top:0}
.site.v7.pg-partners .region{
  display:grid;grid-template-columns:calc(390 * var(--u)) 1fr;gap:calc(24 * var(--t)) 0;
  padding:calc(42 * var(--u)) 0;border-top:1px solid var(--pg-line);
}
.site.v7.pg-partners .region:first-child{border-top:0}
.site.v7.pg-partners .regionh{margin:0;font:600 max(24px, calc(22 * var(--u)))/1.2 var(--sans);letter-spacing:0;color:var(--pg-fg)}
.site.v7.pg-partners .stores{display:flex;flex-direction:column;gap:0}
.site.v7.pg-partners .store{position:relative;padding:calc(24 * var(--t)) 0;border-top:1px solid var(--pg-line)}
.site.v7.pg-partners .store:first-child{padding-top:0;border-top:0}
.site.v7.pg-partners .store:last-child{padding-bottom:0}
.site.v7.pg-partners .store .cardt{margin:0 0 calc(12 * var(--t))}
.site.v7.pg-partners .store p{line-height:1.6}
/* phone numbers: no underline; e-mail (and the contact form link): underlined, the line runs
   again from the left on hover (as the 404 page's link) */
.site.v7.pg-partners .pg-main .store a[href^="tel:"]:not(.btn){text-decoration:none}
.site.v7.pg-partners .pg-main :is(.store a[href^="mailto:"], .direct a.lk):not(.btn){
  text-decoration:none;padding-bottom:1px;
  background:linear-gradient(currentColor,currentColor) no-repeat 0 100% / 100% 1px;
}
.site.v7.pg-partners .pg-main .direct a.lk{display:inline;min-height:0}
@media (hover:hover){.site.v7.pg-partners .pg-main :is(.store a[href^="mailto:"], .direct a.lk):not(.btn):hover{opacity:1;animation:nf-underline .8s var(--ease)}}
/* until the list from the CMS is in (at most ~2.5 s): the page's own list is not shown, so it is
   not seen first and then replaced (partners-cms.js) */
.site.v7.pg-partners .pt-wait{visibility:hidden}

/* —— Media Center (media-center.html; content from the CMS, media-cms.js): sections with a
   heading over a grid of cards — photo (its own background), title, background / credit,
   High Res / Low Res buttons (with the file size). Press release: two PDF buttons, no rules. —— */
.site.v7.pg-press .mc-root{padding-top:calc(60 * var(--u))}
/* request form (media-center.html): the contact form's fields; terms and "already have a
   password" on the right */
.site.v7.pg-press .mc-terms-box .mc-terms ul,.site.v7.pg-press .pagehead .mc-terms ul{margin:0;padding:0 0 0 1.2em;list-style:disc;font:400 max(14px, calc(12 * var(--u)))/1.5 var(--sans);color:var(--pg-fg)}
.site.v7.pg-press .mc-terms li + li{margin-top:.4em}
.site.v7.pg-press .mc-terms li::marker{color:var(--pg-sub)}
.site.v7.pg-press .mc-terms-box{padding:calc(18 * var(--t)) calc(20 * var(--t));border:1px solid var(--pg-edge);border-radius:4px}
.site.v7.pg-press .mc-terms-h{margin:0 0 calc(10 * var(--t));font:700 max(12px, calc(10 * var(--u)))/1 var(--sans);letter-spacing:.05em;text-transform:uppercase;color:var(--pg-fg)}
.site.v7.pg-press .mc-side .btn{text-decoration:none}
.site.v7.pg-press .status.ok{color:var(--pg-fg)}
.site.v7.pg-press .mc-terms p{margin:.4em 0 0;font:400 max(14px, calc(12 * var(--u)))/1.5 var(--sans);color:var(--pg-fg)}
.site.v7.pg-press .mc-terms a{color:inherit;text-decoration:underline}
.site.v7.pg-press .mc-terms-box .mc-terms > p:first-child{margin-top:0}
/* Roobert turns (1) (2) (3) into circled figures: keep the lawyer's text as written */
.site.v7.pg-press .mc-terms,.site.v7.pg-press .mc-terms :is(p,li){font-variant-ligatures:none;font-feature-settings:"liga" 0,"calt" 0,"dlig" 0}
.site.v7.pg-press .status.err{color:var(--err, #ff6b6b)}
.site.v7.pg-press .mc-login{max-width:calc(480 * var(--u))}
.site.v7.pg-press .mc-logout{margin:calc(18 * var(--t)) 0 0}
.site.v7.pg-press .mc-request,.site.v7.pg-press .mc-access{padding-top:calc(60 * var(--u))}
.site.v7.pg-press .pg-main .pagehead .mc-terms{max-width:calc(580 * var(--u));margin:calc(14 * var(--t)) 0 0}
.site.v7.pg-press .mc-terms li + li{margin-top:.3em}
.site.v7.pg-press .mc-terms li::marker{color:var(--pg-sub)}
.site.v7.pg-press .pg-main .pagehead .mc-terms + .body{margin-top:calc(14 * var(--t))}
.site.v7.pg-press .mc-sec + .mc-sec{margin-top:calc(90 * var(--u))}
.site.v7.pg-press .mc-h{margin:0 0 calc(24 * var(--t));font:600 max(24px, calc(22 * var(--u)))/1.2 var(--sans);letter-spacing:0;color:var(--pg-fg)}
.site.v7.pg-press .mc-doclist{display:flex;flex-wrap:wrap;gap:calc(12 * var(--t))}
.site.v7.pg-press .pg-main a.mc-doc{
  display:inline-flex;align-items:center;gap:calc(14 * var(--t));min-height:calc(48 * var(--t));padding:0 calc(20 * var(--t));
  border:1px solid var(--pg-edge);border-radius:4px;text-decoration:none;color:var(--pg-fg);
  transition:border-color .4s var(--ease),background-color .3s var(--ease),color .3s var(--ease);
}
.site.v7.pg-press .mc-doc-t{font:600 max(14px, calc(12 * var(--u)))/1 var(--sans)}
.site.v7.pg-press .mc-doc-m{font:400 max(12px, calc(10 * var(--u)))/1 var(--sans);color:var(--pg-sub)}
.site.v7.pg-press .pg-main a.mc-doc:hover{border-color:var(--pg-fg)}
.site.v7.pg-press .mc-grid{display:grid;grid-template-columns:repeat(4, minmax(0,1fr));gap:calc(30 * var(--u)) calc(20 * var(--u));margin:0;padding:0;list-style:none}
.site.v7.pg-press .mc-card{display:flex;flex-direction:column;min-width:0;margin:0}
.site.v7.pg-press .mc-img{aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:4px;background:#000}
.site.v7.pg-press .mc-white .mc-img{background:#fff}
.site.v7.pg-press .mc-img img{width:100%;height:100%;object-fit:contain}
.site.v7.pg-press .mc-card:not(.mc-black):not(.mc-white) .mc-img img{object-fit:cover}
.site.v7.pg-press .mc-body{display:flex;flex-direction:column;gap:calc(4 * var(--t));padding-top:calc(14 * var(--t))}
.site.v7.pg-press .mc-body p{margin:0}
.site.v7.pg-press .mc-title{font:600 max(14px, calc(12 * var(--u)))/1.3 var(--sans);color:var(--pg-fg)}
.site.v7.pg-press .mc-sub{font:400 max(12px, calc(10 * var(--u)))/1.4 var(--sans);color:var(--pg-sub)}
.site.v7.pg-press .mc-dl{display:flex;gap:calc(8 * var(--t));margin-top:calc(10 * var(--t))}
.site.v7.pg-press .pg-main a.mc-btn{
  flex:1 1 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;
  min-height:calc(44 * var(--t));padding:calc(6 * var(--t)) calc(8 * var(--t));box-sizing:border-box;
  border:1px solid var(--pg-edge);border-radius:4px;text-decoration:none;color:var(--pg-fg);
  font:600 max(11px, calc(9 * var(--u)))/1.1 var(--sans);letter-spacing:.04em;text-transform:uppercase;text-align:center;
  transition:border-color .4s var(--ease),background-color .3s var(--ease),color .3s var(--ease);
}
.site.v7.pg-press a.mc-btn span{font-weight:400;letter-spacing:0;text-transform:none;color:var(--pg-sub)}
.site.v7.pg-press .pg-main a.mc-btn:hover{border-color:var(--pg-fg)}
.site.v7.pg-press button.mc-img{all:unset;box-sizing:border-box;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:4px;background:#000;cursor:zoom-in}
.site.v7.pg-press .mc-white button.mc-img{background:#fff}
.site.v7.pg-press button.mc-img img{transition:transform .8s var(--ease)}
.site.v7.pg-press button.mc-img:hover img{transform:scale(1.03)}
.site.v7.pg-press button.mc-img:focus-visible{outline:2px solid var(--pg-fg);outline-offset:3px}
/* lightbox (media-cms.js): the photo on its own background, × top right, ‹ › at the sides */
html.v7-modal-open{overflow:hidden}
.mc-lb{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:rgba(6,5,10,.92);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.mc-lb[hidden]{display:none}
.mc-lb-in{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:64px 88px;box-sizing:border-box}
.mc-lb-fig{margin:0;display:flex;flex-direction:column;align-items:center;gap:12px;max-width:100%;max-height:100%;min-width:0}
.site .mc-lb .mc-lb-fig img{display:block;max-width:100%;max-height:calc(100vh - 160px);width:auto;height:auto;min-width:0;border-radius:4px;background:#000}
.site .mc-lb.is-white .mc-lb-fig img{background:#fff}
.mc-lb-fig figcaption{font:400 13px/1.4 var(--sans);color:rgba(255,255,255,.8);text-align:center}
.mc-lb-x,.mc-lb-nav{position:absolute;width:44px;height:44px;padding:0;border:1px solid rgba(255,255,255,.4);border-radius:50%;background:transparent;cursor:pointer;transition:border-color .3s,background-color .3s}
.mc-lb-x:hover,.mc-lb-nav:hover{border-color:#fff;background:rgba(255,255,255,.1)}
.mc-lb-x{top:16px;right:16px}
.mc-lb-x::before,.mc-lb-x::after{content:"";position:absolute;left:50%;top:50%;width:16px;height:1px;background:#fff;transform:translate(-50%,-50%) rotate(45deg)}
.mc-lb-x::after{transform:translate(-50%,-50%) rotate(-45deg)}
.mc-lb-nav{top:50%;margin-top:-22px}
.mc-lb-nav.prev{left:20px}
.mc-lb-nav.next{right:20px}
.mc-lb-nav::before{content:"";position:absolute;left:50%;top:50%;width:9px;height:9px;border-top:1px solid #fff;border-right:1px solid #fff;transform:translate(-65%,-50%) rotate(45deg)}
.mc-lb-nav.prev::before{transform:translate(-35%,-50%) rotate(-135deg)}

/* —— Privacy Policy: one text column —— */
/* the title and the text in one centred column, as on the news article (news.css .nd-article:
   640 wide, x 320–960 at 1280, never narrower than 560px while the stage allows) */
.site.v7.pg-privacy .pg-main :is(.pagehead,.pp){width:max(calc(640 * var(--u)), min(100%, 560px));margin-inline:auto}
.site.v7.pg-privacy .pg-main .pagehead{border-bottom:0;padding-bottom:0;text-align:center}
.site.v7.pg-privacy .pg-main .pp{padding-top:calc(60 * var(--u))}
.site.v7.pg-privacy .pp p,.site.v7.pg-privacy .pp li{margin:0;font:400 max(14px, calc(12 * var(--u)))/1.5 var(--sans);letter-spacing:0;color:var(--pg-fg)}
.site.v7.pg-privacy .pp p + p,.site.v7.pg-privacy .pp p + ul,.site.v7.pg-privacy .pp ul + p{margin-top:1em}
.site.v7.pg-privacy .pp ul,.site.v7.pg-privacy .pp ol{margin:0;padding-left:1.4em}
.site.v7.pg-privacy .pp ul{list-style:disc}
.site.v7.pg-privacy .pp ul ul{list-style:circle;margin-top:.4em}
.site.v7.pg-privacy .pp li + li{margin-top:.4em}
.site.v7.pg-privacy .pp li::marker{color:var(--pg-sub)}
.site.v7.pg-privacy .pp a{color:inherit;text-decoration:underline;text-underline-offset:.2em;text-decoration-thickness:1px}
.site.v7.pg-privacy .pp h2{margin:calc(48 * var(--t)) 0 calc(14 * var(--t));font:600 max(18px, calc(16 * var(--u)))/1.4 var(--sans);letter-spacing:0;color:var(--pg-fg)}
.site.v7.pg-privacy .pp h3{margin:calc(32 * var(--t)) 0 calc(10 * var(--t));font:600 max(15px, calc(13 * var(--u)))/1.4 var(--sans);color:var(--pg-fg)}
.site.v7.pg-privacy .pp > :first-child{margin-top:0}
.site.v7.pg-privacy .pp hr{margin:calc(48 * var(--t)) 0 0;border:0;border-top:1px solid var(--pg-line)}
.site.v7.pg-privacy .pp hr + h2{margin-top:calc(36 * var(--t))}

/* —— Contact: tabs, form (newsletter-style fields), desk on the right —— */
.site.v7:is(.pg-contact,.pg-register,.pg-press) .tabs{display:inline-flex;gap:3px;padding:6px;margin:0 0 calc(42 * var(--u));border-radius:2px;background:var(--pg-pill);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}
.site.v7:is(.pg-contact,.pg-register,.pg-press) .tabs button{
  height:calc(30 * var(--t));padding:0 calc(14 * var(--t));border:0;border-radius:2px;background:transparent;cursor:pointer;
  font:500 max(12px, calc(10 * var(--u)))/1 var(--sans);letter-spacing:.05em;text-transform:uppercase;color:var(--pg-fg);text-decoration:none;
  transition:background-color .3s var(--ease),color .3s var(--ease);
}
.site.v7:is(.pg-contact,.pg-register,.pg-press) .tabs button[aria-pressed="true"]{background:var(--pg-on-bg);color:var(--pg-on-fg)}
.site.v7:is(.pg-contact,.pg-register,.pg-press) .two{display:grid;grid-template-columns:calc(640 * var(--u)) 1fr;column-gap:calc(90 * var(--u));align-items:start}
.site.v7:is(.pg-contact,.pg-register,.pg-press) form{display:flex;flex-direction:column;gap:calc(24 * var(--t));min-width:min(100%, 480px)}
.site.v7:is(.pg-contact,.pg-register,.pg-press) .row2{display:grid;grid-template-columns:1fr 1fr;gap:calc(24 * var(--t))}
.site.v7:is(.pg-contact,.pg-register,.pg-press) .field{display:flex;flex-direction:column;gap:calc(8 * var(--t))}
.site.v7:is(.pg-contact,.pg-register,.pg-press) .field > label:not(.chk){font:700 max(12px, calc(10 * var(--u)))/1 var(--sans);letter-spacing:.05em;text-transform:uppercase;color:var(--pg-fg)}
.site.v7:is(.pg-contact,.pg-register,.pg-press) .field input[type=text],.site.v7:is(.pg-contact,.pg-register,.pg-press) .field input[type=email],.site.v7:is(.pg-contact,.pg-register,.pg-press) .field input[type=tel],.site.v7:is(.pg-contact,.pg-register,.pg-press) .field input[type=date],.site.v7:is(.pg-contact,.pg-register,.pg-press) .field input[type=url],
.site.v7:is(.pg-contact,.pg-register,.pg-press) .field select,.site.v7:is(.pg-contact,.pg-register,.pg-press) .field textarea{
  width:100%;box-sizing:border-box;margin:0;padding:0 calc(16 * var(--t));min-height:calc(48 * var(--t));
  border:1px solid var(--pg-edge);border-radius:2px;background-color:var(--pg-field);box-shadow:none;outline:none;
  -webkit-appearance:none;appearance:none;font:400 max(16px, calc(12 * var(--u)))/1.4 var(--sans);letter-spacing:0;color:var(--pg-fg);
  transition:border-color .3s var(--ease);
}
.site.v7:is(.pg-contact,.pg-register,.pg-press) .field :is(input,select,textarea):hover{border-color:var(--pg-fg)}
.site.v7:is(.pg-contact,.pg-register,.pg-press) .field select option{color:#06050A}
.site.v7:is(.pg-contact,.pg-register,.pg-press) .field textarea{padding-top:calc(14 * var(--t));padding-bottom:calc(14 * var(--t));resize:vertical}
.site.v7:is(.pg-contact,.pg-register,.pg-press) .field select{
  padding-right:calc(40 * var(--t));background-repeat:no-repeat;background-position:right calc(16 * var(--t)) center;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.site.v7:is(.pg-contact,.pg-register,.pg-press) .field :is(input,select,textarea):focus-visible{outline:2px solid var(--pg-fg);outline-offset:2px}
.site.v7:is(.pg-contact,.pg-register,.pg-press) .field :is(input,select,textarea)[aria-invalid="true"]{border-color:var(--err)}
.site.v7:is(.pg-contact,.pg-register,.pg-press) .chk{display:flex;gap:calc(12 * var(--t));align-items:flex-start;font:400 max(12px, calc(10 * var(--u)))/1.4 var(--sans);letter-spacing:0;text-transform:none;color:var(--pg-fg)}
.site.v7:is(.pg-contact,.pg-register,.pg-press) .chk input{
  -webkit-appearance:none;appearance:none;flex:none;width:calc(22 * var(--t));height:calc(22 * var(--t));margin:0;
  border:1px solid var(--pg-edge);border-radius:4px;background:var(--pg-field);cursor:pointer;
}
/* the first line of the text sits on the box's middle (box 22, line 1.4em); longer text wraps below */
.site.v7:is(.pg-contact,.pg-register,.pg-press) .chk > span{padding-top:max(0px, calc((22 * var(--t) - 1.4em) / 2))}
.site.v7:is(.pg-contact,.pg-register,.pg-press) .chk input:checked{
  background:var(--pg-on-bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='8' viewBox='0 0 10 8'%3E%3Cpath d='M1 4l2.8 2.8L9 1' fill='none' stroke='%2306050A' stroke-width='1.3'/%3E%3C/svg%3E") no-repeat center;
  border-color:var(--pg-on-bg);
}
.site.v7:is(.pg-contact,.pg-register,.pg-press) .btn{
  /* the top page's button (home-v7.css .v7-btn): 36 high, r4, 1px edge at 30%, 10px SemiBold caps
     +5%, the → after the label; hover: the edge becomes opaque and the → slides out and back in */
  display:inline-flex;align-items:center;gap:calc(16 * var(--t));height:calc(36 * var(--t));min-height:0;
  padding:0 calc(15 * var(--t));box-sizing:border-box;
  border:1px solid var(--pg-edge);border-radius:4px;background:transparent;color:var(--pg-fg);text-decoration:none;
  -webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);
  font:600 calc(10 * var(--t))/1 var(--sans);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;cursor:pointer;
  transition:border-color .4s var(--ease),opacity .3s var(--ease);
}
.site.v7:is(.pg-contact,.pg-register,.pg-press) .btn::after{
  content:"";flex:none;width:calc(7 * var(--t));height:calc(7 * var(--t));
  background:url("img/v7/icon-arrow.svg") center / contain no-repeat;
}
.site.v7:is(.pg-contact,.pg-register,.pg-press) .btn:hover{border-color:var(--pg-fg);background:transparent;color:var(--pg-fg)}
.site.v7:is(.pg-contact,.pg-register,.pg-press) .btn:hover::after{animation:v7-slide .7s var(--ease)}
.site.v7:is(.pg-contact,.pg-register,.pg-press) .btn:disabled{opacity:.4;cursor:default;border-color:var(--pg-edge)}
.site.v7:is(.pg-contact,.pg-register,.pg-press) .btn:disabled::after{animation:none}
@media (prefers-reduced-motion:reduce){.site.v7:is(.pg-contact,.pg-register,.pg-press) .btn:hover::after{animation:none}}
.site.v7:is(.pg-contact,.pg-register,.pg-press) .status{font:400 max(14px, calc(12 * var(--u)))/1.5 var(--sans);color:var(--pg-fg)}
.site.v7:is(.pg-contact,.pg-register,.pg-press) :is(.desk,.notice){display:flex;flex-direction:column;gap:calc(12 * var(--t));padding-top:calc(18 * var(--t));border-top:1px solid var(--pg-fg)}
.site.v7:is(.pg-contact,.pg-press) .desk{padding-top:0;border-top:0}

@media (max-width:767px){
  .site.v7 .pg-main{padding:161px 0 90px}
  .site.v7 .pg-main::before{top:131px;left:20px;right:20px}
  .site.v7 .pg-main .pagehead{padding-bottom:30px}
  .site.v7 .pg-main .pagehead h1,.site.v7 .pg-main h1.disp{font-size:calc(50 * var(--s))}
  .site.v7 .pg-main .pagehead .body{margin-top:18px;max-width:none}
  .site.v7 .pg-main .sec{padding-top:42px}
  .site.v7 .pg-main .body,.site.v7 .pg-main .store p{font-size:14px}

  .site.v7:is(.pg-contact,.pg-register,.pg-press) .two{grid-template-columns:1fr;row-gap:30px}
  .site.v7.pg-artist .pg-main .sec{padding-top:60px}
  .site.v7.pg-artist .bs-chronos,.site.v7.pg-artist .pg-main .bs-profile{width:auto}
  .site.v7.pg-artist .pg-main .pagehead h1{font-size:40px}
  .site.v7.pg-artist .pg-main .bs-msg{width:auto;min-width:0;padding-top:30px}
  .site.v7.pg-artist .bs-quote{font-size:12px}
  .site.v7.pg-artist .pg-main .bs-msg .eb{margin-top:18px;font-size:14px}
  .site.v7.pg-artist .bs-h{font-size:20px;margin-bottom:18px}
  .site.v7.pg-artist .bs-person{grid-template-columns:80px 1fr;column-gap:15px}
  .site.v7.pg-artist .portrait{min-width:0}

  .site.v7.pg-partners .region{grid-template-columns:1fr;padding:30px 0}
  .site.v7.pg-press .mc-root{padding-top:42px}
  .site.v7.pg-press .pg-main .pagehead .mc-terms{max-width:none}
  .site.v7.pg-press .mc-sec + .mc-sec{margin-top:60px}
  .site.v7.pg-press .mc-h{font-size:20px;margin-bottom:18px}
  .site.v7.pg-press .mc-grid{grid-template-columns:repeat(2, minmax(0,1fr));gap:30px 12px}
  .site.v7.pg-press .mc-dl{flex-direction:column;gap:6px}
  .site.v7.pg-press .mc-doclist{flex-direction:column}
  .mc-lb-in{padding:64px 12px 84px}
  .site .mc-lb .mc-lb-fig img{max-height:calc(100vh - 190px)}
  .mc-lb-nav{top:auto;bottom:20px;margin-top:0}
  .mc-lb-nav.prev{left:calc(50% - 56px)}
  .mc-lb-nav.next{right:calc(50% - 56px)}
  .site.v7.pg-privacy .pg-main :is(.pagehead,.pp){width:auto}
  .site.v7.pg-privacy .pg-main .pp{padding-top:30px}
  .site.v7.pg-privacy .pp h2{font-size:16px;margin-top:36px}
  .site.v7.pg-partners .regionh{font-size:20px}
  .site.v7.pg-partners .store{padding:24px 0}
  .site.v7.pg-partners .store:first-child{padding-top:0}
  .site.v7.pg-partners .store:last-child{padding-bottom:0}

  .site.v7:is(.pg-contact,.pg-register,.pg-press) .tabs{margin-bottom:30px}
  .site.v7:is(.pg-contact,.pg-register,.pg-press) form{min-width:0}
  .site.v7:is(.pg-contact,.pg-register,.pg-press) .row2{grid-template-columns:1fr}
  .site.v7:is(.pg-contact,.pg-register,.pg-press) :is(.desk,.notice){order:-1}
}