/* Unforgettables website — shared layout + responsive rules.
   Colours and type come from the Unforgettables Design System (white canvas, ink, Inter, Miss Fajardose)
   and the Adventure Club Design System (cream, blue, orange, PT Serif squeezed, Archivo). */
:root{
  --uf-bg:#F5F5F5;--uf-surface:#F5F5F2;--uf-hairline:#E3E3DE;--uf-field-line:#8A8A84;--uf-line-strong:#6F6F69;
  --uf-ink:#2E2E2E;--uf-muted:#5C5C56;--uf-faint:#6B6B65;--uf-error:#B42318;--uf-success:#067647;--uf-scrim:#0A0A0A;
  --uf-sans:"Inter",Arial,sans-serif;
  --uf-script:"Miss Fajardose","Snell Roundhand",cursive;
  --ac-blue:#0f26be;--ac-blue-press:#0a1c92;--ac-blue-tint:#dde1f8;--ac-orange:#ff5b29;--ac-cream:#f1efea;--ac-cream-light:#f8f7f3;
  --ac-ink:#20201f;--ac-ink-60:#6b6b69;--ac-line:#e3e0d9;--ac-line-strong:#c9c8c5;--ac-maroon:#6f3433;--ac-green-deep:#005e17;
  --ac-display:"PT Serif",Georgia,"Times New Roman",serif;
  --ac-ui:"Archivo","Inter",Arial,sans-serif;
  --ac-shadow-overlay:0 24px 48px -16px rgba(32,32,31,.28);
}
*,*::before,*::after{box-sizing:border-box}
html,body{font-variant-emoji:text;margin:0}
img{display:block;max-width:100%}
button{font:inherit}
.uf-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

/* ---------- Unforgettables shell ---------- */
.uf-page :focus-visible{outline:2px solid var(--uf-ink);outline-offset:3px}
.uf-wrap{max-width:1344px;margin:0 auto;padding:0 48px}
.uf-header{display:flex;align-items:center;justify-content:space-between;gap:24px;height:96px}
.uf-nav{display:flex;align-items:center;gap:32px}
.uf-nav a,.uf-footnav a{color:var(--uf-ink);text-decoration:none;font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;padding:12px 0}
.uf-nav a:hover,.uf-footnav a:hover{color:var(--uf-muted)}
.uf-burger{display:none;flex-direction:column;justify-content:center;align-items:flex-end;gap:7px;width:44px;height:44px;margin-right:-10px;padding:0 10px;border:0;background:none;cursor:pointer}
.uf-burger span{display:block;height:1.5px;background:var(--uf-ink);border-radius:1px}
.uf-burger span:first-child{width:24px}.uf-burger span:last-child{width:16px}
.uf-menu{position:fixed;inset:0;z-index:900;display:flex;flex-direction:column;padding:0 20px 32px;background:#F5F5F5;color:var(--uf-ink);font-family:var(--uf-sans)}
.uf-menu-top{display:flex;align-items:center;justify-content:space-between;height:68px}
.uf-menu-close{width:44px;height:44px;margin-right:-10px;border:0;background:none;font-size:30px;line-height:1;font-weight:300;color:var(--uf-ink);cursor:pointer}
.uf-menu-links{display:flex;flex-direction:column;gap:4px;margin-top:56px}
.uf-menu-links a{padding:8px 0;color:var(--uf-ink);text-decoration:none;font-size:44px;line-height:1.1;font-weight:400;letter-spacing:-.03em}
.uf-menu-foot{margin-top:auto;font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--uf-faint)}
.uf-textlink{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0;border:0;background:none;cursor:pointer;color:var(--uf-ink);text-decoration:none;font-family:var(--uf-sans);font-size:14px;font-weight:500;letter-spacing:.14em;text-transform:uppercase}
.uf-textlink:hover{color:var(--uf-muted)}

.uf-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center;padding:72px 0 144px}
.uf-hero-art{display:flex;justify-content:flex-end;align-items:center;min-width:0}
.uf-torch{position:relative;width:84%;max-width:500px;transform:translateY(-48px)}
.uf-hero-mark{display:block;width:100%;max-width:none;height:auto}
/* The torch's star is its own layer (exactly where it sits in the artwork: x 82.6%, width 17.2%). On hover the
   black star hides and the animated spark takes its place, so nothing dark can show around the spark. */
.uf-torch-star,.uf-torch-spark{position:absolute;left:82.6015%;top:0;max-width:none;height:auto;pointer-events:none;transition:opacity 180ms ease}
.uf-torch-star{width:17.2524%}
.uf-torch-spark{width:17.2083%}
.uf-torch-spark{opacity:0}
.uf-torch:hover .uf-torch-spark{opacity:1}
.uf-torch:hover .uf-torch-star{opacity:0}
/* Touch screens can't hover, so the torch bursts on its own: 2 seconds lit in every 10. */
@media (hover:none),(max-width:820px){
  .uf-torch-spark{transform-origin:50% 50%;animation:ufBurst 10s 1.2s infinite}
  .uf-torch-star{animation:ufStarOff 10s 1.2s infinite}
}
@keyframes ufBurst{0%{opacity:0;transform:scale(.7)}3%{opacity:1;transform:scale(1.12)}6%{transform:scale(1)}17%{opacity:1;transform:scale(1)}20%{opacity:0;transform:scale(.9)}100%{opacity:0;transform:scale(.7)}}
@keyframes ufStarOff{0%{opacity:1}2%{opacity:0}18%{opacity:0}20%{opacity:1}100%{opacity:1}}
.uf-script-word{font-family:var(--uf-script);font-weight:400;font-size:1.5em;line-height:.6;letter-spacing:0;-webkit-text-stroke:.018em currentColor;padding-right:.06em;white-space:nowrap}
.uf-tagline-img{display:block;width:300px;max-width:100%;height:auto}
.uf-tagline{display:inline-flex;align-items:baseline;gap:.5em;font-size:12px;line-height:1;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#6B6B65;white-space:nowrap}
.uf-tagline-script{font-family:var(--uf-script);font-size:2.6em;font-weight:400;letter-spacing:0;text-transform:none;color:#2E2E2E;-webkit-text-stroke:.02em #2E2E2E;line-height:1}

/* Spark cursor: over anything clickable the pointer becomes the animated spark. */
.uf-spark-cursor{position:fixed;left:0;top:0;z-index:1000;width:60px;max-width:none;height:auto;pointer-events:none;opacity:0;transition:opacity 120ms ease;will-change:transform}
@media (hover:hover) and (pointer:fine){
  .uf-sparky a,.uf-sparky button,.uf-sparky [role="button"]{cursor:none}
}

.uf-signup{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;max-width:520px}
.uf-signup .uf-full{grid-column:1/-1}
.uf-input{height:52px;width:100%;border:1px solid var(--uf-field-line);border-radius:10px;background:#fff;padding:0 16px;font:400 16px/1 var(--uf-sans);color:var(--uf-ink)}
.uf-input::placeholder{color:var(--uf-faint)}
.uf-input[aria-invalid="true"]{border-color:var(--uf-error)}
.uf-textarea{width:100%;min-height:96px;border:1px solid var(--uf-field-line);border-radius:10px;background:#fff;padding:12px 16px;font:400 16px/1.5 var(--uf-sans);color:var(--uf-ink);resize:vertical}
.uf-btn{height:52px;padding:0 24px;border:0;border-radius:10px;background:var(--uf-ink);color:#fff;font:500 16px/1 var(--uf-sans);letter-spacing:.005em;cursor:pointer;white-space:nowrap}
.uf-btn:hover{background:#000}
.uf-btn[disabled]{opacity:.5;cursor:default}
.uf-btn--light{background:#fff;color:var(--uf-ink)}
.uf-btn--light:hover{background:#F4F4F4}
.uf-err{margin:0;font-size:13px;line-height:1.4;font-weight:500;color:var(--uf-error)}
.uf-note{margin:0;font-size:13px;line-height:1.5;color:var(--uf-faint)}
.uf-note a{color:var(--uf-ink)}

.uf-label{display:flex;align-items:center;gap:12px;margin:0 0 28px;font-size:13px;line-height:1;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--uf-muted)}
.uf-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:32px}
.uf-tile{display:flex;flex-direction:column;gap:20px;color:var(--uf-ink);text-decoration:none}
.uf-tile-media{position:relative;aspect-ratio:1/1;overflow:hidden;border-radius:0;background:var(--uf-scrim)}
.uf-tile-media .photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1200ms cubic-bezier(.2,0,0,1)}
.uf-tile:hover .uf-tile-media .photo{transform:scale(1.025)}
.uf-tile:hover .uf-tile-cta{color:var(--uf-muted)}
.uf-corner{position:absolute;width:44px;height:35px}

.uf-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 40px;padding:28px 0 104px;border-top:1px solid var(--uf-hairline)}
.uf-footnav{display:flex;flex-wrap:wrap;gap:4px 28px}

/* ---------- Daydream ---------- */
/* Brackets: one size for all four corners (the artwork is 1092 x 876), sized so the four
   arms nearly meet along each edge. Header and content are inset to clear the corner flourish. */
.dd-slide{position:relative;min-height:100vh;overflow:hidden;
  --dd-in:clamp(16px,2.2vw,32px);
  --dd-bw:min(calc((100vw - 2 * var(--dd-in)) * .3), calc((100vh - 2 * var(--dd-in)) * .41));
  --dd-arm:calc(var(--dd-in) + var(--dd-bw) * .06);
  --dd-pad:calc(var(--dd-in) + var(--dd-bw) * .27)}
.dd-bracket{position:absolute;z-index:4;width:var(--dd-bw);max-width:none;aspect-ratio:1092/876;height:auto;pointer-events:none}
.dd-b-tl{left:var(--dd-in);top:var(--dd-in)}
.dd-b-tr{right:var(--dd-in);top:var(--dd-in);transform:scaleX(-1)}
.dd-b-bl{left:var(--dd-in);bottom:var(--dd-in);transform:scaleY(-1)}
.dd-b-br{right:var(--dd-in);bottom:var(--dd-in);transform:scale(-1,-1)}
.dd-top{position:absolute;z-index:5;left:var(--dd-pad);right:var(--dd-pad);top:var(--dd-arm);display:flex;align-items:center;justify-content:space-between;gap:16px}
.dd-bg{position:absolute;inset:0;z-index:0;width:100%;max-width:none;height:100%;object-fit:cover;object-position:50% 40%}
.dd-bg-shade{position:absolute;inset:0;z-index:1;background:radial-gradient(ellipse at 50% 50%,rgba(10,10,10,.68) 0%,rgba(10,10,10,.5) 55%,rgba(10,10,10,.6) 100%)}
.dd-panel{justify-self:start;width:min(100%,380px)}
/* Scratch to reveal: photos sit on a hidden layer; a darkened surface is painted on a canvas above them
   and the cursor (or a finger) erases it. Text, form and frames sit above both. */
.dd-hidden{position:absolute;inset:0;z-index:0;overflow:hidden;background:#000}
.dd-hidden img{position:absolute;max-width:none;height:auto;object-fit:cover;filter:brightness(.92) saturate(.95);-webkit-user-drag:none}
.dd-scratch{position:absolute;left:0;top:0;z-index:1;display:block;pointer-events:none}
.dd-slide .dd-grid,.dd-slide .dd-top{text-shadow:0 1px 14px rgba(0,0,0,.55)}
.dd-grid{position:relative;z-index:3;min-height:100vh;display:grid;place-items:center;padding:calc(var(--dd-arm) + 64px) var(--dd-pad) calc(var(--dd-arm) + 24px)}
.dd-hero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:24px;max-width:640px}
.dd-word{display:block;margin-bottom:4px;font-family:var(--uf-script);font-size:clamp(72px,7vw,112px);line-height:.9;color:#fff;-webkit-text-stroke:.025em #fff}
.dd-h1{margin:0;max-width:14ch;font-size:clamp(40px,4.8vw,76px);line-height:1;font-weight:400;letter-spacing:-.03em;color:#fff}
.dd-lede{margin:0;max-width:30ch;font-size:clamp(17px,1.4vw,20px);line-height:1.45;color:#fff}
.dd-cta{margin-top:8px;min-width:220px}
.dd-scrim{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:20px;background:rgba(0,0,0,.72);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);overflow-y:auto;text-shadow:none}
.dd-scrim[hidden]{display:none}
.dd-modal{position:relative;width:min(100%,440px);background:#0b0b0b;border:1px solid rgba(255,255,255,.22);border-radius:18px;padding:40px 32px 32px;color:#fff;animation:ddIn 280ms cubic-bezier(.2,0,0,1) both}
@keyframes ddIn{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
.dd-modal-body{display:grid;gap:20px;justify-items:center;text-align:center}
.dd-modal-body .dd-form{justify-self:stretch;text-align:left}
.dd-modal-title{margin:0;font-size:18px;line-height:1.4;font-weight:400;color:#fff}
.dd-modal-sub{margin:0;font-size:18px;line-height:1.4;font-weight:500;color:#fff}
.dd-close{position:absolute;right:12px;top:10px;width:44px;height:44px;border:0;background:none;color:#fff;font:300 28px/1 var(--uf-sans);cursor:pointer}
.dd-fieldset{margin:6px 0 0;padding:0;border:0;min-width:0}
.dd-legend{padding:0;margin-bottom:10px;font-size:14px;font-weight:500;color:rgba(255,255,255,.9)}
.dd-chips{display:flex;flex-wrap:wrap;gap:8px}
.dd-chip{min-height:40px;padding:0 14px;border:1px solid rgba(255,255,255,.6);border-radius:999px;background:transparent;color:#fff;font:400 14px/1 var(--uf-sans);cursor:pointer}
.dd-chip:hover{border-color:#fff}
.dd-chip[aria-pressed="true"]{background:#fff;color:#000;border-color:#fff}
.dd-chip:focus-visible,.dd-close:focus-visible{outline:2px solid #fff;outline-offset:2px}
.dd-lens{position:absolute;left:70%;top:50%;transform:translate(-50%,-50%);width:var(--dd-lens);aspect-ratio:1/1}
.dd-lens>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.dd-lens-shade{position:absolute;inset:6%;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(10,10,10,.72) 0%,rgba(10,10,10,.6) 42%,rgba(10,10,10,.18) 70%,rgba(10,10,10,0) 74%)}
.dd-lens-body{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(64%,360px);color:#fff;display:grid;gap:18px}
.dd-form{display:grid;gap:10px}
.dd-in{height:48px;width:100%;border:1px solid rgba(255,255,255,.6);border-radius:10px;background:rgba(255,255,255,.12);padding:0 16px;font:400 16px/1 var(--uf-sans);color:#fff}
.dd-in::placeholder{color:rgba(255,255,255,.82)}
.dd-in:focus{outline:2px solid #fff;outline-offset:2px}
.dd-in[aria-invalid="true"]{border-color:#FFB4A8;border-width:2px}
.dd-err{margin:0;font-size:13px;line-height:1.35;font-weight:500;color:#FFC9C0}
.dd-note{margin:0;font-size:12px;line-height:1.5;color:rgba(255,255,255,.85)}
.dd-note a{color:#fff}

/* ---------- The Story ---------- */
.st-measure{max-width:680px;margin:0 auto}
.st-wide{max-width:1120px;margin:0 auto}
.st-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.st-body p{margin:0 0 1.5em}

/* ---------- Adventure Club ---------- */
.ac-stage{position:relative;min-height:100vh;overflow:hidden;background:var(--ac-cream);color:var(--ac-ink);font-family:var(--ac-ui);-webkit-user-select:none;user-select:none}
.ac-stage :focus-visible{outline:2px solid var(--ac-blue);outline-offset:3px}
.ac-stage.is-blue :focus-visible{outline-color:var(--ac-cream)}
.ac-layer{position:absolute;inset:0;z-index:1;pointer-events:none}
.ac-piece{position:absolute;pointer-events:none;transition:opacity 1000ms ease}
.ac-piece img{display:block;width:100%;height:100%;object-fit:cover;-webkit-user-drag:none;animation:acIn 520ms cubic-bezier(.2,0,0,1) both}
.ac-piece.is-icon img{object-fit:contain}
.ac-piece.is-leaving{opacity:0}
@keyframes acIn{from{opacity:0;transform:scale(.88)}to{opacity:1;transform:none}}
.ac-dialog-head{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:start;padding-right:36px}
.ac-dialog-head img{width:44px;height:44px;object-fit:contain}
.ac-title{margin:0;font:600 24px/1.15 var(--ac-ui);letter-spacing:-.01em;color:var(--ac-ink)}
.ac-step{margin:0 0 6px;font:600 11px/1.2 var(--ac-ui);letter-spacing:.09em;text-transform:uppercase;color:var(--ac-ink-60)}
.ac-row{display:flex;gap:12px}
.ac-row .ac-btn{flex:1 1 0}
.ac-center{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;padding:96px 24px;pointer-events:none}
.ac-core{display:flex;flex-direction:column;align-items:center;gap:44px;pointer-events:auto}
.ac-logo{width:clamp(220px,28vw,400px);height:auto}
.ac-ctas{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}
.ac-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 26px;border-radius:999px;border:1px solid transparent;font:500 15px/1 var(--ac-ui);text-decoration:none;cursor:pointer;transition:background-color 140ms cubic-bezier(.2,0,0,1),color 140ms}
.ac-btn:active{transform:scale(.97)}
.ac-btn--primary{background:var(--ac-blue);color:var(--ac-cream)}
.ac-btn--primary:hover{background:var(--ac-blue-press)}
.ac-btn--outline{background:var(--ac-cream);border-color:var(--ac-blue);color:var(--ac-blue)}
.ac-btn--outline:hover{background:var(--ac-blue-tint)}
.ac-stage.is-blue{background:var(--ac-blue);color:var(--ac-cream)}
.ac-stage.is-blue .ac-btn--primary{background:var(--ac-cream);color:var(--ac-blue)}
.ac-stage.is-blue .ac-btn--primary:hover{background:#fff}
.ac-stage.is-blue .ac-btn--outline{background:var(--ac-blue);border-color:var(--ac-cream);color:var(--ac-cream)}
.ac-stage.is-blue .ac-btn--outline:hover{background:var(--ac-blue-press)}
.ac-corner{position:absolute;z-index:6;font:600 11px/1.2 var(--ac-ui);letter-spacing:.09em;text-transform:uppercase;color:var(--ac-ink-60);text-decoration:none}
.ac-stage.is-blue .ac-corner{color:rgba(241,239,234,.75)}
a.ac-corner:hover{color:var(--ac-blue)}
.ac-stage.is-blue a.ac-corner:hover{color:var(--ac-cream)}
.ac-tl{left:32px;top:30px}.ac-tr{right:32px;top:30px}.ac-bl{left:32px;bottom:30px}.ac-br{right:32px;bottom:30px}
.ac-hint-touch{display:none}
@media (hover:none){.ac-hint-mouse{display:none}.ac-hint-touch{display:inline}}

.ac-scrim{position:absolute;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(32,32,31,.52);-webkit-user-select:text;user-select:text}
.ac-dialog{position:relative;width:100%;max-width:480px;max-height:calc(100% - 16px);overflow:auto;background:#fff;color:var(--ac-ink);border-radius:12px;padding:32px 28px 28px;box-shadow:var(--ac-shadow-overlay);font-family:var(--ac-ui)}
.ac-close{position:absolute;right:12px;top:12px;width:44px;height:44px;border:0;border-radius:999px;background:transparent;color:var(--ac-ink);font-size:22px;line-height:1;cursor:pointer}
.ac-close:hover{background:var(--ac-cream)}
.ac-form{display:grid;gap:18px}
.ac-field{display:grid;gap:7px}
.ac-field>label,.ac-legend{font:500 14px/1.3 var(--ac-ui);color:var(--ac-ink)}
.ac-legend{margin:0 0 7px;padding:0}
.ac-fieldset{border:0;margin:0;padding:0;min-width:0}
.ac-input{height:44px;width:100%;border:1px solid var(--ac-line-strong);border-radius:8px;background:var(--ac-cream-light);padding:0 12px;font:400 15px/1 var(--ac-ui);color:var(--ac-ink)}
.ac-textarea{width:100%;min-height:88px;border:1px solid var(--ac-line-strong);border-radius:8px;background:var(--ac-cream-light);padding:10px 12px;font:400 15px/1.5 var(--ac-ui);color:var(--ac-ink);resize:vertical}
.ac-input:focus,.ac-textarea:focus{outline:0;border-color:var(--ac-blue);box-shadow:0 0 0 2px var(--ac-blue-tint)}
.ac-input[aria-invalid="true"],.ac-textarea[aria-invalid="true"]{border-color:var(--ac-maroon)}
.ac-input::placeholder,.ac-textarea::placeholder{color:#8a8a87}
.ac-chips{display:flex;flex-wrap:wrap;gap:8px}
.ac-chip{min-height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--ac-line-strong);background:#fff;color:var(--ac-ink);font:500 14px/1 var(--ac-ui);cursor:pointer}
.ac-chip:hover{border-color:var(--ac-blue)}
.ac-chip[aria-pressed="true"]{background:var(--ac-blue);border-color:var(--ac-blue);color:var(--ac-cream)}
.ac-err{margin:0;font:500 13px/1.4 var(--ac-ui);color:var(--ac-maroon)}
.ac-small{margin:0;font:400 13px/1.5 var(--ac-ui);color:var(--ac-ink-60)}
.ac-small a{color:var(--ac-blue)}
.ac-dialog .ac-btn{width:100%}

/* ---------- Phone ---------- */
@media (max-width:820px){
  .uf-wrap{padding:0 20px}
  .uf-header{height:68px}
  .uf-nav{display:none}
  .uf-burger{display:inline-flex}
  .uf-page{overflow-x:clip}
  /* Phone hero: torchbearer on the left, cropped off the edge, torch level with the headline; copy on the right. */
  .uf-hero{grid-template-columns:34% minmax(0,1fr);gap:3%;align-items:start;padding:72px 0 56px}
  .uf-hero-art{order:-1;justify-content:flex-end;align-items:flex-start;overflow:visible}
  .uf-hero #hero-title{font-size:8.4vw !important;line-height:1 !important}
  .uf-hero #hero-title + p{font-size:15px !important;line-height:1.45 !important}
  .uf-hero .uf-textlink{font-size:12px;letter-spacing:.12em;white-space:nowrap}
  .uf-torch{flex:0 0 auto;width:49vw;max-width:none;transform:none;margin-right:16px}
  .uf-signup{grid-template-columns:minmax(0,1fr)}
  .uf-signup .uf-btn{width:100%}
  .uf-tiles{grid-template-columns:minmax(0,1fr);gap:64px}
  #portfolio{padding-left:20px;padding-right:20px}
  .uf-tile{gap:16px}
  .uf-tile h3{font-size:18px !important}
  .uf-tile h3 + p{font-size:14px !important}
  .uf-tile .uf-tile-cta{font-size:12px;min-height:40px;margin-top:2px !important}
  .uf-label{font-size:11px;margin-bottom:20px}
  .uf-footer{flex-direction:column;align-items:flex-start;padding-bottom:80px}
  .dd-top{top:calc(var(--dd-arm) + 22px)}
  .dd-top a{font-size:10px !important;letter-spacing:.12em !important}
  .dd-grid{padding:calc(var(--dd-arm) + 72px) var(--dd-pad) calc(var(--dd-arm) + 40px)}
  .dd-hero{gap:20px}
  .dd-hidden img.dd-key{left:29% !important;top:65% !important;width:42% !important}
  .dd-hidden img.dd-feature{left:8% !important;top:11% !important;width:39% !important}
  .dd-modal{padding:36px 20px 24px}
  .dd-panel{justify-self:stretch;width:100%}
  .dd-bg-shade{background:linear-gradient(180deg,rgba(10,10,10,.6) 0%,rgba(10,10,10,.5) 40%,rgba(10,10,10,.75) 100%)}
  .dd-lens{position:relative;left:auto;top:auto;transform:none;justify-self:center;width:560px;margin:0 calc((100% - 560px) / 2)}
  .dd-lens-body{width:290px}
  .dd-form .uf-btn{width:100%}
  .st-pair{grid-template-columns:minmax(0,1fr)}
  .ac-tl,.ac-bl{left:16px}.ac-tr,.ac-br{right:16px}.ac-tl,.ac-tr{top:18px}.ac-bl,.ac-br{bottom:18px}
  .ac-core{gap:36px}
  .ac-hint-mouse{display:none}.ac-hint-touch{display:inline}
  .ac-ctas{flex-direction:column;align-items:stretch;width:min(280px,100%)}
  .ac-dialog{padding:28px 20px 20px}
}

/* ---------- Website additions ---------- */
[hidden]{display:none !important}
body{background:#F5F5F5}
body.ac-body{background:var(--ac-cream)}
body.dd-body{background:#000}
body.menu-open{overflow:hidden}
.hp-field{position:absolute !important;left:-9999px !important;width:1px;height:1px;overflow:hidden}
.uf-skip{position:absolute;left:12px;top:-60px;z-index:2000;padding:10px 14px;border-radius:10px;background:var(--uf-ink);color:#fff;font:500 14px/1 var(--uf-sans);text-decoration:none}
.uf-skip:focus{top:12px}
@supports (height:100dvh){.ac-stage,.dd-slide,.dd-grid{min-height:100dvh}}
.st-placeholder{color:#6B6B65}
.uf-legal h2{font-size:22px;font-weight:400;margin:2em 0 .6em}