:root{--bg:#cde3fb;--sheet:#ffffff;--ink:#13204a;--mute:#3b4872;--line:#a6c2e6;--acc:#d0321f;--onacc:#ffffff;--accsh:#7d1b0e;
  --p1:#d0321f;--o1:#ffffff;--p2:#ffc533;--o2:#13204a;--p3:#2345c4;--o3:#ffffff;--p4:#1b8355;--o4:#ffffff;--deep:#13204a;--ondeep:#ffffff;--deepmute:#b9c6ec}
/* Look AJ "Playroom": nurseries, kindergartens, playgroups and after-school clubs. Cut paper on a coloured table:
   flat matte colour, primary shapes (circle, square, triangle, half disc, leaf, quarter round), photos cut into those
   shapes and glued onto a bigger shape of another colour (the frame's hard offset shadow). The grid underneath is an
   exact 12-column grid; only the paper pieces tilt, each by its own small angle, always with the `rotate` property so
   transforms stay free for motion. Type: Dela Gothic One (heavy, blocky) for headings, Rethink Sans for text, sentence
   case. Fonts (OFL, public/fonts, latin + latin-ext): @fontsource/dela-gothic-one and
   @fontsource-variable/rethink-sans 5.3.0 and @fontsource-variable/familjen-grotesk 5.3.0 (the quirky pairing), from the
   approved font shortlist. */
@font-face{font-family:"AJ Dela";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/dela-gothic-one-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:"AJ Dela";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/dela-gothic-one-latin-400-normal.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}
@font-face{font-family:"AJ Rethink";font-style:normal;font-weight:400 800;font-display:swap;src:url(fonts/rethink-sans-latin-ext-wght-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:"AJ Rethink";font-style:normal;font-weight:400 800;font-display:swap;src:url(fonts/rethink-sans-latin-wght-normal.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}
@font-face{font-family:"AJ Familjen";font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/familjen-grotesk-latin-ext-wght-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:"AJ Familjen";font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/familjen-grotesk-latin-wght-normal.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}
/* heading face per pairing: blocky = Dela Gothic One, quirky = Familjen Grotesk bold */
body{--hf:"AJ Dela",var(--fd);--tf:"AJ Rethink",var(--ft);--hw:400;--ht:0em;--hl:1.12}
body.aj-f-quirky{--hf:"AJ Familjen",var(--fd);--hw:700;--ht:-.02em;--hl:1.05}
:root{--max:1240px;--pad:clamp(20px,4vw,48px);--gap:24px;--r:calc(6px*var(--tune-radius,1));--m-accent:var(--acc);--m-header-bg:var(--bg);
  --g-max:calc(var(--max) + 2 * var(--pad));--g-pad:var(--pad);--g-bg:var(--bg);--g-paper:var(--sheet);--g-surface:var(--sheet);--g-ink:var(--ink);--g-muted:var(--mute);--g-line:var(--line);--g-accent:var(--acc);--g-radius:var(--r);--g-top:0px}
body{--g-fd:var(--hf);--g-ft:var(--tf)}
.aj-p1{--pc:var(--p1);--po:var(--o1)}.aj-p2{--pc:var(--p2);--po:var(--o2)}.aj-p3{--pc:var(--p3);--po:var(--o3)}.aj-p4{--pc:var(--p4);--po:var(--o4)}

/* ---------- base ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:24px}
body{margin:0;background:var(--bg);color:var(--ink);font:400 calc(18px*var(--tune-size,1))/1.55 var(--tf);overflow-x:clip}
h1,h2,h3{font-family:var(--hf);font-weight:var(--hw);letter-spacing:var(--ht);line-height:var(--hl);margin:0;text-wrap:balance}
p,ul,ol,dl,dd,figure,blockquote{margin:0;padding:0}
ul,ol{list-style:none}
p{text-wrap:pretty}
h1,h2,h3,h4,summary,b,p,li,dd,dt,figcaption{overflow-wrap:anywhere;hyphens:auto}
/* the name tag and buttons size to their words, so they only break a word that cannot fit at all */
.aj-tag,.aj-btn,.aj-tag *,.aj-links *,.aj-btn *{overflow-wrap:break-word}
a{color:inherit;text-decoration-thickness:2px;text-underline-offset:.22em}
img{display:block;max-width:100%;height:auto}
:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
.aj-wrap{width:100%;max-width:calc(var(--max) + 2 * var(--pad));margin-inline:auto;padding-inline:var(--pad)}
.aj-centre{text-align:center}
.aj-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.aj-sec{padding-block:calc(clamp(48px,6vw,88px)*var(--tune-space,1))}
.aj-sheet{background:var(--sheet);border-radius:var(--r)}
.aj-lede{font-size:calc(clamp(18px,1.6vw,21px)*var(--tune-size,1));color:var(--mute);max-width:34em}
.aj-link{font-weight:700}

/* ---------- paper shapes ---------- */
.aj-mark{display:inline-grid;place-items:center;flex:none;aspect-ratio:1;background:var(--pc);color:var(--po);line-height:1}
.aj-mark-t{font-family:var(--hf);font-weight:var(--hw);letter-spacing:var(--ht)}
.aj-cut-circle{border-radius:50%}
.aj-cut-square{border-radius:var(--r)}
.aj-cut-tri{clip-path:polygon(50% 0,100% 100%,0 100%)}
.aj-cut-dome{border-radius:50% 50% var(--r) var(--r) / 50% 50% var(--r) var(--r)}
.aj-cut-bowl{border-radius:var(--r) var(--r) 50% 50% / var(--r) var(--r) 50% 50%}
.aj-cut-leaf{border-radius:50% var(--r)}
.aj-cut-quarter{border-radius:50% var(--r) var(--r) var(--r)}
.aj-cut-band{border-radius:calc(40px*var(--tune-radius,1))}
/* a photo cut into a shape, glued onto a bigger shape of another paper colour */
.aj-pic{position:relative;overflow:hidden;background:var(--pc);box-shadow:var(--bx,14px) var(--by,14px) 0 var(--pc)}
.aj-pic img{width:100%;height:100%;object-fit:cover}

/* ---------- the one action: a paper button with a darker layer under it ---------- */
.aj-btn{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:0 30px;border:0;border-radius:999px;background:var(--acc);color:var(--onacc);font:700 calc(18px*var(--tune-size,1))/1.2 var(--tf);text-decoration:none;text-align:center;box-shadow:0 5px 0 var(--accsh);margin-bottom:5px;cursor:pointer}
.aj-btn-ink{background:var(--deep);color:var(--ondeep);box-shadow:0 5px 0 color-mix(in srgb,var(--deep) 60%,#000)}
@media (hover:hover){.aj-btn.m-btn:hover{transform:translateY(3px);box-shadow:0 2px 0 var(--accsh)}.aj-btn-ink.m-btn:hover{box-shadow:0 2px 0 color-mix(in srgb,var(--deep) 60%,#000)}}

/* ---------- header: the name tag pinned at the left, tilted, over the end of a torn paper strip that carries the pages,
   the phone and the languages (not "logo, links, button", and not a centred sign: E and I have that) ---------- */
.aj-top{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;max-width:calc(var(--max) + 2 * var(--pad));margin:0 auto;padding:22px var(--pad)}
/* the strip is the grid's ::before, laid under the nav and the phone/languages; its left end tucks under the tag */
.aj-top::before{content:"";grid-column:1/-1;grid-row:1;align-self:stretch;margin:7px 0 7px 40px;background:var(--sheet);clip-path:polygon(0.00% 2px,2.08% 1px,4.17% 1px,6.25% 0px,8.33% 0px,10.42% 0px,12.50% 2px,14.58% 3px,16.67% 0px,18.75% 2px,20.83% 3px,22.92% 0px,25.00% 3px,27.08% 1px,29.17% 0px,31.25% 0px,33.33% 1px,35.42% 1px,37.50% 0px,39.58% 1px,41.67% 0px,43.75% 3px,45.83% 1px,47.92% 0px,50.00% 2px,52.08% 3px,54.17% 0px,56.25% 1px,58.33% 0px,60.42% 0px,62.50% 3px,64.58% 0px,66.67% 3px,68.75% 3px,70.83% 1px,72.92% 0px,75.00% 1px,77.08% 0px,79.17% 3px,81.25% 2px,83.33% 1px,85.42% 2px,87.50% 1px,89.58% 1px,91.67% 3px,93.75% 0px,95.83% 3px,97.92% 2px,100% 3px,calc(100% - 3px) 30%,100% 52%,calc(100% - 4px) 74%,100.00% calc(100% - 1px),97.92% calc(100% - 3px),95.83% calc(100% - 4px),93.75% calc(100% - 5px),91.67% calc(100% - 3px),89.58% calc(100% - 3px),87.50% calc(100% - 0px),85.42% calc(100% - 4px),83.33% calc(100% - 3px),81.25% calc(100% - 1px),79.17% calc(100% - 5px),77.08% calc(100% - 3px),75.00% calc(100% - 3px),72.92% calc(100% - 5px),70.83% calc(100% - 2px),68.75% calc(100% - 4px),66.67% calc(100% - 1px),64.58% calc(100% - 4px),62.50% calc(100% - 3px),60.42% calc(100% - 2px),58.33% calc(100% - 3px),56.25% calc(100% - 5px),54.17% calc(100% - 3px),52.08% calc(100% - 2px),50.00% calc(100% - 3px),47.92% calc(100% - 3px),45.83% calc(100% - 1px),43.75% calc(100% - 1px),41.67% calc(100% - 5px),39.58% calc(100% - 1px),37.50% calc(100% - 3px),35.42% calc(100% - 1px),33.33% calc(100% - 0px),31.25% calc(100% - 3px),29.17% calc(100% - 5px),27.08% calc(100% - 5px),25.00% calc(100% - 5px),22.92% calc(100% - 3px),20.83% calc(100% - 3px),18.75% calc(100% - 3px),16.67% calc(100% - 3px),14.58% calc(100% - 2px),12.50% calc(100% - 3px),10.42% calc(100% - 3px),8.33% calc(100% - 0px),6.25% calc(100% - 2px),4.17% calc(100% - 3px),2.08% calc(100% - 2px),0.00% calc(100% - 1px))}
.aj-links{grid-column:2;grid-row:1;padding-left:clamp(28px,3vw,44px);position:relative;z-index:1}
.aj-links ul{display:flex;gap:clamp(16px,2.2vw,30px)}
.aj-links a{display:inline-flex;align-items:center;gap:9px;font-weight:700;font-size:calc(16px*var(--tune-size,1));text-decoration:none;padding:8px 0}
.aj-links a:hover,.aj-links a[aria-current]{text-decoration:underline}
.aj-dot{width:12px}
.aj-tag{justify-self:start;grid-column:1;grid-row:1;z-index:1;position:relative;display:block;background:var(--p2);color:var(--o2);text-decoration:none;font:var(--hw) calc(20px*var(--tune-size,1))/1.15 var(--hf);letter-spacing:var(--ht);padding:14px 24px 14px 40px;border-radius:var(--r);rotate:-4deg;box-shadow:4px 5px 0 var(--accsh);text-align:center;max-width:26ch;text-wrap:balance}
/* the pin that holds the tag to the table */
.aj-tag::after{content:"";position:absolute;top:-6px;right:18px;width:14px;height:14px;border-radius:50%;background:var(--p1);box-shadow:2px 2px 0 color-mix(in srgb,var(--ink) 35%,transparent)}
.aj-tag::before{content:"";position:absolute;left:14px;top:50%;width:10px;height:10px;margin-top:-5px;border-radius:50%;background:var(--bg)}
.aj-top-end{position:relative;z-index:1;grid-column:3;grid-row:1;justify-self:end;display:flex;align-items:center;gap:20px;font-weight:700;font-size:calc(16px*var(--tune-size,1));padding-right:clamp(20px,2.4vw,32px)}
.aj-phone{text-decoration:none;white-space:nowrap}
.aj-phone:hover{text-decoration:underline}
.aj-top .langs{font-size:calc(15px*var(--tune-size,1))}
/* phones and tablets: the pages move to a paper tab bar along the bottom (thumb reach), each tab with its shape; the
   name tag goes left, the languages stay right */
@media (max-width:900px){
  .aj-phone{display:none}
  .aj-top{grid-template-columns:minmax(0,1fr) auto;padding-block:18px;gap:12px}
  .aj-top::before{display:none}
  .aj-tag{grid-column:1;justify-self:start;font-size:calc(16px*var(--tune-size,1));padding:10px 16px 10px 30px;max-width:min(100%,28ch);rotate:-2deg}
  .aj-tag::after{top:-5px;right:12px;width:11px;height:11px}
  .aj-top-end{grid-column:2;padding-right:0}
  .aj-tag::before{left:11px;width:8px;height:8px;margin-top:-4px}
  .aj-links{position:fixed;z-index:40;left:0;right:0;bottom:0;background:var(--sheet);box-shadow:0 -4px 0 var(--p2);padding:6px max(8px,env(safe-area-inset-left)) calc(6px + env(safe-area-inset-bottom))}
  .aj-links ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;max-width:560px;margin:0 auto}
  .aj-links a{display:flex;flex-direction:column;justify-content:center;gap:6px;min-height:58px;padding:6px 4px;border-radius:var(--r);font-size:calc(14px*var(--tune-size,1));line-height:1.15;text-align:center}
  .aj-links a:hover{text-decoration:none}
  .aj-links a[aria-current]{text-decoration:none;background:var(--bg)}
  .aj-dot{width:18px}
  .aj-foot{padding-bottom:calc(calc(40px + 74px + env(safe-area-inset-bottom))*var(--tune-space,1))}
}

/* ---------- the hero stamp: the dated fact (heroTag) on a round paper disc glued over the photo's edge ---------- */
.aj-stamp{position:absolute;z-index:2;display:grid;place-items:center;width:var(--st,clamp(112px,10.5vw,150px));aspect-ratio:1;border-radius:50%;background:var(--pc);color:var(--po);
  text-align:center;font:800 calc(clamp(14px,1.1vw,16px)*var(--tune-size,1))/1.2 var(--tf);padding:calc(var(--st,clamp(112px,10.5vw,150px)) * .16);rotate:-8deg;text-wrap:balance}
.aj-stamp span{overflow-wrap:break-word;hyphens:manual}

/* ---------- hero "blocks": a big headline over one wide photo cut as a leaf (two opposite corners rounded), the lede and
   the one button beside the headline, the stamp glued over the photo's top corner. The hero fills the first screen. ---------- */
.aj-hb-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,min(26%,330px));grid-template-rows:auto minmax(0,1fr);column-gap:clamp(24px,3vw,40px);
  padding-top:clamp(8px,1.6vw,24px);min-height:min(calc(100svh - var(--hh,96px)),980px)}
.aj-hb h1{grid-column:1;grid-row:1;font-size:calc(clamp(46px,6.9vw,100px)*var(--tune-size,1));line-height:1.02;letter-spacing:-.01em;max-width:none}
body.aj-f-quirky .aj-hb h1{letter-spacing:-.035em}
.aj-hb-side{grid-column:2;grid-row:1;align-self:end;display:flex;flex-direction:column;align-items:flex-start;gap:20px;padding-bottom:6px}
.aj-hb-side .aj-lede{font-size:calc(clamp(17px,1.35vw,20px)*var(--tune-size,1))}
.aj-hb-band{grid-column:1/-1;grid-row:2;position:relative;min-height:320px;margin:calc(clamp(24px,3vw,40px)*var(--tune-space,1)) calc(50% - 50vw) 0}
.aj-hb-pic{position:absolute;inset:0;--bx:14px;--by:14px;border-radius:clamp(90px,15vw,240px) 0}
.aj-hb-band .aj-stamp{top:clamp(20px,2.4vw,36px);right:clamp(20px,2.4vw,36px)}
@media (max-width:900px){
  .aj-hb-in{grid-template-columns:minmax(0,1fr);grid-template-rows:auto;min-height:0;padding-top:4px}
  .aj-hb-band{grid-row:1;height:clamp(270px,41vh,460px);min-height:0;margin:0 calc(50% - 50vw) 22px}
  .aj-hb-pic{--bx:8px;--by:8px;border-radius:calc(96px*var(--tune-radius,1)) 0}
  .aj-hb h1{grid-row:2;font-size:calc(clamp(40px,11.4vw,64px)*var(--tune-size,1));line-height:1.02}
  .aj-hb-side{grid-column:1;grid-row:3;gap:16px;padding:14px 0 0}
  .aj-hb-side .aj-lede{font-size:calc(17px*var(--tune-size,1))}
  .aj-hb-band .aj-stamp{--st:96px;top:auto;bottom:12px;right:12px;translate:none;font-size:calc(12.5px*var(--tune-size,1))}
}

/* ---------- hero "sheets": a giant circle photo running off the right edge and the bottom of the first screen, a paper
   quarter round glued behind it, the stamp on its edge; the words on the left. ---------- */
.aj-hs{position:relative;overflow:clip}
.aj-hs-in{min-height:min(calc(100svh - var(--hh,96px)),940px);display:grid;align-items:center}
.aj-hs-text{position:relative;z-index:3;width:min(41vw,600px);display:flex;flex-direction:column;align-items:flex-start;gap:22px;padding-block:calc(clamp(24px,4vw,56px)*var(--tune-space,1))}
.aj-hs h1{font-size:calc(clamp(46px,7.2vw,112px)*var(--tune-size,1));line-height:.98;max-width:none}
body.aj-f-quirky .aj-hs h1{letter-spacing:-.04em}
.aj-hs-photo{--d:min(62.5vw,900px);position:absolute;width:var(--d);aspect-ratio:1;right:calc(var(--d) * -.13);top:clamp(4px,1.4vw,20px)}
.aj-hs-pic{position:absolute;inset:0;--bx:16px;--by:16px}
.aj-hs-back{position:absolute;width:34%;left:-7%;bottom:3%;border-radius:0 0 0 100%}
.aj-hs-photo .aj-stamp{left:4%;top:12%}
@media (max-width:900px){
  .aj-hs-in{min-height:0;display:flex;flex-direction:column;align-items:stretch;padding-top:4px}
  .aj-hs-photo{--d:min(96vw,560px);position:relative;right:auto;top:auto;align-self:flex-end;margin-right:calc(var(--pad) * -1 - var(--d) * .05);flex:none}
  .aj-hs-text{width:auto;gap:16px;padding-block:18px 0}
  .aj-hs h1{font-size:calc(clamp(40px,12.4vw,64px)*var(--tune-size,1));line-height:1}
  .aj-hs-text .aj-lede{font-size:calc(17px*var(--tune-size,1))}
  .aj-hs-back{display:none}
  .aj-hs-photo .aj-stamp{--st:96px;font-size:calc(12.5px*var(--tune-size,1));left:-2%;top:auto;bottom:8%}
}

/* ---------- the day garland ---------- */
.aj-day{background:var(--sheet);clip-path:polygon(0 28px,100% 0,100% calc(100% - 28px),0 100%);padding-block:calc(clamp(80px,9vw,112px)*var(--tune-space,1));margin-top:calc(clamp(48px,6vw,88px)*var(--tune-space,1))}
.aj-head{margin-bottom:calc(clamp(36px,4vw,56px)*var(--tune-space,1))}
.aj-head h2,.aj-sec h2{font-size:calc(clamp(30px,3.6vw,48px)*var(--tune-size,1))}
.aj-head.aj-centre p{margin:16px auto 0;max-width:34em;color:var(--mute)}
.aj-garland{position:relative}
.aj-string{position:absolute;left:0;top:0;width:100%;height:24px;overflow:visible}
.aj-string path{fill:none;stroke:var(--ink);stroke-width:2.5;vector-effect:non-scaling-stroke}
.aj-garland ol{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr))}
.aj-garland li{display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:22px;padding-inline:8px}
.aj-garland li::before{content:"";width:2.5px;height:16px;background:var(--ink)}
.aj-flag{width:clamp(84px,9vw,124px);rotate:var(--tl);transform-origin:50% 0}
.aj-flag .aj-mark-t{font-size:calc(clamp(20px,2.1vw,28px)*var(--tune-size,1))}
.aj-flag.aj-cut-tri{clip-path:polygon(0 0,100% 0,50% 100%);align-items:start;padding-top:20%}
.aj-flag-d{margin-top:18px;font-weight:700;font-size:calc(17px*var(--tune-size,1));line-height:1.3;max-width:12ch}
@media (max-width:760px){
  .aj-day{clip-path:polygon(0 16px,100% 0,100% calc(100% - 16px),0 100%)}
  .aj-string{display:none}
  .aj-garland ol{grid-template-columns:minmax(0,1fr);gap:16px;position:relative}
  .aj-garland ol::before{content:"";position:absolute;left:39px;top:0;bottom:0;width:2.5px;background:var(--ink)}
  .aj-garland li{flex-direction:row;padding:0;gap:20px;text-align:left}
  .aj-garland li::before{display:none}
  .aj-flag{width:80px;position:relative;transform-origin:50% 50%}
  .aj-flag .aj-mark-t{font-size:calc(17px*var(--tune-size,1))}
  .aj-flag-d{margin:0;max-width:none}
}

/* ---------- groups: "blocks" cards and "rows" ---------- */
.aj-split{display:grid;grid-template-columns:7fr 5fr;gap:var(--gap);align-items:end}
.aj-split p{color:var(--mute)}
@media (max-width:760px){.aj-split{grid-template-columns:minmax(0,1fr);gap:12px}}
/* cards share their rows (subgrid), so labels, names, texts and the cut line sit level across a row */
.aj-cards{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));column-gap:var(--gap);row-gap:0;padding-top:28px}
.aj-card{position:relative;display:grid;grid-row:span 4;grid-template-rows:subgrid;row-gap:10px;align-content:start;background:var(--sheet);border-radius:var(--r);padding:calc(48px*var(--tune-space,1)) 26px 22px}
.aj-card-mark{position:absolute;top:-28px;left:24px;width:58px;rotate:var(--tl)}
.aj-card-for{font-weight:700;font-size:calc(15px*var(--tune-size,1));color:var(--mute)}
.aj-card h3{font-size:calc(clamp(22px,2vw,26px)*var(--tune-size,1))}
.aj-card h3 a,.aj-row-what h3 a{text-decoration:none}
.aj-card h3 a::after{content:"";position:absolute;inset:0}
.aj-card h3 a:hover{text-decoration:underline}
.aj-card-short{color:var(--mute)}
.aj-card-foot{align-self:end;padding-top:16px;border-top:2px dashed var(--line);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;font-size:calc(15px*var(--tune-size,1))}
.aj-card-foot span{color:var(--mute);font-weight:600}
.aj-card-foot b{margin-left:auto;min-width:0;max-width:100%;overflow-wrap:break-word;text-align:right}
@media (hover:hover) and (prefers-reduced-motion:no-preference){.aj-card-mark{transition:rotate .35s cubic-bezier(.3,1,.5,1)}.aj-card:hover .aj-card-mark{rotate:calc(var(--tl) + 14deg)}}
@media (max-width:1000px){.aj-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.aj-card{margin-bottom:calc(52px*var(--tune-space,1))}.aj-cards{margin-bottom:-52px}}
@media (max-width:600px){.aj-cards{grid-template-columns:minmax(0,1fr)}}
.aj-rows{background:var(--sheet);border-radius:var(--r);padding:8px clamp(20px,3vw,40px)}
.aj-rows li{display:grid;grid-template-columns:72px minmax(0,1.5fr) minmax(0,1fr) minmax(0,170px);gap:clamp(16px,2.4vw,32px);align-items:center;padding-block:24px}
.aj-rows li+li{border-top:2px dashed var(--line)}
.aj-row-mark{width:64px}
.aj-row-what h3{font-size:calc(clamp(21px,2vw,26px)*var(--tune-size,1))}
.aj-row-what p{color:var(--mute);margin-top:4px}
.aj-row-for{display:flex;flex-direction:column;font-size:calc(15px*var(--tune-size,1))}
.aj-row-for span{color:var(--mute)}
.aj-row-price{font-weight:800;white-space:nowrap;text-align:right}
@media (max-width:760px){
  .aj-rows li{grid-template-columns:52px minmax(0,1fr);row-gap:10px}
  .aj-row-mark{width:52px}
  .aj-row-for,.aj-row-price{grid-column:2;text-align:left}
}

/* ---------- about + figures ---------- */
.aj-about-in{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);align-items:center}
.aj-about-pic{grid-column:1/7;aspect-ratio:5/4;--bx:16px;--by:16px}
.aj-about-text{grid-column:8/13;display:flex;flex-direction:column;align-items:flex-start;gap:18px}
.aj-about-text>p{color:var(--mute)}
.aj-figs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 24px;margin-top:14px;width:100%}
.aj-figs li{display:flex;align-items:center;gap:16px;font-weight:600;font-size:calc(15px*var(--tune-size,1));line-height:1.35}
.aj-fig{width:84px}
.aj-fig .aj-mark-t{font-size:calc(22px*var(--tune-size,1))}
@media (max-width:860px){.aj-about-in{grid-template-columns:minmax(0,1fr);row-gap:48px}.aj-about-pic,.aj-about-text{grid-column:1}.aj-about-pic{margin-right:16px}}
@media (max-width:420px){.aj-figs{grid-template-columns:minmax(0,1fr)}}

/* ---------- parents' words: paper speech bubbles ---------- */
.aj-says h2{margin-bottom:calc(clamp(32px,4vw,48px)*var(--tune-space,1))}
.aj-bubble{position:relative;background:var(--sheet);border-radius:calc(48px*var(--tune-radius,1));padding:clamp(32px,5vw,64px);text-align:center;margin-bottom:calc(40px*var(--tune-space,1))}
.aj-bubble::after{content:"";position:absolute;bottom:-38px;left:18%;width:58px;height:40px;background:var(--sheet);clip-path:polygon(0 0,100% 0,8% 100%)}
.aj-bubble.aj-tail-r::after{left:auto;right:18%;clip-path:polygon(0 0,100% 0,92% 100%)}
.aj-bubble-one{max-width:900px;margin-inline:auto}
.aj-bubble blockquote p{font-weight:700;font-size:calc(clamp(22px,2.6vw,32px)*var(--tune-size,1));line-height:1.35;text-wrap:balance}
.aj-bubble figcaption{margin-top:20px;color:var(--mute);font-weight:600}
.aj-bubbles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap)}
.aj-bubbles li,.aj-bubbles figure{display:grid;height:100%}
.aj-bubbles figure{align-content:center}
.aj-bubbles blockquote p{font-size:calc(clamp(20px,2vw,24px)*var(--tune-size,1))}
@media (max-width:760px){.aj-bubbles{grid-template-columns:minmax(0,1fr);gap:24px}}

/* ---------- the visit sheet ---------- */
.aj-visit{padding-top:0}
.aj-visit-in{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px clamp(24px,4vw,56px);padding:clamp(28px,4vw,56px)}
.aj-visit-in.aj-two{grid-template-columns:repeat(2,minmax(0,1fr))}
.aj-visit-in h2{grid-column:1/-1}
.aj-visit-col h3,.aj-ct-week h3{font-family:var(--tf);font-weight:800;font-size:calc(17px*var(--tune-size,1));letter-spacing:0;margin-bottom:12px}
.aj-visit-col p+p{margin-top:6px}
.aj-hours>div{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding-block:8px;border-bottom:2px dashed var(--line)}
.aj-hours dt{color:var(--mute);font-weight:600}
.aj-hours dd{text-align:right;font-weight:700;font-variant-numeric:tabular-nums}
@media (max-width:860px){.aj-visit-in,.aj-visit-in.aj-two{grid-template-columns:minmax(0,1fr)}}
/* the shared week chart, in paper colours */
.wk{display:grid;grid-template-columns:2.6em minmax(0,1fr) auto;column-gap:14px}
.wk ol{grid-column:1/-1;display:grid;grid-template-columns:subgrid}
.wk li{grid-column:1/-1;display:grid;grid-template-columns:subgrid;align-items:center;min-height:38px;font-size:calc(15px*var(--tune-size,1))}
.wk-n{font-weight:700}
.wk-bar{position:relative;height:14px;background:color-mix(in srgb,var(--line) 45%,transparent);border-radius:999px}
.wk-bar i{position:absolute;top:0;bottom:0;background:var(--p3);border-radius:999px}
.wk-t{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:600}
.wk li.off{color:var(--mute)}
.wk-scale{grid-column:2;display:flex;justify-content:space-between;margin-top:6px;font-size:calc(13px*var(--tune-size,1));color:var(--mute)}

/* ---------- gallery ---------- */
.aj-gal .g-sec{padding-block:calc(clamp(40px,5vw,72px)*var(--tune-space,1))}
.aj-gal .g-sec h2,.aj-gal .g-sec .g-title{font-weight:var(--hw);letter-spacing:var(--ht);font-size:calc(clamp(30px,3.6vw,48px)*var(--tune-size,1));line-height:var(--hl)}

/* ---------- closing: a half sun over the footer, or a pinned note ---------- */
/* the half sun rises over the footer with cut-paper rays round it; the words and the button sit in its middle */
.aj-sun-sec{--sw:min(1180px,calc(100vw - 2 * var(--pad) - 2 * var(--ray)));--ray:clamp(36px,4.4vw,68px);position:relative;display:flex;justify-content:center;overflow:clip;padding:calc(calc(var(--ray) + clamp(40px,5vw,72px))*var(--tune-space,1)) var(--pad) 0}
.aj-sun{position:relative;width:var(--sw);aspect-ratio:2/1;border-radius:50% 50% 0 0 / 100% 100% 0 0;background:var(--p2);color:var(--o2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center;padding:16% 15% 5%}
.aj-sun::before{content:"";position:absolute;z-index:-1;left:50%;bottom:0;width:calc(var(--sw) + 2 * var(--ray));aspect-ratio:2/1;translate:-50% 0;pointer-events:none;
  background:repeating-conic-gradient(from -90deg at 50% 100%,var(--p2) 0 1.8deg,transparent 1.8deg 9deg);
  -webkit-mask:radial-gradient(circle at 50% 100%,transparent calc(var(--sw) / 2 + 14px),#000 calc(var(--sw) / 2 + 14px) calc(var(--sw) / 2 + var(--ray)),transparent calc(var(--sw) / 2 + var(--ray)));
  mask:radial-gradient(circle at 50% 100%,transparent calc(var(--sw) / 2 + 14px),#000 calc(var(--sw) / 2 + 14px) calc(var(--sw) / 2 + var(--ray)),transparent calc(var(--sw) / 2 + var(--ray)))}
.aj-sun h2{font-size:calc(clamp(30px,4.2vw,60px)*var(--tune-size,1))}
.aj-sun p{font-weight:600;font-size:calc(clamp(17px,1.4vw,20px)*var(--tune-size,1))}
.aj-sun .aj-btn{margin-top:8px}
@media (max-width:700px){.aj-sun-sec{padding-top:calc(clamp(32px,4vw,56px)*var(--tune-space,1))}.aj-sun{width:100%;aspect-ratio:auto;border-radius:50% 50% 0 0 / 120px 120px 0 0;padding:calc(120px*var(--tune-space,1)) 24px calc(48px*var(--tune-space,1))}.aj-sun::before{display:none}}
.aj-note{position:relative;max-width:660px;margin:0 auto;background:var(--sheet);border-radius:var(--r);rotate:-1.5deg;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px;padding:calc(64px*var(--tune-space,1)) clamp(24px,5vw,56px) calc(48px*var(--tune-space,1));box-shadow:8px 8px 0 var(--p2)}
.aj-note h2{font-size:calc(clamp(28px,3.4vw,44px)*var(--tune-size,1))}
.aj-note p{color:var(--mute)}
.aj-pin{position:absolute;top:20px;left:calc(50% - 11px);width:22px;height:22px;border-radius:50%;background:var(--pc)}

/* ---------- page headers (services, team) ---------- */
.aj-ph{padding-top:calc(clamp(24px,4vw,56px)*var(--tune-space,1))}
.aj-ph-in{display:grid;grid-template-columns:minmax(max-content,1fr) minmax(0,760px) minmax(max-content,1fr);align-items:center;gap:var(--gap)}
.aj-ph-text{display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center}
.aj-ph h1{font-size:calc(clamp(36px,5vw,68px)*var(--tune-size,1))}
.aj-ph-l,.aj-ph-r{width:clamp(56px,7vw,104px)}
.aj-ph-l{justify-self:start;rotate:-8deg}.aj-ph-r{justify-self:end;rotate:7deg}
@media (max-width:760px){.aj-ph-in{grid-template-columns:minmax(0,1fr)}.aj-ph-l,.aj-ph-r{display:none}}
.aj-band-wrap{margin-top:calc(clamp(40px,5vw,64px)*var(--tune-space,1))}
.aj-band{aspect-ratio:12/5;--bx:16px;--by:16px}
@media (max-width:760px){.aj-band{aspect-ratio:4/3}}

/* ---------- services page: one sheet per group ---------- */
.aj-groups{display:grid;gap:var(--gap)}
.aj-group{display:grid;grid-template-columns:110px minmax(0,1fr) minmax(0,320px);gap:clamp(20px,3.4vw,48px);align-items:start;padding:clamp(28px,4vw,48px);scroll-margin-top:24px}
.aj-group-mark{width:96px;rotate:var(--tl)}
.aj-group-text h2{font-size:calc(clamp(26px,2.6vw,34px)*var(--tune-size,1));margin-bottom:12px}
.aj-group-text p{color:var(--mute)}
.aj-facts div{display:flex;justify-content:space-between;gap:16px;padding-block:9px;border-bottom:2px dashed var(--line)}
.aj-facts div:first-child{padding-top:0}
.aj-facts dt{color:var(--mute);font-weight:600}
.aj-facts dd{font-weight:700;text-align:right}
@media (max-width:900px){.aj-group{grid-template-columns:72px minmax(0,1fr)}.aj-group-mark{width:64px}.aj-facts{grid-column:2}}
@media (max-width:520px){.aj-group{grid-template-columns:minmax(0,1fr)}.aj-facts{grid-column:1}}
.aj-rates{margin-top:var(--gap);padding:clamp(28px,4vw,48px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:24px}
.aj-rates h2{font-size:calc(clamp(24px,2.4vw,30px)*var(--tune-size,1))}
@media (max-width:760px){.aj-rates{grid-template-columns:minmax(0,1fr)}}
.aj-faq{padding-top:0}
.aj-faq h2{margin-bottom:calc(clamp(28px,4vw,48px)*var(--tune-space,1))}
.aj-faq-list{display:grid;gap:14px;max-width:900px;margin:0 auto}
.aj-faq-list summary{list-style:none;display:grid;grid-template-columns:28px minmax(0,1fr);gap:18px;align-items:center;padding:22px 28px;font-weight:800;font-size:calc(18px*var(--tune-size,1));cursor:pointer}
.aj-faq-list summary::-webkit-details-marker{display:none}
.aj-q-mark{width:28px}
.aj-faq-list details[open] .aj-q-mark{rotate:45deg}
@media (prefers-reduced-motion:no-preference){.aj-q-mark{transition:rotate .3s cubic-bezier(.3,1,.5,1)}}
.aj-faq-list p{padding:0 28px 24px 74px;color:var(--mute)}
.aj-faq-open{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap)}
.aj-faq-open>div{padding:28px}
.aj-faq-open dt{display:flex;gap:16px;align-items:center;font-weight:800;font-size:calc(18px*var(--tune-size,1))}
.aj-faq-open dd{margin-top:12px;color:var(--mute)}
@media (max-width:760px){.aj-faq-open{grid-template-columns:minmax(0,1fr)}.aj-faq-list summary{padding:18px 20px;gap:14px}.aj-faq-list p{padding:0 20px 20px 62px}}
.aj-note-sec{padding-top:0}

/* ---------- team ---------- */
.aj-team-sec{padding-top:calc(clamp(40px,5vw,64px)*var(--tune-space,1))}
.aj-people{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:var(--gap)}
.aj-person{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:calc(40px*var(--tune-space,1)) 26px 32px}
.aj-init{width:96px;margin-bottom:14px;rotate:var(--tl)}
.aj-init .aj-mark-t{font-size:calc(42px*var(--tune-size,1))}
.aj-person h2{font-size:calc(22px*var(--tune-size,1))}
.aj-role{font-weight:700;font-size:calc(15px*var(--tune-size,1));color:var(--mute)}
.aj-person p:last-child{color:var(--mute)}
@media (max-width:1000px){.aj-people{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.aj-people{grid-template-columns:minmax(0,1fr)}}
.aj-people-list{display:grid;gap:14px}
.aj-people-list li{display:grid;grid-template-columns:64px minmax(0,260px) minmax(0,1fr);gap:clamp(16px,3vw,32px);align-items:center;padding:22px clamp(20px,3vw,32px)}
.aj-init-s{width:64px;margin:0}
.aj-init-s .aj-mark-t{font-size:calc(28px*var(--tune-size,1))}
.aj-people-list h2{font-size:calc(21px*var(--tune-size,1))}
.aj-people-list li>p{color:var(--mute)}
@media (max-width:760px){.aj-people-list li{grid-template-columns:56px minmax(0,1fr)}.aj-init-s{width:56px}.aj-people-list li>p{grid-column:1/-1}}

/* ---------- contact ---------- */
.aj-contact-in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,5vw,72px);align-items:start}
.aj-ct-info{display:flex;flex-direction:column;gap:18px}
.aj-ct-info>p{color:var(--mute)}
.aj-ct-week{margin-top:8px}
.aj-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:clamp(24px,3.4vw,40px)}
.aj-form label{display:grid;gap:8px;font-weight:700;font-size:calc(15px*var(--tune-size,1))}
.aj-wide{grid-column:1/-1}
.aj-form input,.aj-form textarea,.aj-form select{font:inherit;font-weight:400;font-size:calc(17px*var(--tune-size,1));color:var(--ink);background:var(--sheet);border:2px solid var(--line);border-radius:var(--r);padding:12px 14px;width:100%}
.aj-form textarea{resize:vertical}
.aj-form-end{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.aj-form-end p{flex:1 1 220px;font-size:calc(14px*var(--tune-size,1));color:var(--mute)}
.aj-reach{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap)}
.aj-reach a{display:flex;flex-direction:column;align-items:flex-start;gap:6px;height:100%;padding:32px;text-decoration:none}
.aj-reach .aj-mark{width:40px;margin-bottom:12px}
.aj-reach span{color:var(--mute);font-weight:600}
.aj-reach b{font:var(--hw) calc(clamp(19px,1.8vw,22px)*var(--tune-size,1))/1.25 var(--hf);letter-spacing:var(--ht);overflow-wrap:anywhere}
.aj-reach a:hover b{text-decoration:underline}
@media (max-width:860px){.aj-contact-in{grid-template-columns:minmax(0,1fr)}}
@media (max-width:560px){.aj-form,.aj-reach{grid-template-columns:minmax(0,1fr)}}
.aj-legal-line{font-size:calc(14px*var(--tune-size,1));color:var(--mute);padding-bottom:calc(64px*var(--tune-space,1))}
.aj-legal{padding-block:24px calc(72px*var(--tune-space,1))}

/* ---------- footer ---------- */
.aj-foot{position:relative;background:var(--deep);color:var(--ondeep);padding:calc(64px*var(--tune-space,1)) 0 calc(40px*var(--tune-space,1));font-size:calc(16px*var(--tune-size,1))}
.aj-foot-edge{position:absolute;bottom:100%;right:var(--pad);display:flex;align-items:flex-end;gap:10px}
.aj-foot-edge .aj-mark{width:44px}
.aj-foot-edge .aj-cut-dome{width:64px;aspect-ratio:2/1;border-radius:999px 999px 0 0}
.aj-foot-edge .aj-cut-tri{width:40px}
.aj-foot-in{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start}
.aj-foot-name{font:var(--hw) calc(22px*var(--tune-size,1))/1.2 var(--hf);letter-spacing:var(--ht);margin-bottom:8px}
.aj-foot-id p:not(.aj-foot-name){color:var(--deepmute)}
.aj-foot-fic{font-size:calc(14px*var(--tune-size,1));margin-top:8px}
.aj-foot-nav{display:grid;gap:8px;font-weight:700}
.aj-foot a{text-decoration:none}
.aj-foot a:hover,.aj-foot a[aria-current]{text-decoration:underline}
.aj-flegal{display:grid;gap:8px;margin-bottom:16px;color:var(--deepmute)}
@media (max-width:900px){.aj-foot-edge{display:none}}
main:has(.aj-sun-sec)+.aj-foot .aj-foot-edge{display:none}
@media (max-width:760px){.aj-foot-in{grid-template-columns:minmax(0,1fr)}}

/* ---------- motion beyond the hero (Advanced only, motion allowed) ---------- */
@media (prefers-reduced-motion:no-preference){
  /* the day's flags swing on their string as the garland comes in */
  .m-js .aj-garland li.m-in .aj-flag{animation:aj-swing 1.3s cubic-bezier(.3,.7,.4,1) backwards;animation-delay:calc(var(--m-i,0) * 90ms + 120ms)}
  @keyframes aj-swing{0%{transform:rotate(16deg)}35%{transform:rotate(-9deg)}65%{transform:rotate(4deg)}100%{transform:none}}
  /* the cards' shapes turn over onto the card like a paper piece as the cards arrive */
  .m-js .aj-cards li.m-in .aj-card-mark,.m-js .aj-people li.m-in .aj-init{animation:aj-turn .65s cubic-bezier(.25,1,.5,1) backwards;animation-delay:calc(var(--m-i,0) * 80ms + 200ms)}
  @keyframes aj-turn{from{transform:perspective(500px) rotateY(-110deg);opacity:0}35%{opacity:1}}
}

/* ---------- Advanced hero moment: "the pop-up page" ----------
   blocks: the wide photo folds up off the page like the middle of a pop-up book, then the stamp folds down onto its
   corner like a paper flap. sheets: the paper quarter round fans out from behind, the circle photo rolls in, the stamp
   folds down. The photo stays visible while it moves (it is the LCP). The headline stays still (design.words is off).
   The photo drifts away from the pointer (data-depth), the stamp leans (data-tilt). Transform and opacity only. */
@media (prefers-reduced-motion:no-preference){
  .m-js .aj-hb-band{transform-origin:50% 100%;animation:aj-fold-pic 1s cubic-bezier(.2,.8,.25,1) backwards .1s}
  /* the flap hinges on the stamp's top edge inside the keyframes: a transform-origin on the stamp itself would also move its resting -8deg tilt */
  .m-js .aj-hero .aj-stamp{animation:aj-flap .7s cubic-bezier(.25,1,.5,1) backwards .85s}
  .m-js .aj-hs-pic{animation:aj-roll 1.1s cubic-bezier(.2,.8,.25,1) backwards .1s}
  .m-js .aj-hs-back{animation:aj-fan .8s cubic-bezier(.25,.9,.3,1) backwards .3s}
  @keyframes aj-fold-pic{from{transform:perspective(1400px) rotateX(48deg)}}
  @keyframes aj-flap{from{transform:perspective(500px) translateY(-50%) rotateX(-100deg) translateY(50%);opacity:0}40%{opacity:1}}
  @keyframes aj-roll{from{transform:translateX(-18%) rotate(-100deg)}}
  @keyframes aj-fan{from{transform:rotate(-60deg)}}
}

/* ── serious (the default tone; engine/shared/tone.ts already straightened the pieces and softened the shadows): a
   calm, premium nursery. The photos keep their cut shapes and the cut-paper pieces stay (they are the look), but quiet:
   nothing tilts, no paper layer under photos or buttons, hairlines instead of dashes, and only two papers: the sun
   yellow (the name tag, the stamp, the card shapes, every other flag) and a soft tint of the page. The name tag keeps its
   punched hole and pin, flat and straight; the links stand on the page without a strip. */
[data-tone=serious]{--r:calc(8px*var(--tune-radius,1));--tint:color-mix(in oklab,var(--bg) 84%,var(--ink))}
[data-tone=serious] .aj-mark{--pc:var(--tint);--po:var(--ink)}
[data-tone=serious] :is(.aj-mark.aj-p2,.aj-stamp,.aj-card-mark,.aj-fig){--pc:var(--p2);--po:var(--o2)}
[data-tone=serious] .aj-garland li .aj-flag{--pc:var(--tint);--po:var(--ink)}
[data-tone=serious] .aj-garland li:nth-child(odd) .aj-flag{--pc:var(--p2);--po:var(--o2)}
/* type: the blocky display face on the headings only; small headings in the text face */
[data-tone=serious] body.aj-f-blocky :is(.aj-head h2,.aj-sec h2){font-size:calc(clamp(28px,3.1vw,42px)*var(--tune-size,1))}
[data-tone=serious] body.aj-f-blocky :is(.aj-card h3,.aj-row-what h3,.aj-group-text h2,.aj-person h2,.aj-people-list h2,.aj-foot-name,.aj-reach b){font-family:var(--tf);font-weight:750;letter-spacing:-.01em}
[data-tone=serious] .aj-btn{box-shadow:none;margin-bottom:0;font-weight:650}
@media (hover:hover){[data-tone=serious] .aj-btn.m-btn:hover{transform:none;box-shadow:none;filter:brightness(.94)}}
[data-tone=serious] .aj-stamp{rotate:none}
/* header: the flat yellow name tag (hole and pin kept), then the pages, the phone and the languages on the page itself */
[data-tone=serious] .aj-top::before{display:none}
[data-tone=serious] .aj-tag{rotate:none;box-shadow:none;font-family:var(--tf);font-weight:800;letter-spacing:-.01em}
[data-tone=serious] .aj-tag::after{box-shadow:none}
[data-tone=serious] .aj-links .aj-dot{display:none}
[data-tone=serious] .aj-top-end{padding-right:0}
@media (max-width:900px){
  [data-tone=serious] .aj-tag{rotate:none}
  [data-tone=serious] .aj-links{box-shadow:0 -1px 0 var(--ink)}
  [data-tone=serious] .aj-links a{min-height:52px;font-size:calc(15px*var(--tune-size,1))}
}
[data-tone=serious] .aj-pic{box-shadow:none}
/* the day: the garland stays (a fine string, flags in two papers), on a straight band */
[data-tone=serious] .aj-day{clip-path:none;padding-block:calc(clamp(64px,7vw,96px)*var(--tune-space,1))}
[data-tone=serious] .aj-string path{stroke-width:1.5}
[data-tone=serious] .aj-garland li::before{width:1.5px}
[data-tone=serious] .aj-flag{rotate:none}
@media (max-width:760px){[data-tone=serious] .aj-garland ol::before{width:1.5px;left:39.5px}}
/* groups: the shapes stay glued over the cards' top edge, straight; hairlines instead of dashes */
[data-tone=serious] .aj-card-mark{rotate:none}
[data-tone=serious] .aj-card-foot{border-top:1px solid var(--line)}
@media (hover:hover) and (prefers-reduced-motion:no-preference){[data-tone=serious] .aj-card:hover .aj-card-mark{rotate:none}}
[data-tone=serious] .aj-rows li+li{border-top:1px solid var(--line)}
/* parents' words: a plain rounded card, no speech tail */
[data-tone=serious] .aj-bubble{border-radius:calc(24px*var(--tune-radius,1));margin-bottom:0}
[data-tone=serious] .aj-bubble::after{display:none}
[data-tone=serious] .aj-bubble blockquote p{font-weight:600}
[data-tone=serious] :is(.aj-hours>div,.aj-facts div){border-bottom:1px solid var(--line)}
/* closing: the half sun stays the closing shape; the note loses its pin; no shapes on the footer edge */
[data-tone=serious] .aj-pin,[data-tone=serious] .aj-foot-edge{display:none}
[data-tone=serious] .aj-note{padding-top:calc(48px*var(--tune-space,1))}
[data-tone=serious]:not([data-colours=bold]) .aj-note{box-shadow:none}
/* inner pages */
[data-tone=serious] .aj-ph-l,[data-tone=serious] .aj-ph-r{visibility:hidden}
[data-tone=serious] .aj-band{box-shadow:none}
[data-tone=serious] .aj-group-mark{width:44px;rotate:none}
[data-tone=serious] .aj-group{grid-template-columns:60px minmax(0,1fr) minmax(0,320px)}
@media (max-width:900px){[data-tone=serious] .aj-group{grid-template-columns:52px minmax(0,1fr)}[data-tone=serious] .aj-group-mark{width:36px}}
@media (max-width:520px){[data-tone=serious] .aj-group{grid-template-columns:minmax(0,1fr)}}
[data-tone=serious] .aj-q-mark{width:18px}
[data-tone=serious] .aj-faq-list summary{grid-template-columns:18px minmax(0,1fr)}
[data-tone=serious] .aj-faq-list p{padding-left:64px}
[data-tone=serious] .aj-init{border-radius:50%;clip-path:none;rotate:none;width:84px}
[data-tone=serious] .aj-init .aj-mark-t{font-size:calc(34px*var(--tune-size,1))}
[data-tone=serious] .aj-init-s{width:56px}
[data-tone=serious] .aj-init-s .aj-mark-t{font-size:calc(24px*var(--tune-size,1))}
[data-tone=serious] .aj-reach .aj-mark{width:28px}
[data-tone=serious] .aj-form input,[data-tone=serious] .aj-form textarea,[data-tone=serious] .aj-form select{border-width:1px}
[data-tone=serious] body.aj-f-blocky :is(.aj-person h2,.aj-people-list h2){font-size:calc(22px*var(--tune-size,1))}
[data-tone=serious] body.aj-f-blocky .aj-group-text h2{font-size:calc(clamp(24px,2.4vw,32px)*var(--tune-size,1))}
[data-tone=serious] body.aj-f-blocky .aj-rates h2{font-size:calc(clamp(22px,2.2vw,28px)*var(--tune-size,1))}
/* motion: things fade and rise; nothing swings, flips or rolls */
@media (prefers-reduced-motion:no-preference){
  [data-tone=serious].m-js .aj-garland li.m-in .aj-flag{animation:none}
  [data-tone=serious].m-js :is(.aj-cards li.m-in .aj-card-mark,.aj-people li.m-in .aj-init){animation:none}
  [data-tone=serious].m-js :is(.aj-hb-band,.aj-hs-pic){animation:aj-rise .9s cubic-bezier(.2,.8,.25,1) backwards .1s}
  [data-tone=serious].m-js .aj-hero .aj-stamp{animation:aj-pop .6s cubic-bezier(.2,.8,.25,1) backwards .7s}
  [data-tone=serious].m-js .aj-hs-back{animation:none}
  @keyframes aj-rise{from{transform:translateY(18px)}}
  @keyframes aj-pop{from{transform:scale(.86);opacity:0}}
  [data-tone=serious] .aj-q-mark{transition:none}
}
[data-tone=serious] .aj-faq-list details[open] .aj-q-mark{rotate:none}