/* Home-only visual journey. Native, keyboard-operable UI inspired by
   21st's interactive tabs, connecting beams and scroll storytelling. */
body .section .rail{display:block}body .section .rail-label{margin-bottom:28px;padding:0}body .section .rail-body{display:block;max-width:none}body .section .rail-body>h2{max-width:21ch;font-size:clamp(40px,5.2vw,74px);line-height:1.04;letter-spacing:-.045em}body .section{padding-block:110px}body .section .rail{border:0;padding-top:0}body .section .rail-body>.body{max-width:780px}body .section .rail-body>.body p{font-size:18px;line-height:1.7}
body .hero-proof .mini-board{max-width:850px;display:grid;grid-template-columns:1.15fr 1fr;gap:10px 35px;padding:25px 32px;border-radius:4px;background:#edf1e8}body .hero-proof .mb-head{grid-column:1/-1;margin:0;padding-bottom:15px}body .hero-proof .q{font-family:var(--font-serif);font-size:25px;line-height:1.15;margin:10px 0}body .hero-proof .mini-board ul{display:block;border:0}body .hero-proof .mini-board ul li{display:flex;justify-content:space-between;padding:5px 0}body .hero-proof .note{grid-column:1/-1;margin:0;font-size:12px}body .hero-proof .mini-board .state{font-size:12px}body .hero-proof{margin-top:35px}body .studio-showcase{margin-top:45px}body .hero.centered-check{background:radial-gradient(ellipse at 50% 85%,#55765e85,transparent 65%),linear-gradient(#09221f 48%,#173a30 100%)}
body .audience-section{background:#f1f0e8}body .audience-section .rail-body>h2{max-width:21ch}body .audience-section .starts{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:55px}body .audience-section .starts li{padding:22px 0;border-top:1px solid #aab8aa}body .audience-section .starts h3{font-size:23px;max-width:21ch;margin-bottom:13px}body .audience-section .starts p{font-size:16px}body .audience-section .measure{max-width:780px}body .audience-section .area-line{font-size:14px;max-width:740px}
.discovery{margin:55px 0 0;display:grid;grid-template-columns:1.7fr 1fr;border:1px solid #c6cfc3;background:#e5e9de;overflow:hidden}.discovery-screen{padding:25px 32px 18px;min-width:0;background:radial-gradient(ellipse at 65% 60%,#fafaf5,#d9e1d3)}.discovery-bar{display:flex;justify-content:space-between;gap:25px;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#526450}.discovery-bar span:last-child{opacity:.7}.discovery-scene{height:380px;position:relative;perspective:1000px}.discovery-search{position:absolute;top:35px;left:5%;width:85%;padding:16px 20px;display:flex;gap:20px;align-items:center;background:#fbfaf7;border:1px solid #bdcbb8;border-radius:40px;box-shadow:0 15px 35px #163d2512;z-index:3;transition:transform .6s,opacity .6s}.discovery-search span:first-child{font-size:28px;line-height:1}.discovery-search span:last-child{margin-left:auto}.discovery-site{position:absolute;top:120px;left:4%;width:90%;border:6px solid #fcfcf6;border-radius:5px;box-shadow:0 30px 45px #133c2828;transform:rotate(-4deg);transition:transform .7s,top .7s}.discovery-focus{position:absolute;inset:25% 25% 23% 4%;border:1px solid #edf5d2;opacity:0;transition:opacity .5s}.discovery-contact{position:absolute;bottom:25px;right:0;display:flex;gap:18px;align-items:center;padding:20px 30px;background:#123c31;color:#fff;border:1px solid #718e75;box-shadow:0 15px 40px #15372830;transform:translateY(25px);opacity:0;transition:transform .6s,opacity .6s}.discovery-contact>span{font-size:38px}.discovery-contact small{display:block;font-size:11px;color:#b7cdbb}.discovery-contact strong{font-size:25px;font-weight:400}.discovery-scene[data-scene="1"] .discovery-search,.discovery-scene[data-scene="2"] .discovery-search{opacity:.35;transform:translateY(-10px) scale(.9)}.discovery-scene[data-scene="1"] .discovery-site,.discovery-scene[data-scene="2"] .discovery-site{transform:rotate(0deg) scale(1.04);top:110px}.discovery-scene[data-scene="1"] .discovery-focus{opacity:1}.discovery-scene[data-scene="2"] .discovery-contact{opacity:1;transform:translateY(0)}.discovery-caption{font-size:10px;color:#586956;margin:0}.discovery-controls{padding:36px;background:#fbfaf7;display:flex;flex-direction:column;justify-content:space-between}.discovery-controls [role=tablist]{display:grid;gap:0}.discovery-controls button{background:none;border:0;border-bottom:1px solid #d6dbcf;text-align:left;padding:17px 0;display:flex;align-items:center;gap:16px;font-size:20px;cursor:pointer}.discovery-controls button>span{font-size:11px;color:#63765c}.discovery-controls button>b{margin-left:auto;font-weight:400;opacity:0}.discovery-controls button[aria-selected=true]{border-bottom-color:#1e4b36;color:#1e4b36}.discovery-controls button[aria-selected=true]>b{opacity:1}.journey-panel{padding-top:28px}.journey-panel h3{font-family:var(--font-serif);font-size:31px;font-weight:400;line-height:1.05;margin:15px 0}.journey-panel>p:last-child{font-size:15px;color:#526450}
body .need-section{background:#fbfaf7}.signal-art{display:grid;grid-template-columns:1fr .45fr 1fr;align-items:center;background:#0e2c25;color:#edf1e6;padding:55px;margin:45px 0 30px;min-height:330px;overflow:hidden}.signal-source>span,.signal-dest>span{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#aac6b2}.signal-source strong{display:block;font-family:var(--font-serif);font-size:clamp(30px,3.7vw,54px);line-height:1.1;font-weight:400;margin:25px 0}.signal-tags{display:flex;gap:7px;flex-wrap:wrap}.signal-tags span{font-size:11px;padding:6px 10px;border:1px solid #66816b;border-radius:25px}.signal-dest p{padding:18px 0;border-bottom:1px solid #4b6755;font-size:22px;margin:0;display:flex;justify-content:space-between}.signal-dest b{font-weight:400;color:#a1c6a0}.signal-path{display:grid;gap:37px;padding-right:30px}.signal-path i{height:1px;background:linear-gradient(90deg,#476751,#d3e2b9,#476751);position:relative}.signal-path i:after{content:'';width:5px;height:5px;border-radius:50%;background:#d8eac6;position:absolute;top:-2px;animation:signal-travel 4s ease-in-out infinite}.signal-path i:nth-child(2):after{animation-delay:1s}.signal-path i:nth-child(3):after{animation-delay:2s}@keyframes signal-travel{0%{left:0;opacity:0}30%,70%{opacity:1}100%{left:100%;opacity:0}}
body .system-section{background:#d9e6dc}body .system-section .phases{display:grid;grid-template-columns:1fr 1fr;gap:45px;padding:0;border:0;margin-top:45px}body .system-section .phase{border:0!important;padding:0!important}body .system-section .phase>p{font-size:17px}body .system-section .phase h3{font-size:32px}.phase-visual{height:310px;position:relative;overflow:hidden;margin-bottom:35px;background:#b5ccb9}.visual-label{position:absolute;top:20px;left:23px;text-transform:uppercase;letter-spacing:.1em;font-size:10px;z-index:2}.build-visual img{position:absolute;width:88%;max-width:none;top:75px;left:9%;transform:rotate(-6deg);border:5px solid #f5f5e9;box-shadow:0 20px 30px #17492d35}.build-stamp{position:absolute;bottom:20px;right:20px;padding:10px 14px;background:#f1f3e8;font-family:var(--font-serif);font-size:23px;transform:rotate(3deg)}.habit-visual{background:#143e32;color:#eaf1df}.habit-orbit{position:absolute;inset:52px 20% 30px;border:1px solid #5e7e63;border-radius:50%;display:grid;place-items:center;transform:rotate(-15deg)}.habit-orbit strong{font-family:var(--font-serif);font-size:37px;font-weight:400;text-align:center;line-height:1;transform:rotate(15deg)}.habit-orbit>span{position:absolute;background:#d5e4cb;color:#163b2b;padding:8px 19px;font-size:12px;transform:rotate(15deg);border-radius:20px}.habit-orbit>span:nth-child(1){top:-10px;left:20%}.habit-orbit>span:nth-child(2){right:-35px;top:45%}.habit-orbit>span:nth-child(3){bottom:5px;left:-20px}.habit-bottom{position:absolute;bottom:16px;right:20px;font-size:11px;color:#b1c7ae}body .system-section .terms{margin-top:40px}
body .monthly-section{background:radial-gradient(ellipse at 80% 75%,#254d3b,#0a2420 65%)}body .monthly-section .rail-body>h2{max-width:21ch}body .monthly-section .rail-body>.body{display:grid;grid-template-columns:1fr 1fr;gap:40px;max-width:none}body .monthly-section .rail-body>.body p{font-size:16px;color:#c4d0c7}body .monthly-section .cycle-wrap{grid-template-columns:1fr 1.15fr;gap:70px}body .monthly-section .cyc-panel{padding:34px;min-height:450px;box-shadow:0 35px 80px #0003;border-radius:4px;transform:rotate(1deg)}body .monthly-section .cyc-panel .cyc-note{display:none}body .monthly-section .cyc-panel:has([data-part=score][data-active]) .cyc-note{display:block}body .monthly-section .cyc-panel:has([data-part=score][data-active]) .cyc-panel-head>span:last-child{font-size:0}body .monthly-section .cyc-panel:has([data-part=score][data-active]) .cyc-panel-head>span:last-child:after{content:'Real result';font-size:12px}.time-art{display:flex;align-items:center;gap:25px;margin:20px 0 30px}.time-art>strong{font-size:100px;line-height:1;font-weight:400;letter-spacing:-.07em}.time-art strong span{font-size:23px;letter-spacing:-.04em}.time-art>span{font-size:13px;line-height:1.4}.editor-art{padding:23px;background:#e7ecdf;margin-top:20px;transform:rotate(-2deg)}.editor-art>span{font-size:11px}.editor-art strong{font-family:var(--font-serif);font-size:33px;display:block;line-height:1.05;font-weight:400;margin:12px 0 18px}.editor-art i{display:block;width:100%;height:1px;background:#b0bfa8;margin:8px 0}.editor-art i:nth-last-child(2){width:70%}.editor-tag{display:inline-block;margin-top:8px;border:1px solid #9ab091;padding:4px 10px;border-radius:20px}.review-art{padding:20px 0}.review-art>span:first-child{display:block;font-size:45px}.review-art h3{font-family:var(--font-serif);font-size:52px;line-height:1;font-weight:400;margin:10px 0 20px}.review-art>p{font-size:16px}.review-signature{font-family:var(--font-serif);font-style:italic;font-size:30px}.publish-art{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:35px 0}.publish-art>div{border:1px solid #b2c5ad;background:#e6eddf;padding:20px 15px}.publish-art strong{display:block;font-size:75px;letter-spacing:-.06em;font-weight:400;line-height:1.2}.publish-art span{font-size:12px}body .cycle-wrap .cycle button[aria-selected=true]{border-top-color:#b7d0a6}body .cycle-wrap .cycle button[aria-selected=true] .cyc-num{color:#c2dcb2}
body .promises-section .person{display:grid;grid-template-columns:.85fr 1fr;gap:80px;align-items:center}body .promises-section .person>*{grid-column:auto;min-width:0}body .promises-section .person-media{margin:0}body .promises-section .photo{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;max-height:700px;border-radius:2px}body .promises-section h2{font-size:clamp(42px,5vw,70px);line-height:1.04}body .promises-section .person-copy>p{font-size:16px}body .promises-section .hair-list li{font-size:15px;padding-block:14px}body .promises-section .link{color:#e8efdf}body .work-section{background:#f1f0e8}body .work-section .work{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:50px}body .work-section .work-card:nth-child(2){margin:90px 0 0}body .work-section .work-card .project-heading,body .work-section .work-card .project-image,body .work-section .work-card .project-info{width:100%;max-width:none;margin-left:0}body .work-section .project-info{display:block}body .work-section .project-info p{font-size:15px}body .work-section .project-heading h3{font-size:22px}body .work-section .project-image{padding:25px;background:#dae2d1;transition:padding .3s}body .work-section .work-card:nth-child(2) .project-image{background:#d6dfdd}body .work-section .project-image:hover{padding:15px}body .work-section .work-card img.photo{aspect-ratio:1200/583;object-fit:contain}body .work-section .quotes{display:grid;grid-template-columns:1fr 1fr;gap:65px;margin-top:85px}body .work-section .quotes blockquote{font-size:28px;line-height:1.25}body .faq-section .rail-body{display:grid;grid-template-columns:1fr 1.3fr;gap:60px}body .faq-section .faq{margin:0}body .closing-section .rail-body>h2{max-width:17ch}body .site-foot .dcc-wordmark{filter:none!important;opacity:1}
@media(max-width:899px){body .section{padding-block:70px}.discovery{grid-template-columns:1fr}.discovery-scene{height:390px}.discovery-controls{display:grid;grid-template-columns:1fr 1fr;gap:30px}.journey-panel{padding-top:10px}.signal-art{padding:32px;grid-template-columns:1fr .25fr 1fr}.signal-tags{display:none}.signal-path{padding-right:15px}body .monthly-section .cycle-wrap{gap:30px;grid-template-columns:1fr 1fr}body .monthly-section .cyc-panel{padding:23px}body .promises-section .person{gap:35px}.phase-visual{height:260px}body .faq-section .rail-body{display:block}body .faq-section .faq{margin-top:30px}}
@media(max-width:600px){body .section .rail-body>h2{font-size:43px;max-width:23ch}body .hero-proof .mini-board{display:block;padding:23px}body .hero-proof .q{font-size:24px;margin:20px 0}body .hero-proof .note{margin-top:12px}body .audience-section .starts{grid-template-columns:1fr;gap:5px;margin-top:30px}.discovery{margin-top:30px}.discovery-screen{padding:20px 16px 15px}.discovery-bar span:last-child{display:none}.discovery-scene{height:290px}.discovery-search{font-size:14px;top:28px;padding:10px 14px;width:95%;left:2%}.discovery-site{top:110px;width:95%;left:2%}.discovery-controls{display:block;padding:20px}.discovery-controls [role=tablist]{grid-template-columns:repeat(3,1fr);gap:12px}.discovery-controls button{font-size:14px;gap:7px;display:block}.discovery-controls button>span{display:block;margin-bottom:7px}.discovery-controls button>b{display:none}.journey-panel{min-height:155px;padding-top:24px}.discovery-contact{bottom:10px;padding:12px 20px}.discovery-contact strong{font-size:20px}.signal-art{display:block;padding:25px;margin-top:30px}.signal-source strong{font-size:38px}.signal-path{display:none}.signal-dest{margin-top:35px}.signal-dest p{font-size:20px}.signal-tags{display:flex}body .system-section .phases{grid-template-columns:1fr;gap:45px}.phase-visual{height:270px}body .monthly-section .rail-body>.body{display:block}body .monthly-section .cycle-wrap{display:flex;flex-direction:column;gap:25px}body .monthly-section .cycle{width:100%}body .monthly-section .cyc-panel{position:static;transform:none;min-height:410px;width:100%;order:-1}body .monthly-section .cyc-text{font-size:14px}body .cycle-wrap .cycle button{padding:14px 0}body .cycle-wrap .cycle button[aria-selected=true]{padding-top:13px}body .promises-section .person{grid-template-columns:1fr;gap:35px}body .promises-section .photo{max-height:520px}body .work-section .work{grid-template-columns:1fr;gap:45px}body .work-section .work-card:nth-child(2){margin-top:0}body .work-section .quotes{grid-template-columns:1fr;gap:35px;margin-top:50px}body .work-section .quotes blockquote{font-size:29px}body .work-section .project-image{padding:15px}body .closing-section .rail-body>h2{font-size:44px}}
@media(prefers-reduced-motion:reduce){.signal-path i:after{animation:none}.discovery *,.project-image{transition:none!important}}
.discovery-scene{overflow:hidden}.discovery-caption{position:relative;margin-top:12px}body .system-section .terms{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}body .system-section .terms p{max-width:none;width:auto;font-size:14px}body .monthly-section .cyc-panel:has([data-part=score][data-active]) .cyc-panel-head>span:last-child{font-size:12px}body .monthly-section .cyc-panel:has([data-part=score][data-active]) .cyc-panel-head>span:last-child:after{content:none}
@media(max-width:600px){body .system-section .terms{grid-template-columns:1fr;gap:10px}body .monthly-section .cycle{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}body .monthly-section .cycle>li+li{margin:0}body .monthly-section .cycle button{display:block;padding:12px 0;min-height:85px}body .monthly-section .cyc-num{display:block;margin-bottom:8px}body .monthly-section .cyc-title{font-size:13px}body .monthly-section .cyc-text{display:none}body .monthly-section .cyc-panel{order:0}body .monthly-section .cycle>li:last-child button{border-bottom:0}}
