.timing-section{padding:104px 0 78px;background:#102b23;text-align:left}
.timing-heading{text-align:center;margin-bottom:60px}.timing-heading .eyebrow{color:#e2bc89}.timing-heading h2{font-size:clamp(52px,6.3vw,88px);line-height:1.04;letter-spacing:-.055em;color:#fff7e7;margin:0}.timing-heading h2 span{color:#b6c4b7}.timing-heading>p:last-child{font-size:18px;color:#d0d9cf;line-height:1.6;margin-top:24px}
.timing-layout{display:grid;grid-template-columns:1.12fr 1fr;gap:62px;align-items:center;max-width:1260px}.timing-visual{position:relative;min-height:610px;border-radius:28px;background:radial-gradient(ellipse at 50% 43%,#fffdf7,#eee6d5);color:#243c30;overflow:hidden;box-shadow:inset 0 0 0 1px #fff5}.scene-top{display:flex;justify-content:space-between;gap:14px;padding:27px 26px 0;font-size:9px;letter-spacing:.1em;color:#746c5d}.scene-eyebrow{font-weight:700}.scene-art{height:435px;position:relative;isolation:isolate;perspective:1200px}.scene-pouch{position:absolute;left:50%;top:39px;transform:translateX(-50%) rotate(-5deg);height:348px;width:232px;object-fit:contain;z-index:3;filter:drop-shadow(8px 22px 15px #55402932);transition:transform .8s,opacity .6s}.timing-pair{display:flex;gap:19px;align-items:center;justify-content:center;position:absolute;inset:36px 20px 0;opacity:0;transform:translateY(30px) scale(.86);transition:transform .8s cubic-bezier(.2,.8,.2,1),opacity .5s;z-index:2}.timing-card{width:clamp(130px,12.5vw,182px);aspect-ratio:2/3;perspective:1200px;transform:rotate(-8deg)}.timing-card:nth-child(2){transform:rotate(8deg) translateY(12px)}.timing-card-inner{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .85s cubic-bezier(.2,.8,.2,1)}.timing-card img{position:absolute;inset:0;width:100%;height:100%;border-radius:8px;backface-visibility:hidden;box-shadow:0 18px 25px #33251040;object-fit:cover}.timing-front{transform:rotateY(180deg)}.timing-card:nth-child(2) .timing-card-inner{transition-delay:.14s}.timing-visual[data-open=true] .timing-pair{opacity:1;transform:translateY(0) scale(1)}.timing-visual[data-open=true] .scene-pouch{opacity:0;transform:translateX(-50%) translateY(75px) rotate(-12deg) scale(.85);pointer-events:none}.timing-visual[data-open=true] .timing-card-inner{transform:rotateY(180deg)}
.phone-outline{position:absolute;left:50%;top:26px;transform:translateX(-50%) translateY(12px);width:302px;height:390px;background:#16392e;border:8px solid #28332e;border-radius:38px;box-shadow:0 24px 35px #2d241b32;opacity:0;transition:opacity .4s,transform .6s;color:#ead5ad;text-align:center}.phone-outline>i{display:block;width:60px;height:13px;background:#0e1914;border-radius:10px;margin:10px auto 25px}.phone-outline>span{font-size:9px;letter-spacing:.08em}.phone-outline>b{position:absolute;bottom:24px;left:0;right:0;font-size:12px;font-weight:400;color:#dac9a8}.timing-visual[data-mode=online] .phone-outline{opacity:1;transform:translateX(-50%)}.timing-visual[data-mode=online] .scene-pouch{opacity:0;pointer-events:none}.timing-visual[data-mode=online] .timing-pair{opacity:1;transform:translateY(0);inset:78px 20px 0;gap:11px;align-items:flex-start;padding-top:49px}.timing-visual[data-mode=online] .timing-card{width:108px;transform:rotate(-4deg)}.timing-visual[data-mode=online] .timing-card:nth-child(2){transform:rotate(4deg) translateY(8px)}.timing-visual[data-mode=online] .timing-card img{border-radius:5px;box-shadow:0 10px 15px #0006}
.scene-bottom{position:absolute;bottom:25px;left:24px;right:24px;text-align:center}.scene-play{background:#faf7ed;border:1px solid #b6ad98;border-radius:99px;color:#283a2e;min-height:45px;padding:11px 23px;font-family:var(--sans);font-size:13px;display:inline-flex;align-items:center;gap:26px}.scene-play:hover{background:#fff}.scene-play:focus-visible{outline:3px solid #a64a31;outline-offset:4px}.scene-bottom p{font-size:11px;line-height:1.5;color:#716756;margin:13px auto 0;max-width:360px;min-height:33px}
.timing-tabs{display:flex;gap:7px;border-bottom:1px solid #ffffff21;padding-bottom:22px;margin-bottom:35px}.timing-tabs button{min-height:44px;border:1px solid #9baf9959;border-radius:99px;color:#d4dfd0;background:none;padding:10px 18px;font:500 13px var(--sans)}.timing-tabs button[aria-selected=true]{color:#223f31;background:#f0e7d2;border-color:#f0e7d2}.timing-tabs button:focus-visible{outline:3px solid #e0b577;outline-offset:3px}.timing-kicker{font-size:10px;letter-spacing:.12em;color:#d2b787;margin:0 0 22px}.timing-copy h3{font-size:clamp(34px,3.5vw,47px);line-height:1.1;letter-spacing:-.045em;color:#fbf4e4;margin:0 0 24px;font-family:var(--sans);font-weight:600}.timing-copy>p:not(.timing-kicker){font-size:16px;line-height:1.75;color:#ccd7cb;max-width:440px;min-height:84px}.timing-steps{padding:0;margin:30px 0 32px;list-style:none;color:#e4e6d8}.timing-steps li{font-size:13px;padding:13px 0;display:flex;gap:18px;border-bottom:1px solid #ffffff13}.timing-steps span{font-size:10px;color:#bda982;letter-spacing:.1em}.timing-reserve{font-size:13px;background:#eedfc0;color:#263e2e;border:0;min-height:48px;padding:13px 21px;gap:22px}.timing-reserve:hover{background:#fff2d7}.timing-reserve-note{color:#c4d0c4;font-size:12px;margin:13px 0 0}.timing-common{text-align:center;margin-top:68px}.timing-common .card-facts{margin-bottom:30px}.timing-equal{font-size:22px;line-height:1.5;color:#f0eadb}.timing-common .card-fine{margin-top:18px;font-size:12px;max-width:760px}
.reveal-preference{margin:22px 0 20px;padding:19px 0;border-top:1px solid #deddd4;border-bottom:1px solid #deddd4}.reveal-preference label{font-size:14px;font-weight:600;display:block;margin-bottom:10px;color:#243b2f}.reveal-preference label span{font-weight:400;color:#69736a;font-size:12px}.reveal-preference select{appearance:auto;width:100%;max-width:100%;padding:13px 10px;border:1px solid #b9c2b5;border-radius:7px;background:#fffef9;color:#253b2e;font:16px var(--sans);min-height:46px}.reveal-preference p{font-size:12px!important;line-height:1.6!important;color:#667065!important;margin:10px 0 0!important}.done-timing{font-size:14px;line-height:1.6;background:#eef3e8;padding:14px;border-radius:10px;color:#27452f}.done-timing:empty{display:none}
.sample-fold{background:#eee9dd;border-top:1px solid #d5d3c6}.sample-fold>summary{padding:36px max(24px,calc((100vw - 1140px)/2));display:flex;justify-content:space-between;gap:20px;align-items:center;font-family:var(--sans);font-size:16px;color:#344b3e;cursor:pointer;list-style:none}.sample-fold>summary::-webkit-details-marker{display:none}.sample-fold>summary:after{display:none}.sample-fold>summary b{font-size:14px;font-weight:500;display:flex;gap:22px}.sample-fold[open]>summary{background:#e4dfd0}.sample-fold>.sample-fold-body>.pack-sec{margin:0}.sample-fold .pack-sec h2{font-family:var(--sans)}
@media(max-width:1050px){.timing-layout{gap:32px;grid-template-columns:1fr 1fr}.timing-visual{min-height:600px}.timing-tabs{flex-direction:column;align-items:flex-start;gap:9px}.timing-copy>p:not(.timing-kicker){font-size:15px}.timing-card{width:138px}.timing-pair{gap:11px}.timing-reserve{font-size:12px;padding:13px 15px;gap:12px}.phone-outline{width:272px}}
@media(max-width:700px){.timing-section{padding:70px 0 58px}.timing-heading{margin-bottom:32px}.timing-heading h2{font-size:46px;line-height:1.08}.timing-heading>p:last-child{font-size:15px;margin-top:22px}.timing-layout{display:flex;flex-direction:column;gap:26px}.timing-story{display:contents}.timing-tabs{order:0;flex-direction:row;align-items:center;margin:0;width:100%;border:0;padding:0;gap:7px}.timing-tabs button{padding:11px 13px;font-size:12px;flex:1;min-height:46px}.timing-visual{order:1;width:100%;min-height:510px;border-radius:22px}.timing-copy{order:2;width:100%;padding-top:7px}.timing-reserve{order:3;width:100%;justify-content:space-between;font-size:14px;margin-top:0}.timing-reserve-note{order:4;text-align:center;margin:-14px 0 0}.scene-art{height:362px}.scene-top{font-size:8px;padding:21px 20px 0;gap:8px}.scene-pouch{height:290px;width:193px;top:24px}.timing-pair{inset:35px 16px 0;gap:13px;align-items:center}.timing-card{width:min(34vw,144px)}.phone-outline{top:19px;width:252px;height:332px;border-width:7px;border-radius:30px}.phone-outline>i{margin:9px auto 15px;width:53px;height:11px}.phone-outline>span{font-size:8px}.phone-outline>b{font-size:11px;bottom:19px}.timing-visual[data-mode=online] .timing-pair{inset:70px 12px 0;padding-top:37px;gap:9px}.timing-visual[data-mode=online] .timing-card{width:91px}.scene-bottom{left:17px;right:17px;bottom:21px}.scene-bottom p{font-size:11px;min-height:33px;max-width:275px}.scene-play{min-height:44px;font-size:12px;gap:20px}.timing-kicker{font-size:9px;margin-bottom:17px}.timing-copy h3{font-size:38px;margin-bottom:20px}.timing-copy>p:not(.timing-kicker){font-size:15px;min-height:0;margin:0}.timing-steps{margin:23px 0 0}.timing-steps li{font-size:13px;padding:14px 0}.timing-common{margin-top:55px}.timing-equal{font-size:18px}.timing-common .card-fine{font-size:12px;line-height:1.7}.sample-fold>summary{align-items:flex-start;flex-direction:column;gap:12px;padding:28px 24px;font-size:15px}.sample-fold>summary b{font-size:14px}.nav-reserve{min-height:44px}}
@media(max-width:360px){.timing-heading h2{font-size:39px}.timing-tabs button{font-size:11px;padding:9px}.timing-copy h3{font-size:33px}.phone-outline{width:236px}.scene-top{font-size:7px;padding-left:17px;padding-right:17px}.timing-card{width:106px}}
.sample-fold .pk-result>p{color:#d3dfd1}
@media(prefers-reduced-motion:reduce){.timing-card-inner,.timing-pair,.scene-pouch,.phone-outline{transition:none!important}}