.approved-experience{--forest:#102f24;--gold:#f0cc86;--ease:cubic-bezier(.22,1,.36,1)}
body:has(.approved-experience){background:#eceeea;color:#22312b;-webkit-font-smoothing:antialiased}
.approved-experience .order-hero{position:relative;min-height:100svh;overflow:hidden;background:#233b2b;color:#f9f8f2}
.approved-experience .order-hero-photo,.approved-experience .order-hero-shade{position:absolute;inset:0}
.approved-experience .order-hero-photo{background:url('/assets/experience/hands.webp') center 52%/cover no-repeat;animation:order-photo-in 1.4s var(--ease) both}
.approved-experience .order-hero-shade{background:linear-gradient(90deg,rgba(8,29,20,.87),rgba(8,29,20,.7) 37%,rgba(8,29,20,.11) 82%),linear-gradient(0deg,rgba(8,29,20,.65),transparent 44%)}
@keyframes order-photo-in{from{transform:scale(1.035)}to{transform:scale(1)}}
.approved-experience .order-header{position:absolute;z-index:3;top:43px;left:max(52px,calc((100vw - 1536px)/2));width:auto;height:55px;gap:16px;padding:5px 16px;border:1px solid rgba(245,255,243,.4);border-radius:999px;background:linear-gradient(125deg,rgba(249,255,247,.17),rgba(133,169,140,.12)),rgba(211,227,211,.86);box-shadow:0 9px 26px rgba(6,26,18,.22),inset 0 1px rgba(255,255,255,.33);backdrop-filter:blur(18px) saturate(1.15);-webkit-backdrop-filter:blur(18px) saturate(1.15);color:var(--forest)}
.approved-experience .order-header img{width:160px}
.approved-experience .order-header>span{display:none}
.approved-experience .order-hero-content{position:relative;z-index:2;width:min(100% - 104px,1536px);margin:auto;padding:clamp(190px,26vh,260px) 0 160px}
.approved-experience .order-hero-content .back-link{display:flex;align-items:center;width:max-content;min-height:36px;margin:0 0 46px;color:#eef2e9;font-size:14px;text-decoration:underline;text-decoration-color:#d6c693;text-underline-offset:6px}
.approved-experience .order-hero-content .eyebrow{display:inline-flex;align-items:center;gap:12px;margin:0;padding:9px 14px;background:rgba(218,231,215,.77);border:1px solid rgba(247,255,245,.22);border-radius:999px;color:#18402a;font-size:12px;letter-spacing:.015em;text-transform:none;backdrop-filter:blur(16px)}
.approved-experience .order-hero-content .eyebrow:before{content:'';width:7px;height:7px;flex:none;border-radius:50%;background:#d9bd79}
.approved-experience .order-hero-content h1{max-width:1000px;font-size:clamp(61px,6.6vw,110px);line-height:.99;letter-spacing:-.055em;margin:28px 0 34px;color:#fcfbf5;font-weight:780}
.approved-experience .order-hero-content h1 em{color:var(--gold);font-style:normal}
.approved-experience .order-hero-content>p:not(.eyebrow){max-width:630px;font-size:clamp(17px,1.4vw,22px);line-height:1.47;color:#f2f4ec}
.approved-experience .hero-next{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;min-height:55px;margin-top:38px;padding:13px 20px;background:#24392d;border:1px solid rgba(227,239,225,.35);border-radius:999px;box-shadow:0 11px 25px rgba(5,27,14,.2);font-size:14px;font-weight:800;color:#fff;transition:transform .2s var(--ease),background .2s}
.approved-experience .hero-next:hover{transform:translateY(-3px);background:#304a39}
.approved-experience .hero-next span{font-size:22px;font-weight:400;line-height:1}
.approved-experience .hero-choice{position:absolute;z-index:2;right:max(52px,calc((100vw - 1536px)/2));bottom:56px;display:grid;gap:4px;min-width:240px;padding:18px 22px;border:1px solid rgba(244,249,239,.28);border-radius:20px;background:rgba(24,30,27,.56);box-shadow:0 14px 40px rgba(7,27,17,.23);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.approved-experience .hero-choice span{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#d5e1d2}
.approved-experience .hero-choice strong{font-size:20px;letter-spacing:-.035em}
.approved-experience .hero-choice b{font-size:22px;color:var(--gold)}
.approved-experience .hero-concept{position:absolute;z-index:2;left:max(52px,calc((100vw - 1536px)/2));bottom:35px;font-size:11px;color:#e2e9de}
.approved-experience .order-layout{position:relative;width:100%;max-width:none;margin:0;padding:92px max(52px,calc((100vw - 1320px)/2)) 125px;background:linear-gradient(135deg,#f0f1ee,#e8eae7 74%)}
.approved-experience .order-intro{max-width:1050px}
.approved-experience .order-intro .eyebrow{font-size:12px;color:#6a746c}
.approved-experience .order-intro h2{font-size:clamp(50px,5.2vw,78px);line-height:1.03;letter-spacing:-.052em;margin:22px 0 18px}
.approved-experience .order-intro h2 em{font-style:normal;color:#5d6f63}
.approved-experience .order-intro>p:last-child{max-width:600px;font-size:18px;color:#516158}
.approved-experience .order-grid{grid-template-columns:minmax(0,1fr) 430px;gap:65px;margin-top:56px}
.approved-experience .choice-panel h2{font-size:25px;margin-bottom:16px}
.approved-experience .package-options{grid-template-columns:1fr;gap:0}
.approved-experience .package-options button{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;column-gap:14px;min-height:89px;padding:16px 20px;border:0;border-bottom:1px solid #c7ccc7;border-radius:0;background:transparent;box-shadow:none}
.approved-experience .package-options button:hover{transform:none;background:rgba(255,255,255,.5);box-shadow:none}
.approved-experience .package-options button[aria-pressed=true]{border:1px solid #cba65e;border-radius:18px;background:#fcfcfa;box-shadow:0 14px 28px rgba(30,38,32,.1);margin:4px 0}
.approved-experience .package-options span{font-size:12px}
.approved-experience .package-options strong{font-size:21px;margin:0}
.approved-experience .package-options small{font-size:13px;white-space:nowrap}
.approved-experience .package-options button[aria-pressed=true]:after{top:12px;right:12px;width:21px;height:21px;background:#c8a25e;color:#253128}
.approved-experience .delivery-options button{border-radius:23px;background:#fcfcfa;border-color:#d4d7d1;min-height:135px}
.approved-experience .delivery-options button[aria-pressed=true]{background:#fcfcfa;color:#22312b;border-color:#c8a25e;box-shadow:0 17px 35px rgba(30,38,32,.12)}
.approved-experience .delivery-options button[aria-pressed=true] small{color:#5a665e}
.approved-experience .delivery-options button[aria-pressed=true]:after{background:#c8a25e;color:#253128}
.approved-experience .album-pages{background:#fbfcfa;border:1px solid #d6d9d3;border-left:4px solid #c8a25e;box-shadow:0 10px 25px rgba(30,38,32,.05)}
.approved-experience .album-pages select{border-color:#c8cdc6}
.approved-experience .order-summary{top:25px;border-radius:26px;padding:18px;background:#fcfcfa;box-shadow:0 26px 55px rgba(30,38,32,.11)}
.approved-experience .summary-image{height:260px;margin-bottom:28px}
.approved-experience .order-summary h2{font-size:37px}
.approved-experience .summary-total strong{color:#24342c;font-size:32px}
.approved-experience .summary-action{background:#25352c}
.approved-experience .summary-action:hover{background:#37493d}
.approved-experience .mobile-summary{display:none}
@media(max-width:900px){
  .approved-experience .order-hero-content{width:calc(100% - 40px)}
  .approved-experience .order-hero-content h1{max-width:760px}
  .approved-experience .order-header{left:20px;top:20px}
  .approved-experience .hero-choice{right:20px}
  .approved-experience .hero-concept{left:20px}
  .approved-experience .order-layout{padding-inline:20px}
  .approved-experience .order-grid{grid-template-columns:1fr}
  .approved-experience .order-summary{position:static;max-width:700px}
}
@media(max-width:600px){
  .approved-experience .order-hero{min-height:100svh}
  .approved-experience .order-hero-photo{background-position:53% center}
  .approved-experience .order-hero-shade{background:linear-gradient(0deg,rgba(8,29,20,.96),rgba(8,29,20,.72) 54%,rgba(8,29,20,.1) 90%)}
  .approved-experience .order-header{top:16px;left:20px;height:51px;padding:5px 13px}
  .approved-experience .order-header img{width:145px}
  .approved-experience .order-header>span{display:none}
  .approved-experience .order-hero-content{position:absolute;left:20px;right:20px;bottom:142px;width:auto;margin:0;padding:0}
  .approved-experience .order-hero-content .back-link{margin-bottom:29px;font-size:12px}
  .approved-experience .order-hero-content .eyebrow{font-size:10px;padding:8px 11px}
  .approved-experience .order-hero-content h1{font-size:clamp(45px,10.8vw,67px);line-height:1.02;margin:18px 0 19px}
  .approved-experience .order-hero-content>p:not(.eyebrow){font-size:15px;line-height:1.45;max-width:390px}
  .approved-experience .hero-next{margin-top:22px;min-height:48px;padding:11px 16px;font-size:12px}
  .approved-experience .hero-choice{left:20px;right:20px;bottom:19px;min-width:0;display:grid;grid-template-columns:1fr auto;gap:4px 15px;padding:13px 16px;border-radius:17px}
  .approved-experience .hero-choice span{grid-column:1/-1;font-size:9px}
  .approved-experience .hero-choice strong{font-size:15px;align-self:center}
  .approved-experience .hero-choice b{font-size:17px;align-self:center}
  .approved-experience .hero-concept{display:none}
  .approved-experience .order-layout{padding:82px 20px 125px}
  .approved-experience .order-intro h2{font-size:clamp(46px,10.5vw,62px)}
  .approved-experience .order-intro>p:last-child{font-size:15px}
  .approved-experience .order-grid{margin-top:45px;gap:38px}
  .approved-experience .package-options button{grid-template-columns:32px 1fr;gap:3px 10px;min-height:88px;padding:14px 16px}
  .approved-experience .package-options button strong{font-size:17px;padding-right:20px}
  .approved-experience .package-options button small{grid-column:2;font-size:12px}
  .approved-experience .delivery-options button{min-height:100px}
  .approved-experience .order-summary{max-width:none}
  .approved-experience .past-hero .mobile-summary{display:flex}
  .approved-experience .mobile-summary{background:#25352c}
}
@media(max-width:350px){
  .approved-experience .order-hero-content h1{font-size:43px}
  .approved-experience .order-hero-content>p:not(.eyebrow){font-size:14px}
  .approved-experience .hero-choice strong{font-size:14px}
  .approved-experience .hero-choice b{font-size:15px}
}
@media(max-height:680px) and (max-width:600px){
  .approved-experience .order-hero-content{bottom:112px}
  .approved-experience .order-hero-content .back-link{margin-bottom:15px}
  .approved-experience .order-hero-content h1{font-size:43px;margin:13px 0}
  .approved-experience .hero-next{margin-top:12px}
  .approved-experience .hero-choice{bottom:10px}
}
@media(prefers-reduced-motion:reduce){.approved-experience .order-hero-photo{animation:none}.approved-experience .hero-next{transition:none}}