:root{
  --ink:#242424;
  --paper:#f4ebdd;
  --white:#fffaf1;
  --rose:#e85c4a;
  --sand:#d8a32a;
  --green:#244e73;
  --cobalt:#244e73;
  --coral:#e85c4a;
  --mustard:#d8a32a;
  --soft-blue:#e3edf2;
  --soft-coral:#f8e2dc;
  --line:#d8cdbd;
}

body{background-color:var(--paper);background-image:radial-gradient(circle at 10% 20%,#fff9ed80 0 1px,transparent 2px),linear-gradient(110deg,#fff6e72e,transparent 32%);background-size:24px 24px,100% 100%}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #d8a32a;outline-offset:3px}
.top{background:#f4ebdde8;border-bottom-color:#cfc0ad80}

.illustrated-hero{position:relative;display:block;isolation:isolate;min-height:760px;padding-top:120px}
.hero-copy{position:relative;z-index:2;max-width:650px;padding-right:48px;background:linear-gradient(90deg,var(--paper) 0,var(--paper) 68%,transparent 100%)}
.hero-story-art{position:absolute;z-index:0;inset:38px 0 38px 31%;margin:0;border-radius:32px 0 0 32px;overflow:hidden;box-shadow:0 24px 70px #45342424;background:#efe2ce}
.hero-story-art::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--paper) 0,transparent 34%)}
.hero-story-art img{width:100%;height:100%;object-fit:cover;display:block}
.hero-story-art figcaption{position:absolute;z-index:2;right:24px;bottom:20px;max-width:240px;padding:9px 13px;border-radius:999px;background:#fff8e9dc;color:#4f453d;font-size:12px;letter-spacing:.04em}

.style-card{padding:14px 14px 20px;border-radius:10px;background:#fffaf3}
.style-visual{height:270px;margin:0 0 20px;border-radius:7px;overflow:hidden;background:#e8dac5}
.style-visual img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .55s ease}
.style-card:hover .style-visual img,.style-card.selected .style-visual img{transform:scale(1.035)}
.style-card.selected{box-shadow:0 0 0 3px #e85c4a22,0 18px 48px #3a2c201a}

.curation-story{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:clamp(40px,7vw,100px);align-items:center}
.curation-story figure{margin:0;border-radius:8px;overflow:hidden;box-shadow:0 26px 70px #392a1e24;transform:rotate(-1deg)}
.curation-story img{width:100%;display:block}
.curation-story h2{margin:12px 0 25px}
.story-points{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.story-points span{padding:8px 12px;border:1px solid #244e7347;border-radius:99px;color:var(--cobalt);font-size:13px;background:#e3edf28a}

.plan-preview{display:grid;grid-template-columns:minmax(260px,.7fr) 1.3fr;gap:30px;margin:24px 0 34px;padding:26px;border:1px solid #244e7338;border-radius:12px;background:linear-gradient(135deg,#e3edf2b5,#fff8ed 72%)}
.plan-preview h3{font-size:28px;margin:7px 0}
.plan-preview p{margin:0;color:#5f5750}
.plan-mini{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.plan-mini span{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:9px 11px;border-bottom:1px solid #244e7326;font-size:12px}
.plan-mini b{font-weight:600}

.project-label{display:block;margin-top:30px}
.curation-master{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:clamp(26px,5vw,60px);align-items:center;margin:40px 0 28px;background:#244e73;color:#fffaf1;border-radius:18px;overflow:hidden}
.curation-master figure{margin:0;min-height:390px;height:100%}
.curation-master img{display:block;width:100%;height:100%;object-fit:cover}
.curation-master>div{padding:34px 42px 34px 0}
.curation-master .eyebrow{color:#efb33b}
.curation-master h2{font-size:clamp(34px,4vw,56px);line-height:1;margin:12px 0 22px}
.curation-master p{color:#e4eaf0}
.master-total{display:flex;align-items:center;gap:16px;margin-top:28px;padding-top:22px;border-top:1px solid #ffffff35}
.master-total b{font:48px/1 Georgia}
.master-total span{font-size:13px;color:#dfe8ed}

.story-categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:24px}
.story-category{display:grid;grid-template-columns:34px 1fr;gap:10px;width:100%;min-height:170px;padding:18px;border:1px solid var(--line);border-radius:12px;background:#fffaf1;color:var(--ink);text-align:left;line-height:1.35;transition:.2s}
.story-category:hover,.story-category.active{transform:translateY(-2px);border-color:var(--cobalt);box-shadow:0 10px 30px #244e7315}
.story-category.active{background:var(--soft-blue)}
.category-index{font:21px Georgia;color:var(--coral)}
.category-copy{display:flex;flex-direction:column;gap:7px}
.category-copy b{font:21px/1.05 Georgia}
.category-copy small{font:12px/1.4 Arial,sans-serif;color:#655c54;flex:1}
.category-range{font:11px/1.3 Arial,sans-serif;color:var(--cobalt);font-weight:700}
.category-meter{display:block;height:5px;background:#d6d5cf;border-radius:99px;overflow:hidden}
.category-meter i{display:block;height:100%;background:var(--coral);border-radius:inherit}

.upload-panel{border-top:5px solid var(--coral)}
.category-guide{display:grid;grid-template-columns:minmax(170px,.4fr) 1fr;gap:5px 30px;align-items:start;margin:-2px 0 24px;padding:5px 0 24px;border-bottom:1px solid var(--line)}
.category-guide .eyebrow{grid-column:1/3}
.category-guide h2{grid-row:2/4;margin:5px 0;font-size:34px}
.category-guide p{margin:5px 0;color:#5f5650}
.category-guide>b{font-size:13px;color:var(--cobalt)}
.drop{background:#fff7ea;border-color:#c6a988}
.file i{display:inline-flex;margin-left:8px;padding:3px 7px;border-radius:99px;background:var(--soft-blue);color:var(--cobalt);font-style:normal;font-size:11px}
.consent-row{display:flex;grid-template-columns:none;align-items:flex-start;gap:10px}
.consent-row input{width:auto;margin-top:5px}
.story-status{background:var(--soft-blue);color:var(--cobalt)}

@media(max-width:1050px){
  .style-visual{height:220px}
  .story-categories{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:850px){
  .illustrated-hero{display:grid;min-height:auto;padding-top:58px}
  .hero-story-art{position:relative;inset:auto;order:2;height:440px;margin:45px -28px -20px 16px;border-radius:22px 0 0 22px}
  .hero-story-art::after{background:linear-gradient(180deg,var(--paper) 0,transparent 24%)}
  .hero-story-art figcaption{right:16px;bottom:14px}
  .style-visual{height:auto;aspect-ratio:1.5}
  .curation-story,.curation-master,.plan-preview{grid-template-columns:1fr}
  .curation-master figure{min-height:300px}
  .curation-master>div{padding:10px 25px 30px}
  .plan-mini{grid-template-columns:repeat(2,minmax(0,1fr))}
  .story-categories{grid-template-columns:1fr}
  .story-category{min-height:auto}
  .category-guide{grid-template-columns:1fr}
  .category-guide .eyebrow{grid-column:auto}
  .category-guide h2{grid-row:auto}
}

@media(max-width:520px){
  .top{padding-left:16px;padding-right:16px}
  .brand{font-size:20px;white-space:nowrap}
  .top nav{gap:12px}
  .top nav a{font-size:14px}
  .hero-story-art{height:330px}
  .plan-mini{grid-template-columns:1fr}
  .curation-master figure{min-height:230px}
  .master-total b{font-size:40px}
}