:root{
  --bg:#090909;
  --paper:#f1eee5;
  --ink:#111;
  --yellow:#ffd61a;
  --red:#ef3340;
  --blue:#1aaddb;
  --muted:#aaa69b;
  --line:rgba(17,17,17,.15);
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}
img{display:block;max-width:100%}
button,a{font:inherit}
a{color:inherit}
.skip-link{position:fixed;left:1rem;top:-5rem;z-index:99;background:#fff;color:#000;padding:.7rem 1rem}
.skip-link:focus{top:1rem}
.site-header{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:.7rem clamp(1rem,3vw,3rem);background:rgba(0,0,0,.76);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.1)}
.brand img{width:210px;height:auto}
.site-nav{display:flex;gap:1.5rem;align-items:center}
.site-nav a{text-decoration:none;text-transform:uppercase;font-weight:800;font-size:.78rem;letter-spacing:.12em;position:relative}
.site-nav a::after{content:"";position:absolute;left:0;right:100%;bottom:-.35rem;height:3px;background:var(--yellow);transition:right .2s ease}
.site-nav a:hover::after,.site-nav a:focus-visible::after{right:0}
.menu-toggle{display:none;border:1px solid #fff;background:transparent;color:#fff;padding:.5rem .75rem;text-transform:uppercase;font-weight:800}
.hero{min-height:100svh;position:relative;display:grid;place-items:center;padding:8rem 1rem 4rem;overflow:hidden;background:#151515 url("assets/img/hero-collage.jpg") center/cover no-repeat}
.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.92),rgba(0,0,0,.58) 55%,rgba(0,0,0,.38)),linear-gradient(0deg,rgba(0,0,0,.75),transparent 45%)}
.hero-noise{position:absolute;inset:0;opacity:.18;background-image:radial-gradient(rgba(255,255,255,.35) .7px,transparent .8px);background-size:5px 5px;mix-blend-mode:overlay}
.hero-content{position:relative;z-index:2;width:min(var(--max),100%);margin:auto}
.eyebrow,.kicker{text-transform:uppercase;letter-spacing:.17em;font-weight:900;font-size:.78rem}
.eyebrow{color:var(--yellow)}
.hero-logo{width:min(720px,88vw);filter:drop-shadow(0 10px 25px rgba(0,0,0,.55));margin:1.2rem 0 1.4rem}
.hero-lead{max-width:720px;font-size:clamp(1.15rem,2.2vw,1.75rem);font-weight:650;text-wrap:balance}
.hero-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:2rem}
.button{text-decoration:none;padding:.85rem 1.1rem;border:2px solid #fff;text-transform:uppercase;letter-spacing:.08em;font-weight:900;font-size:.82rem;transition:transform .15s ease,background .15s ease,color .15s ease}
.button:hover{transform:translateY(-2px)}
.button-primary{background:var(--yellow);border-color:var(--yellow);color:#000}
.button-ghost{background:rgba(0,0,0,.22)}
.checker{position:absolute;left:0;right:0;bottom:0;height:28px;background:conic-gradient(#000 25%,#fff 0 50%,#000 0 75%,#fff 0) 0 0/28px 28px}
.section{padding:clamp(5rem,9vw,8rem) clamp(1rem,4vw,3rem)}
.intro,.archives-section{background:var(--paper);color:var(--ink)}
.section-heading{max-width:var(--max);margin:0 auto 3rem;display:flex;align-items:flex-start;gap:1.2rem}
.section-heading.light{color:#fff}
.section-number{font-weight:950;font-size:.8rem;background:var(--red);color:#fff;padding:.2rem .45rem;transform:rotate(-2deg);margin-top:.35rem}
.section-heading .kicker{margin:0 0 .45rem;color:#6a655e}
.section-heading.light .kicker{color:var(--yellow)}
.section-heading h1,.section-heading h2{margin:0;font-size:clamp(2.4rem,6vw,5.6rem);line-height:.92;letter-spacing:-.045em;text-transform:uppercase;max-width:900px}
.section-heading em{font-style:normal;color:var(--red)}
.history-grid{max-width:var(--max);margin:auto;display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(2rem,6vw,6rem)}
.big-copy{font-size:clamp(1.3rem,2.4vw,2.05rem);font-weight:750;line-height:1.35}
.history-copy p{max-width:760px}
blockquote{margin:2.5rem 0 0;padding:1.2rem 1.5rem;border-left:8px solid var(--yellow);background:#111;color:#fff;font-weight:850;font-size:clamp(1.3rem,2.3vw,1.9rem);transform:rotate(-.4deg)}
.timeline{border-top:4px solid #111}
.timeline article{padding:1.2rem 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:110px 1fr}
.timeline time{font-weight:950;color:var(--red)}
.timeline h2,.timeline p{grid-column:2;margin:.15rem 0}
.timeline h2{text-transform:uppercase;font-size:1rem}
.timeline p{color:#5d5952}
.music-section,.interview-section{background:#090909;position:relative}
.music-section::before,.interview-section::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,214,26,.05),transparent 35%,rgba(239,51,64,.05));pointer-events:none}
.player-shell{position:relative;max-width:var(--max);margin:auto;display:grid;grid-template-columns:minmax(300px,.8fr) 1.2fr;border:1px solid rgba(255,255,255,.18);background:#111;box-shadow:18px 18px 0 var(--yellow)}
.now-playing{padding:2rem;position:sticky;top:90px;align-self:start}
.record{width:min(240px,65vw);aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle,#151515 0 8px,#080808 9px 10px);display:grid;place-items:center;margin:0 0 2rem;box-shadow:0 10px 30px rgba(0,0,0,.6)}
.record span{width:30%;aspect-ratio:1;border-radius:50%;background:var(--red);border:10px solid var(--paper)}
.record.is-playing{animation:spin 4s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.player-label{text-transform:uppercase;color:var(--yellow);font-weight:900;letter-spacing:.13em;font-size:.75rem;margin:0}
.now-playing h3{font-size:clamp(1.8rem,3vw,3rem);margin:.2rem 0 1rem;text-transform:uppercase;line-height:1}
audio{width:100%;filter:grayscale(1) contrast(1.15)}
.tracklist{display:flex;flex-direction:column;border-left:1px solid rgba(255,255,255,.14)}
.track{appearance:none;border:0;border-bottom:1px solid rgba(255,255,255,.12);background:#111;color:#fff;display:grid;grid-template-columns:54px 1fr auto;align-items:center;text-align:left;padding:1rem 1.15rem;cursor:pointer;transition:background .15s ease,color .15s ease}
.track:hover,.track:focus-visible,.track.is-active{background:var(--yellow);color:#000}
.track-index{font-weight:950;color:var(--red)}
.track.is-active .track-index{color:#000}
.track-title{text-transform:uppercase;font-weight:850}
.track-action{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;font-weight:900}
.archive-toolbar{max-width:var(--max);margin:0 auto 1.4rem;display:flex;gap:.5rem;flex-wrap:wrap}
.filter{border:2px solid #111;background:transparent;color:#111;padding:.5rem .8rem;text-transform:uppercase;font-weight:900;cursor:pointer}
.filter.is-active,.filter:hover{background:#111;color:#fff}
.gallery{max-width:var(--max);margin:auto;columns:4 230px;column-gap:.8rem}
.gallery-item{width:100%;display:block;break-inside:avoid;margin:0 0 .8rem;padding:0;border:0;background:#111;position:relative;cursor:zoom-in;overflow:hidden}
.gallery-item[hidden]{display:none}
.gallery-item img{width:100%;height:auto;transition:transform .25s ease,filter .25s ease}
.gallery-item:hover img{transform:scale(1.025);filter:contrast(1.08)}
.gallery-item span{position:absolute;left:.5rem;bottom:.5rem;background:var(--yellow);color:#000;padding:.2rem .45rem;font-size:.65rem;font-weight:950;text-transform:uppercase;letter-spacing:.08em}
.feature{padding:0;display:grid;grid-template-columns:1fr 1fr;background:var(--yellow);color:#000;min-height:660px}
.feature-image{overflow:hidden;background:#000}
.feature-image img{width:100%;height:100%;object-fit:cover;filter:contrast(1.08)}
.feature-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(3rem,7vw,7rem)}
.feature-copy .kicker{color:#7a1b20}
.feature-copy h2{font-size:clamp(3rem,7vw,7rem);text-transform:uppercase;line-height:.86;letter-spacing:-.05em;margin:.4rem 0 2rem}
.feature-copy p{max-width:620px;font-size:1.1rem;font-weight:620}
.interview-card{position:relative;max-width:980px;margin:auto;background:#f4f0e5;color:#161616;padding:clamp(1.2rem,4vw,3rem);box-shadow:14px 14px 0 var(--red)}
.interview-intro{font-size:1.1rem;font-weight:700;margin-top:0}
details{border-top:4px solid #111}
summary{cursor:pointer;padding:1rem 0;font-weight:950;text-transform:uppercase;letter-spacing:.06em}
.interview-body{padding-top:1rem}
.interview-body p{margin:0 0 1.2rem}
.interview-body .qa{padding-left:1rem;border-left:3px solid var(--yellow)}
.lightbox{width:min(1100px,94vw);max-height:92vh;border:0;padding:0;background:#090909;color:#fff}
.lightbox::backdrop{background:rgba(0,0,0,.88)}
.lightbox img{max-height:80vh;margin:auto;object-fit:contain}
.lightbox p{padding:1rem 1.2rem;margin:0}
.lightbox-close{position:absolute;right:.6rem;top:.6rem;z-index:2;border:0;background:var(--yellow);color:#000;width:42px;height:42px;font-size:1.7rem;font-weight:900;cursor:pointer}
.site-footer{position:relative;background:#050505;text-align:center;padding:4rem 1rem 3rem}
.site-footer img{width:min(440px,80vw);margin:auto}
.site-footer p{color:#8f8b83;font-size:.82rem;text-transform:uppercase;letter-spacing:.12em}
.checker-small{top:0;bottom:auto;height:18px;background-size:18px 18px}
@media (max-width:850px){
  .menu-toggle{display:block}
  .site-nav{position:absolute;top:100%;left:0;right:0;background:#090909;padding:1rem;display:none;flex-direction:column;align-items:stretch;border-top:1px solid #333}
  .site-nav.is-open{display:flex}
  .site-nav a{padding:.45rem 0}
  .history-grid,.player-shell,.feature{grid-template-columns:1fr}
  .player-shell{box-shadow:9px 9px 0 var(--yellow)}
  .tracklist{border-left:0;border-top:1px solid rgba(255,255,255,.14)}
  .now-playing{position:static}
  .record{width:180px}
  .feature{min-height:0}
  .feature-image{max-height:640px}
}
@media (max-width:560px){
  .brand img{width:155px}
  .site-header{padding:.6rem .8rem}
  .hero{padding-top:6.5rem}
  .section{padding-left:1rem;padding-right:1rem}
  .section-heading{gap:.7rem}
  .section-number{font-size:.67rem}
  .timeline article{grid-template-columns:1fr}
  .timeline time,.timeline h2,.timeline p{grid-column:1}
  .track{grid-template-columns:42px 1fr}
  .track-action{display:none}
  .player-shell{margin-right:.55rem}
}
@media (prefers-reduced-motion:reduce){
  *{scroll-behavior:auto!important;animation:none!important;transition:none!important}
}

/* Contributions / souvenirs */
.button-dark{align-self:flex-start;margin-top:1rem;background:#111;border-color:#111;color:#fff}
.button-dark:hover{background:#fff;color:#111;border-color:#111}
.memories-section{background:#0b0b0b;color:#fff;position:relative;overflow:hidden}
.memories-section::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 85% 15%,rgba(255,214,26,.08),transparent 30%),radial-gradient(circle at 10% 80%,rgba(239,51,64,.09),transparent 33%)}
.memories-grid{position:relative;max-width:var(--max);margin:auto;display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(2rem,6vw,5rem);align-items:start}
.memory-intro .big-copy{margin-top:0}
.memory-intro>p:not(.big-copy){color:#c7c3b9;max-width:650px}
.memory-types{margin-top:2.5rem;border-top:1px solid rgba(255,255,255,.18)}
.memory-types article{display:grid;grid-template-columns:48px 130px 1fr;gap:.7rem;align-items:baseline;padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.14)}
.memory-types article>span{font-weight:950;color:var(--red)}
.memory-types h3{margin:0;text-transform:uppercase;font-size:.92rem}
.memory-types p{margin:0;color:#9e9a91;font-size:.92rem}
.moderation-note{margin-top:2rem;padding:1.1rem 1.25rem;background:var(--yellow);color:#111;transform:rotate(-.35deg)}
.moderation-note strong{text-transform:uppercase;letter-spacing:.04em}
.moderation-note p{margin:.35rem 0 0;font-weight:650}
.memory-form-shell{position:relative;background:var(--paper);color:var(--ink);padding:clamp(1.1rem,3vw,2.2rem);box-shadow:14px 14px 0 var(--red)}
.form-sticker{display:inline-block;background:#111;color:#fff;text-transform:uppercase;font-weight:950;letter-spacing:.08em;padding:.45rem .7rem;margin:-3.2rem 0 1.5rem;transform:rotate(1.2deg)}
.memory-form{display:grid;gap:1rem}
.field-row{display:grid;gap:1rem}
.field-row.two-cols{grid-template-columns:1fr 1fr}
.memory-form label>span,.upload-zone>span{display:block;margin-bottom:.38rem;text-transform:uppercase;font-size:.73rem;letter-spacing:.08em;font-weight:950}
.memory-form input[type="text"],.memory-form input[type="email"],.memory-form input[type="url"],.memory-form textarea,.memory-form select{width:100%;border:2px solid #111;background:#fff;color:#111;padding:.78rem .8rem;border-radius:0;outline:none}
.memory-form textarea{resize:vertical;min-height:150px}
.memory-form input:focus,.memory-form textarea:focus,.memory-form select:focus{box-shadow:0 0 0 3px var(--yellow)}
.upload-zone{display:block;border:2px dashed #111;padding:1rem;background:#e9e5da;cursor:pointer}
.upload-zone input[type="file"]{width:100%;margin:.35rem 0 .45rem}
.upload-zone small,.form-help{display:block;color:#625e56;font-size:.8rem;line-height:1.45}
.file-feedback{min-height:1.2em;margin:-.45rem 0 0;font-size:.82rem;font-weight:800}
.file-feedback.is-error{color:#b60015}
.file-feedback.is-ok{color:#226c31}
.check-field{display:flex!important;gap:.7rem;align-items:flex-start;text-transform:none!important;letter-spacing:0!important;font-size:.86rem!important;font-weight:650!important}
.check-field>span{margin:0!important;text-transform:none!important;letter-spacing:0!important;font-size:inherit!important;font-weight:650!important}
.check-field input{margin-top:.25rem;accent-color:#111}
.form-submit{border:2px solid #111;cursor:pointer;width:100%;margin-top:.25rem}
.form-help{margin:0;text-align:center}
.captcha-wrap{border:2px solid #111;background:#f3efe4;padding:1rem;display:grid;gap:.65rem}
.captcha-wrap>strong{text-transform:uppercase;font-size:.78rem;letter-spacing:.08em}
.captcha-wrap>small{color:#625e56;line-height:1.4}
.honeypot{position:absolute!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;height:1px!important;width:1px!important;margin:-1px!important;padding:0!important;border:0!important}
.memory-wall{position:relative;max-width:var(--max);margin:5rem auto 0;border:1px solid rgba(255,255,255,.18);padding:clamp(1.4rem,3vw,2.2rem);display:grid;grid-template-columns:.85fr 1.15fr;gap:2rem;background:rgba(255,255,255,.025)}
.memory-wall .kicker{color:var(--yellow);margin:0 0 .45rem}
.memory-wall h3{margin:0;font-size:clamp(1.6rem,3vw,2.6rem);line-height:1;text-transform:uppercase}
.memory-wall>p{margin:0;color:#b2aea5;align-self:end;max-width:650px}

.thanks-page{min-height:100svh;display:grid;place-items:center;background:#090909 url("assets/img/hero-collage.jpg") center/cover fixed no-repeat;padding:2rem;color:#fff}
.thanks-page::before{content:"";position:fixed;inset:0;background:rgba(0,0,0,.82)}
.thanks-card{position:relative;z-index:1;width:min(760px,100%);background:var(--paper);color:#111;padding:clamp(1.5rem,5vw,4rem);box-shadow:16px 16px 0 var(--yellow);text-align:center}
.thanks-card img{width:min(420px,85%);margin:0 auto 1.5rem}
.thanks-card h1{font-size:clamp(2.5rem,7vw,5rem);line-height:.9;text-transform:uppercase;margin:.4rem 0 1rem}
.thanks-card p{font-size:1.08rem;max-width:600px;margin:0 auto 1.6rem}
.thanks-card .button{display:inline-block}

@media (max-width:850px){
  .memories-grid,.memory-wall{grid-template-columns:1fr}
  .memory-form-shell{box-shadow:9px 9px 0 var(--red);margin-right:.55rem}
  .memory-types article{grid-template-columns:42px 110px 1fr}
}
@media (max-width:620px){
  .field-row.two-cols{grid-template-columns:1fr}
  .memory-types article{grid-template-columns:38px 1fr}
  .memory-types p{grid-column:2}
}

/* Envoi sécurisé / formulaire */
.upload-bridge{position:fixed!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;border:0!important;left:-9999px!important;top:-9999px!important}
.memory-form input:disabled,.memory-form textarea:disabled,.memory-form select:disabled{opacity:.65;cursor:not-allowed}
.form-submit:disabled{opacity:.58;cursor:wait;transform:none!important}
.form-error{margin:0;padding:.85rem 1rem;border:2px solid #b60015;background:#fff0f2;color:#8c0010;font-weight:850;line-height:1.4}
.upload-progress{border:2px solid #111;background:#fff;padding:1rem;display:grid;gap:.65rem}
.upload-progress[hidden]{display:none}
.upload-progress-head{display:flex;justify-content:space-between;gap:1rem;align-items:baseline}
.upload-progress-head strong{text-transform:uppercase;font-size:.8rem;letter-spacing:.06em}
.upload-progress-head span{font-weight:950;white-space:nowrap}
.upload-progress progress{display:block;width:100%;height:18px;accent-color:#111}
.upload-progress p{margin:0;color:#625e56;font-size:.82rem;line-height:1.4}
#turnstile-container{min-height:65px}

/* Séparation des enregistrements Live / Studio */
.tracklist-shell{display:flex;flex-direction:column;min-width:0;border-left:1px solid rgba(255,255,255,.14)}
.tracklist-shell .tracklist{border-left:0;flex:1}
.music-toolbar{display:flex;gap:.55rem;padding:.8rem 1rem;border-bottom:1px solid rgba(255,255,255,.14);background:#0c0c0c}
.music-filter{appearance:none;border:1px solid rgba(255,255,255,.34);background:transparent;color:#fff;padding:.58rem 1rem;font:inherit;font-size:.76rem;font-weight:950;letter-spacing:.11em;text-transform:uppercase;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}
.music-filter:hover,.music-filter:focus-visible,.music-filter.is-active{background:var(--yellow);border-color:var(--yellow);color:#000}
.track[hidden]{display:none!important}
@media (max-width:800px){
  .tracklist-shell{border-left:0;border-top:1px solid rgba(255,255,255,.14)}
  .tracklist-shell .tracklist{border-top:0}
}

/* V5.7 — correctifs responsive petits écrans / iPhone 12 mini */
html,body{max-width:100%;overflow-x:hidden}
main,.section,.section-heading,.history-grid,.player-shell,.feature,.memories-grid,.memory-wall,.memory-form,.field-row{min-width:0}
.section-heading>*,.history-grid>*,.player-shell>*,.feature>*,.memories-grid>*,.memory-wall>*,.field-row>*,.memory-form>*,.tracklist-shell,.memory-intro,.memory-form-shell{min-width:0}
.memory-form input,.memory-form textarea,.memory-form select,.memory-form label,.upload-zone,.captcha-wrap{max-width:100%;min-width:0}
#turnstile-container{width:100%;max-width:100%;min-width:0}
.memory-form input[type="file"]{max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis}

@media (max-width:560px){
  .site-header{gap:.65rem}
  .brand{min-width:0;flex:1}
  .brand img{width:min(150px,48vw)}
  .menu-toggle{flex:0 0 auto;padding:.48rem .65rem}

  .hero{padding-left:.85rem;padding-right:.85rem}
  .hero-logo{width:min(650px,92vw)}
  .hero-actions{gap:.55rem}
  .button{padding:.78rem .9rem;font-size:.76rem}

  .section{padding-left:.85rem;padding-right:.85rem}
  .section-heading{gap:.55rem;margin-bottom:2rem}
  .section-heading h1,.section-heading h2{font-size:clamp(2rem,10.4vw,2.65rem);line-height:.94;overflow-wrap:break-word}
  .section-number{flex:0 0 auto}

  .history-grid,.memories-grid,.memory-wall{width:100%}
  blockquote{margin-left:0;margin-right:0;padding:1rem 1.05rem;border-left-width:5px;transform:none}

  .player-shell{width:100%;margin-right:0;box-shadow:6px 6px 0 var(--yellow)}
  .now-playing{padding:1.25rem}
  .track{padding:.9rem .8rem;gap:.25rem}
  .track-title{overflow-wrap:anywhere}
  .music-toolbar{padding:.7rem .75rem;flex-wrap:wrap}
  .music-filter{padding:.5rem .75rem}

  .feature-copy{padding:2.2rem 1rem}
  .feature-copy h2{font-size:clamp(2.35rem,12.5vw,3.15rem);line-height:.9;overflow-wrap:break-word}
  .feature-copy p{font-size:1rem}

  .memory-types{margin-top:1.7rem}
  .memory-types article{grid-template-columns:34px 1fr;gap:.5rem;padding:.85rem 0}
  .memory-types p{grid-column:2;overflow-wrap:break-word}
  .moderation-note{padding:.95rem 1rem;transform:none}

  .memory-form-shell{width:100%;max-width:100%;margin-right:0;padding:1rem .75rem;box-shadow:6px 6px 0 var(--red)}
  .form-sticker{margin:-2rem 0 1rem;font-size:.78rem;max-width:100%}
  .memory-form{gap:.85rem}
  .memory-form label>span,.upload-zone>span{overflow-wrap:break-word}
  .memory-form input[type="text"],.memory-form input[type="email"],.memory-form input[type="url"],.memory-form textarea,.memory-form select{font-size:16px;padding:.72rem .68rem}
  .memory-form textarea{min-height:130px}
  .upload-zone{padding:.75rem}
  .upload-zone input[type="file"]{font-size:.72rem;white-space:nowrap}
  .upload-zone input[type="file"]::file-selector-button{font-size:.72rem;padding:.38rem .5rem;max-width:48%}
  .captcha-wrap{padding:.45rem;width:100%;overflow:hidden}
  #turnstile-container{overflow:hidden}
  .check-field{gap:.55rem;font-size:.82rem!important}
  .check-field input{flex:0 0 auto}
  .form-submit{white-space:normal;line-height:1.25}
  .form-help{font-size:.76rem}
  .upload-progress{padding:.75rem}
  .upload-progress-head{gap:.5rem;flex-wrap:wrap}

  .memory-wall{margin-top:3.25rem;padding:1rem;gap:1rem}
  .memory-wall h3{font-size:clamp(1.45rem,8vw,2rem);overflow-wrap:break-word}

  .interview-card{width:100%;padding:1rem;box-shadow:6px 6px 0 var(--red)}
  summary{overflow-wrap:break-word}

  .thanks-page{padding:1rem}
  .thanks-card{box-shadow:6px 6px 0 var(--yellow)}
}

@media (max-width:380px){
  .section-heading h1,.section-heading h2{font-size:2rem}
  .feature-copy h2{font-size:2.35rem}
  .memory-form-shell{padding-left:.65rem;padding-right:.65rem}
  .captcha-wrap{padding:.3rem}
  .memory-wall{padding:.85rem}
}