.reference-inner{background:#fbf9f4}
.reference-inner .eyebrow{color:#466249}
.reference-inner .button{border-radius:28px}
.reference-inner .text-link{color:#254631}

.ref-finder-hero,.ref-kit-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 30% 20%,#fffdf8 0,#f7f1e6 58%,#e6ddc8 100%);border-bottom:1px solid #e4dccd}
.ref-finder-hero::before,.ref-kit-hero::before{position:absolute;inset:0;content:"";pointer-events:none;background:linear-gradient(120deg,#fff9eb5e,transparent 54%)}
.ref-finder-hero-grid,.ref-kit-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(25px,5vw,75px);min-height:570px;padding-block:44px 52px}
.ref-finder-hero-copy,.ref-kit-hero-copy{position:relative;z-index:1;padding-block:30px}
.ref-finder-hero h1,.ref-kit-hero h1{max-width:670px;margin:0 0 24px;font-size:clamp(56px,5.9vw,84px);line-height:1.04;letter-spacing:-.056em;color:#182a20}
.ref-finder-hero h1 em,.ref-kit-hero h1 em{color:#315b39}
.ref-finder-hero-copy>p:not(.eyebrow),.ref-kit-hero-copy>p:not(.eyebrow){max-width:530px;color:#455449;font-size:16px;line-height:1.65}
.ref-finder-hero-copy>.button{margin-top:13px}
.ref-finder-hero-steps,.ref-kit-hero .kit-hero-facts{display:flex;flex-wrap:wrap;gap:12px 25px;margin-top:34px;padding-top:18px;border-top:1px solid #d9d1c2;color:#4a5c4d;font-size:11px}
.ref-finder-hero-steps span,.ref-kit-hero .kit-hero-facts span{white-space:nowrap}
.ref-finder-hero-steps b{margin-right:6px;color:#a07843;font-size:10px;letter-spacing:.05em}
.ref-finder-hero-image,.ref-kit-hero-image{position:relative;align-self:stretch;min-height:460px;margin:0;overflow:hidden;border-radius:4px 4px 90px 4px;background:#e4d7be;box-shadow:0 18px 52px #4c3b271e}
.ref-finder-hero-image img,.ref-kit-hero-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.ref-finder-hero-image figcaption,.ref-kit-hero-image figcaption{position:absolute;left:16px;bottom:16px;max-width:calc(100% - 32px);margin:0;padding:8px 12px;border-radius:4px;background:#fffdf2e8;color:#384b3c;font-size:10px;line-height:1.35;backdrop-filter:blur(5px)}
.ref-finder-hero-image img{animation:ref-inner-reveal 1s both}
.ref-kit-hero-image img{animation:ref-inner-reveal 1s both}
@keyframes ref-inner-reveal{from{opacity:.5;transform:scale(1.045)}to{opacity:1;transform:scale(1)}}

.reference-inner .studio-shell{padding-block:75px 85px}
.reference-inner .studio-heading{margin-bottom:30px}
.reference-inner .studio-heading h2{max-width:740px}
.reference-inner .wish-choice{min-height:94px;border:1px solid #e5dfd3;border-radius:11px;background:#fffefa;box-shadow:0 6px 22px #4f43270a}
.reference-inner .wish-choice:hover,.reference-inner .wish-choice.is-selected{border-color:#6d906b;box-shadow:0 13px 27px #27452d17}
.reference-inner .wish-choice.is-selected::before{left:13px;right:13px;height:2px;background:#ac8651}
.reference-inner .wish-choice-number{color:#a47b4e}
.reference-inner .wish-filters button{background:#fffdf9;border-color:#e3dbcc}
.reference-inner .wish-filters button:hover,.reference-inner .wish-filters button.is-active{background:#21442e;border-color:#21442e}
.reference-inner .studio-result{overflow:hidden;border:1px solid #e4ddcc;border-radius:14px;box-shadow:0 21px 46px #29452b15}
.reference-inner .studio-result-empty{min-height:555px;background:#f7f3e9;padding:32px}
.reference-inner .studio-result-empty .ref-empty-visual{display:block;width:230px;height:230px;object-fit:cover;object-position:center;margin:15px 0 25px;border-radius:50%;border:7px solid #fffaf0;box-shadow:0 0 0 1px #dce3d5,0 13px 31px #37533130}
.reference-inner .studio-result-empty h3{font-size:40px}
.reference-inner .result-copy{background:#fffefa}
.reference-inner .studio-disclosure{max-width:none}

.ref-finder-practice{background:#f1eee5;border-top:1px solid #e5e0d5}
.ref-finder-practice-head,.ref-kit-moments-head{display:flex;align-items:end;justify-content:space-between;gap:45px;margin-bottom:31px}
.ref-finder-practice-head h2,.ref-kit-moments-head h2{max-width:730px;margin:0}
.ref-finder-practice-head>p,.ref-kit-moments-head>p{max-width:380px;margin:0;color:#627064;font-size:14px;line-height:1.55}
.ref-finder-practice-grid,.ref-kit-moments-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.ref-finder-practice-grid article{overflow:hidden;border:1px solid #e2dccd;border-radius:10px;background:#fffdf8;box-shadow:0 12px 25px #4e422314}
.ref-finder-practice-grid img,.ref-kit-moments-grid img{display:block;width:100%;aspect-ratio:1.42;object-fit:cover;transition:transform .5s ease}
.ref-finder-practice-grid article:hover img,.ref-kit-moments-grid figure:hover img{transform:scale(1.04)}
.ref-finder-practice-grid article>div{padding:21px 23px 25px}
.ref-finder-practice-grid span{font-size:10px;letter-spacing:.16em;color:#a07843;font-weight:800}
.ref-finder-practice-grid h3{margin:10px 0 7px;font-size:29px}
.ref-finder-practice-grid p{margin:0;color:#627064;font-size:13px;line-height:1.55}

.ref-kit-hero .kit-hero-lead{font-family:var(--serif);font-size:clamp(21px,2vw,28px);line-height:1.34;color:#254631}
.ref-kit-hero .practice-links{margin-top:25px}
.ref-kit-hero .kit-hero-facts{margin-top:36px;padding-top:18px}
.ref-kit-moments{padding-block:77px;background:#fffdf8}
.ref-kit-moments-grid figure{margin:0;overflow:hidden;border-radius:10px;border:1px solid #e3ddcf;background:#f7f2e7}
.ref-kit-moments-grid figcaption{display:flex;align-items:center;gap:13px;padding:15px 18px;color:#24432c;font-family:var(--serif);font-size:20px}
.ref-kit-moments-grid figcaption b{display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;border:1px solid #c6ad80;border-radius:50%;color:#987340;font-family:var(--sans);font-size:10px}
.ref-kit-visual-note{margin:13px 0 0;color:#77766b;font-size:11px}
.reference-inner .kit-components{padding-top:80px}
.reference-inner .component-grid{border:0;gap:10px}
.reference-inner .component-card{border:1px solid #e4dfd2;border-radius:10px;background:#fffefa;box-shadow:0 6px 18px #4144280a}
.reference-inner .card-story{background:#eee9dd}
.reference-inner .kit-gifting{background:linear-gradient(120deg,#e4eadb,#f3eee2)}

.ref-story-hero,.ref-journey-hero{background:linear-gradient(120deg,#fffbf3,#f2eadc);border-bottom:1px solid #e4dccd}
.ref-story-hero-grid,.ref-journey-hero-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(25px,5vw,75px);align-items:center;min-height:570px;padding-block:40px}
.ref-story-hero h1,.ref-journey-hero h1{max-width:660px;margin:0 0 20px;font-size:clamp(53px,5.5vw,82px);line-height:1.04}
.ref-story-hero h1 em,.ref-journey-hero h1 em{color:#315b39}
.ref-story-hero-grid>div>p:not(.eyebrow),.ref-journey-hero-grid>div>p:not(.eyebrow){max-width:510px;font-size:16px;line-height:1.65;color:#4c5c4f}
.ref-story-hero .button,.ref-journey-hero .button{margin-top:15px}
.ref-story-hero figure,.ref-journey-hero figure{position:relative;align-self:stretch;min-height:450px;margin:0;overflow:hidden;border-radius:4px 4px 85px 4px;box-shadow:0 16px 42px #463b271d}
.ref-story-hero img,.ref-journey-hero img{display:block;width:100%;height:100%;object-fit:cover}
.ref-story-hero figcaption,.ref-journey-hero figcaption{position:absolute;bottom:15px;left:15px;max-width:calc(100% - 30px);padding:7px 11px;background:#fffdf0dc;color:#435544;font-size:10px;line-height:1.35;backdrop-filter:blur(5px)}
.ref-story-idea{background:#fffefa}
.ref-story-idea-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(35px,8vw,110px);align-items:center}
.ref-story-idea figure{margin:0;overflow:hidden;border-radius:65px 5px 5px 5px;background:#e5dbc6}
.ref-story-idea img{display:block;width:100%;aspect-ratio:1.1;object-fit:cover}
.ref-story-idea h2{max-width:580px}
.ref-story-idea p:not(.eyebrow){max-width:610px;color:#5d6a5e;font-size:15px}
.ref-story-idea .text-link{margin-top:10px}
.ref-story-journal{background:#f1eee6;scroll-margin-top:30px}
.ref-story-journal-head{display:flex;align-items:end;justify-content:space-between;gap:45px;margin-bottom:31px}
.ref-story-journal-head h2{max-width:700px;margin:0}
.ref-story-journal-head>p{max-width:335px;margin:0;color:#5e6b60;font-size:14px}
.ref-story-prompts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:27px}
.ref-story-prompts article{min-height:212px;padding:25px;border:1px solid #e2dccd;border-radius:10px;background:#fffdfa;box-shadow:0 9px 24px #3c492411}
.ref-story-prompts span{color:#a47744;font-size:10px;font-weight:800;letter-spacing:.12em}
.ref-story-prompts h3{margin:18px 0 12px;font-size:26px}
.ref-story-prompts p{margin:0;color:#657163;font-size:13px}
.ref-story-journal-note{margin:11px 0 0;font-size:11px;color:#748071}
.ref-journey-hero-facts{display:flex;flex-wrap:wrap;gap:18px;margin-top:38px;padding-top:16px;border-top:1px solid #d9d1c1;color:#6b7b6a;font-size:10px;letter-spacing:.12em}
.reference-inner .journey-app-section{padding-block:82px 92px}
.reference-inner .journey-app{overflow:hidden;border:1px solid #e2ddcf;border-radius:13px;box-shadow:0 22px 52px #25482b16}
.reference-inner .journey-start-form{border-radius:10px;background:#f1f2e9}
.reference-inner .journey-dashboard-top{background:radial-gradient(circle at 85% 0%,#57764b5e,transparent 40%),#1e402c}
.reference-inner .journey-milestones{background:#f0eee6}

@media(max-width:950px){.ref-finder-hero-grid,.ref-kit-hero-grid,.ref-story-hero-grid,.ref-journey-hero-grid{grid-template-columns:1fr;gap:26px;padding-block:34px 40px}.ref-finder-hero-copy,.ref-kit-hero-copy{padding-block:0}.ref-finder-hero-image,.ref-kit-hero-image,.ref-story-hero figure,.ref-journey-hero figure{min-height:0;aspect-ratio:1.6;border-radius:8px 8px 65px 8px}.ref-finder-practice-head,.ref-kit-moments-head,.ref-story-journal-head{align-items:start;flex-direction:column;gap:11px}.ref-finder-practice-head>p,.ref-kit-moments-head>p,.ref-story-journal-head>p{max-width:620px}.ref-finder-practice-grid,.ref-kit-moments-grid{gap:9px}.ref-finder-practice-grid article>div{padding:15px}.ref-finder-practice-grid h3{font-size:23px}.ref-story-idea-grid{gap:32px}.ref-story-prompts article{padding:19px}.ref-story-prompts h3{font-size:22px}}
@media(max-width:650px){.ref-finder-hero-grid,.ref-kit-hero-grid{width:min(100% - 32px,1320px);padding-block:40px 24px}.ref-finder-hero h1,.ref-kit-hero h1{font-size:clamp(46px,11vw,62px);margin-bottom:16px}.ref-finder-hero-copy>p:not(.eyebrow),.ref-kit-hero-copy>p:not(.eyebrow){font-size:14px}.ref-finder-hero-image,.ref-kit-hero-image{aspect-ratio:1.25;border-radius:8px 8px 45px 8px}.ref-finder-hero-steps,.ref-kit-hero .kit-hero-facts{gap:8px 14px;margin-top:25px;font-size:9px}.ref-finder-hero-steps b{font-size:9px}.reference-inner .studio-shell{padding-block:60px}.reference-inner .wish-choice{min-height:77px}.reference-inner .studio-result-empty{min-height:410px}.reference-inner .studio-result-empty .ref-empty-visual{width:135px;height:135px;margin-bottom:24px}.reference-inner .studio-result-empty h3{font-size:34px}.ref-finder-practice,.ref-kit-moments{padding-block:57px}.ref-finder-practice-head h2,.ref-kit-moments-head h2{font-size:clamp(37px,9vw,50px)}.ref-finder-practice-grid,.ref-kit-moments-grid{grid-template-columns:1fr;gap:14px}.ref-finder-practice-grid img,.ref-kit-moments-grid img{aspect-ratio:1.5}.ref-finder-practice-grid article>div{padding:17px 19px 21px}.ref-kit-moments-grid figcaption{font-size:19px}.reference-inner .kit-components{padding-top:60px}}
@media(prefers-reduced-motion:reduce){.ref-finder-hero-image img,.ref-kit-hero-image img{animation:none}.ref-finder-practice-grid img,.ref-kit-moments-grid img{transition:none}}
@media(max-width:650px){.ref-story-hero-grid,.ref-journey-hero-grid{width:min(100% - 32px,1320px);padding-block:40px 24px}.ref-story-hero h1,.ref-journey-hero h1{font-size:clamp(46px,11vw,62px)}.ref-story-hero-grid>div>p:not(.eyebrow),.ref-journey-hero-grid>div>p:not(.eyebrow){font-size:14px}.ref-story-hero figure,.ref-journey-hero figure{aspect-ratio:1.25;border-radius:8px 8px 45px 8px}.ref-story-idea-grid{grid-template-columns:1fr}.ref-story-idea figure{border-radius:45px 5px 5px 5px}.ref-story-idea img{aspect-ratio:1.3}.ref-story-prompts{grid-template-columns:1fr;gap:9px}.ref-story-prompts article{min-height:0;padding:20px}.ref-story-prompts h3{margin:11px 0 7px}.ref-story-journal-head h2{font-size:clamp(37px,9vw,50px)}.ref-journey-hero-facts{gap:10px;font-size:9px;margin-top:26px}.reference-inner .journey-app-section{padding-block:61px}}