main.od-page{--od-accent:var(--od-brand,var(--deepwater));--od-accent-alt:var(--od-brand-alt,var(--lagoon))}.od-white{background:var(--white)}.od-tint{background:var(--paper-2)}.od-lagoon{background:color-mix(in srgb, var(--lagoon) 22%, var(--white))}.od-dark{background:linear-gradient(160deg, #16344a, var(--deepwater));color:var(--sailcloth)}.od-dark .section-title{color:#fff}.od-hero{color:#fff;background:radial-gradient(55% 75% at 82% 45%, color-mix(in srgb, var(--od-accent-alt) 40%, transparent), transparent 70%), linear-gradient(100deg, color-mix(in srgb, var(--od-accent) 55%, #0b1a24) 0%, color-mix(in srgb, var(--od-accent) 85%, #0b1a24) 100%);padding-block:clamp(3.5rem,8vw,7rem) clamp(3.5rem,7vw,6rem);position:relative;overflow:hidden}.od-hero-grid{align-items:center;gap:clamp(2.2rem,5vw,4rem);display:grid;position:relative}@media (min-width:960px){.od-hero-grid{grid-template-columns:1fr 1.05fr}}.od-hero-title{color:#fff;margin-top:1.1rem;font-size:clamp(2.6rem,1.2rem + 4.8vw,4.8rem);line-height:1.02}.od-hero-lead{color:#ffffffdb;max-width:34rem;margin-top:1.3rem;font-size:clamp(1.05rem,1rem + .45vw,1.25rem);line-height:1.55}.od-cta-row{flex-wrap:wrap;gap:.8rem;margin-top:2rem;display:flex}.od-hero-uses{color:#ffffffb8;margin-top:1.2rem;font-size:.92rem}.od-wall{justify-self:center;width:100%;max-width:560px;margin:0}.od-wall-grid{grid-template-columns:repeat(3,1fr);gap:clamp(.6rem,1.5vw,.9rem);margin:0;padding:0;list-style:none;display:grid}.od-tile{transition:transform .4s var(--ease), box-shadow .4s var(--ease);background:#fff;border-radius:16px;justify-items:center;gap:.45rem;padding:.45rem .45rem .6rem;display:grid;position:relative;box-shadow:0 24px 40px -28px #000000b3}.od-tile.is-on{box-shadow:0 0 0 3px var(--od-accent-alt), 0 30px 50px -28px #000c;transform:translateY(-6px)}.od-tile-label{color:var(--deepwater);font-size:.78rem;font-weight:700}.od-chip{white-space:nowrap;background:var(--kelp);color:#fff;animation:odPop .35s var(--ease) both;border-radius:999px;padding:.25rem .65rem;font-size:.72rem;font-weight:800;position:absolute;top:-12px;left:50%;transform:translate(-50%);box-shadow:0 6px 14px -6px #00000080}.od-wall-cap{text-align:center;color:#ffffffbf;margin-top:1rem;font-size:.88rem}@keyframes odPop{0%{opacity:0;transform:translate(-50%,6px)scale(.8)}to{opacity:1;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.od-tile,.od-chip{transition:none;animation:none}}.od-why{align-items:center;gap:clamp(2.2rem,5vw,4.5rem);display:grid}@media (min-width:900px){.od-why{grid-template-columns:1.1fr .9fr}}.od-why-title{color:var(--deepwater);margin-top:1.1rem;font-size:clamp(2.3rem,1.3rem + 3.6vw,4rem);line-height:1.04}.od-why-lead{color:var(--basalt);max-width:34rem;margin-top:1.4rem;font-size:clamp(1.08rem,1rem + .4vw,1.25rem);line-height:1.6}.od-quote{border:1px solid var(--line);background:#fffdf6;border-radius:6px;margin:0;padding:1.6rem 1.6rem 4.2rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;position:relative;transform:rotate(1.2deg);box-shadow:0 30px 60px -36px #214c668c}.od-quote:before{content:"";background:radial-gradient(circle at 6px -2px,#0000 6px,#fffdf6 6.5px) 0 0/12px 8px repeat-x;height:8px;position:absolute;top:-7px;left:0;right:0}.od-quote-label{letter-spacing:.14em;text-transform:uppercase;color:var(--slate);border-bottom:2px dashed var(--line);padding-bottom:.8rem;font-size:.72rem;font-weight:700}.od-quote ul{margin:0;padding:0;list-style:none}.od-quote li{border-bottom:1px dashed var(--line);color:var(--basalt-soft);justify-content:space-between;gap:1rem;padding:.75rem 0;font-size:.92rem;display:flex;position:relative}.od-quote li span:last-child{text-align:right;color:var(--basalt)}.od-quote li:after{content:"";opacity:.85;background:#c8342b;height:2px;position:absolute;top:50%;left:-4px;right:-4px;transform:rotate(-.6deg)}.od-quote-stamp{background:var(--kelp);color:#fff;font-family:var(--font);border-radius:10px;padding:.7rem 1.1rem;font-size:clamp(1.15rem,1rem + .8vw,1.5rem);font-weight:300;position:absolute;bottom:-1.2rem;right:-.4rem;transform:rotate(-4deg);box-shadow:0 16px 30px -14px #198255b3}.od-quote-stamp strong{font-weight:800}.od-feature{background:#f5f3f3;display:grid}@media (min-width:900px){.od-feature{grid-template-columns:1fr 1fr;align-items:center}}.od-feature-media .od-photo{background:#f5f3f3;border-radius:0}.od-feature-copy{padding:clamp(2.5rem, 6vw, 5.5rem) var(--gutter);max-width:40rem}@media (min-width:900px){.od-feature-copy{padding-left:clamp(2.5rem,5vw,5rem)}}.od-feature-copy .section-title{margin-top:1.1rem}.od-feature-body{color:var(--basalt);margin-top:1.3rem;font-size:1.12rem;line-height:1.6}.od-ticks{gap:.7rem;margin:1.6rem 0 0;padding:0;list-style:none;display:grid}.od-ticks li{color:var(--deepwater);padding-left:1.8rem;font-weight:600;position:relative}.od-ticks li:before{content:"✓";color:var(--kelp);font-weight:800;position:absolute;left:0}.od-timeline{gap:1.8rem;margin:clamp(2.2rem,4vw,3rem) 0 0;padding:0;list-style:none;display:grid;position:relative}.od-timeline li{padding-left:3.6rem;position:relative}.od-timeline-dot{z-index:1;background:var(--deepwater);color:#fff;width:2.6rem;height:2.6rem;box-shadow:0 0 0 6px color-mix(in srgb, var(--lagoon) 22%, var(--white));border-radius:50%;place-items:center;font-weight:800;display:grid;position:absolute;top:-.2rem;left:0}.od-timeline:before{content:"";background:color-mix(in srgb, var(--deepwater) 30%, transparent);width:2px;position:absolute;top:.5rem;bottom:.5rem;left:1.3rem}.od-timeline h3{color:var(--deepwater);font-size:1.2rem}.od-timeline p{color:var(--basalt-soft);max-width:22rem;margin-top:.45rem;line-height:1.55}@media (min-width:900px){.od-timeline{grid-template-columns:repeat(4,1fr);gap:2rem}.od-timeline:before{width:auto;height:2px;inset:1.1rem 1.3rem auto}.od-timeline li{padding-top:3.6rem;padding-left:0}.od-timeline-dot{top:0}}.od-shop{gap:clamp(.8rem,2vw,1.4rem);margin:clamp(2rem,4vw,2.8rem) 0 0;padding:0;list-style:none;display:grid}@media (min-width:640px){.od-shop{grid-template-columns:repeat(2,1fr)}}@media (min-width:1000px){.od-shop{grid-template-columns:repeat(3,1fr)}}.od-shop li{position:relative}.od-shop .od-photo{border-radius:var(--radius)}.od-shop .od-photo-img{transition:transform .6s var(--ease)}.od-shop li:hover .od-photo-img{transform:scale(1.04)}.od-shop-cap{border-top:0;padding:1rem .2rem 0}.od-shop-cap h3{color:var(--deepwater);font-size:1.3rem}.od-shop-cap p{color:var(--basalt-soft);margin-top:.35rem;line-height:1.5}.od-uses{border-top:2px solid var(--deepwater);margin:clamp(2rem,4vw,2.8rem) 0 0;padding:0;list-style:none}.od-uses li{border-bottom:1px solid var(--line);align-items:baseline;gap:.4rem 2rem;padding:clamp(1.4rem,3vw,2.2rem) 0;display:grid}@media (min-width:820px){.od-uses li{grid-template-columns:3.5rem minmax(0,1fr) minmax(0,1.2fr)}}.od-uses-n{letter-spacing:.12em;color:var(--od-accent);font-size:.85rem;font-weight:800}.od-uses h3{color:var(--deepwater);font-size:clamp(1.7rem,1.2rem + 1.8vw,2.6rem);font-weight:300;line-height:1.1}.od-uses p{color:var(--basalt-soft);font-size:1.05rem;line-height:1.6}.od-control{align-items:center;gap:clamp(2.2rem,5vw,4rem);display:grid}@media (min-width:960px){.od-control{grid-template-columns:1.05fr .95fr}}.od-control .section-title{margin-top:1.1rem}.od-control-lead{color:#ffffffd1;margin-top:1.3rem;font-size:1.1rem;line-height:1.6}.od-control-list{gap:.9rem;margin:1.8rem 0 0;padding:0;list-style:none;display:grid}.od-control-list li{color:#ffffffbf;grid-template-columns:26px 1fr;align-items:start;gap:.8rem;line-height:1.5;display:grid}.od-control-list strong{color:#fff}.od-control-icon{width:24px;height:24px;color:var(--lagoon)}.od-approve{background:var(--white);color:var(--basalt);border-radius:18px;justify-self:center;width:100%;max-width:440px;margin:0;padding:1.4rem;box-shadow:0 40px 80px -30px #0009}.od-approve-head{color:var(--deepwater);justify-content:space-between;align-items:center;font-weight:800;display:flex}.od-approve-pill{color:#8a5a00;background:#fdf1dc;border-radius:999px;padding:.25rem .65rem;font-size:.74rem;font-weight:700}.od-approve-item{grid-template-columns:96px 1fr;align-items:center;gap:1rem;margin-top:1.1rem;display:grid}.od-approve-gift{color:var(--deepwater);font-weight:800}.od-approve-meta{color:var(--slate);margin-top:.3rem;font-size:.86rem;line-height:1.45}.od-approve-note{color:var(--basalt);margin-top:.4rem;font-size:.86rem;font-style:italic}.od-approve-budget{border-top:1px solid var(--line);margin-top:1.2rem;padding-top:1rem}.od-approve-budget p{color:var(--slate);justify-content:space-between;font-size:.82rem;display:flex}.od-approve-bar{background:var(--paper-2);border-radius:99px;height:8px;margin-top:.5rem;display:block;overflow:hidden}.od-approve-bar span{border-radius:inherit;background:linear-gradient(90deg, var(--kelp), var(--lagoon));height:100%;display:block}.od-approve-actions{grid-template-columns:1fr 1fr;gap:.6rem;margin-top:1.2rem;display:grid}.od-approve-btn{border:1px solid var(--line);text-align:center;color:var(--deepwater);border-radius:10px;padding:.7rem;font-weight:700}.od-approve-btn--yes{background:var(--kelp);border-color:var(--kelp);color:#fff}
