/* Isolated second direction: black controls, silver details, forest green. */
:root{--mint:#d5ded6;--art-url:url('assets/art-chrome.png')}
html[data-art=ink]{--art-url:url('assets/art-ink.png')}
.review-strip{align-items:center;background:#080f0b;padding:9px 5%;letter-spacing:.08em}
.review-strip nav{font-size:11px;letter-spacing:0;gap:20px}
.review-strip a{border-bottom:1px solid #6a7c70}
.hero--blended .hero-copy{max-width:650px;min-height:530px;display:flex;flex-direction:column;justify-content:center;padding-block:30px 70px}
.hero h1.v2-hero-title{font-size:clamp(48px,6.5vw,92px);line-height:1.03;letter-spacing:-.065em}
.hero .original-copy{max-width:480px}.hero .original-copy p{font-size:17px;line-height:1.65}
.hero .original-copy p:nth-child(2){font-size:14px;max-width:380px}
.story-body{grid-template-columns:.8fr 1.2fr}
.story-visual{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:22px 25px 28px;background:#08170f}
.story-emblem{display:block;width:min(100%,310px);height:auto}
.emblem-scene{display:none;transform-origin:center}
[data-scene="0"] .scene-0,[data-scene="1"] .scene-1,[data-scene="2"] .scene-2{display:block;animation:emblem-in .55s ease both}
.visual-caption{font-size:12px;color:#aebfb2;letter-spacing:.02em;margin-top:10px;text-align:center}
.path-draw{stroke-dasharray:150;stroke-dashoffset:0;animation:draw-line .8s ease both}
.cursor-shape{animation:cursor-in .7s ease both}.loop-stroke{animation:draw-line .7s ease both;stroke-dasharray:600}
@keyframes emblem-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes draw-line{from{stroke-dashoffset:150}to{stroke-dashoffset:0}}
@keyframes cursor-in{from{transform:translate(-15px,15px)}to{transform:translate(0,0)}}
.art-choices,.proof-layout-options{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:12px;margin:0 0 25px;font-size:11px;color:#9bafa1}
.art-choices>div,.proof-layout-options>div{display:flex;gap:5px}
.art-choices button,.proof-layout-options button{font:inherit;background:transparent;border:1px solid #435b4b;border-radius:25px;color:#cbd5ce;padding:8px 14px}
.art-choices button[aria-pressed=true],.proof-layout-options button[aria-pressed=true]{background:#0a0e0b;border-color:#d2ded4;color:#fff}
.clean-formats .format-photo,.bonus-photo{background-image:var(--art-url);background-size:400% 200%;aspect-ratio:1;background-repeat:no-repeat}
.format-photo-0{background-position:0% 0%}.format-photo-1{background-position:33.33333% 0%}.format-photo-2{background-position:66.66667% 0%}.format-photo-3{background-position:100% 0%}
.bonus-photo-0{background-position:0% 100%}.bonus-photo-1{background-position:33.33333% 100%}.bonus-photo-2{background-position:66.66667% 100%}
.clean-formats{gap:25px}.clean-formats button{padding-bottom:20px}.clean-formats strong,.clean-formats small{padding-inline:12px}
.bonus-photo{max-width:285px;margin:12px auto 24px}.bonus-card summary{padding-top:20px}
.optional-examples{border:0;border-top:1px solid var(--line);margin-top:30px;max-width:850px;padding-top:18px}
.optional-examples summary{font-size:14px;cursor:pointer;padding:5px 0 15px}.optional-examples p{font-size:14px;max-width:650px}
#brief-form .fields input{background:#08130d;border-color:#5b7464;border-radius:7px;padding:19px 17px}
#brief-form .button{border-radius:8px;min-height:58px;box-shadow:0 4px 0 #0006}
.proof-selector{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:30px;margin-bottom:25px}
.proof-selector button{border:0;border-bottom:2px solid #294332;background:transparent;text-align:left;padding:15px 0;color:#a9bcae;font-size:17px;letter-spacing:-.025em}
.proof-selector span{display:block;font-size:11px;letter-spacing:.01em;margin-top:6px;color:#8ea795}
.proof-selector button[aria-selected=true]{border-color:#dce7df;color:#f0f3ef}
.proof-panel{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);gap:50px;align-items:center;padding-block:25px}
.proof-panel figure{margin:0;display:flex;align-items:center;justify-content:center;min-height:390px}
.proof-panel img{display:block;width:100%;max-height:500px;object-fit:contain}
#proof-0 img{max-width:510px}.proof-notes h3{font-size:34px;margin-bottom:20px}.proof-notes .eyebrow{font-size:10px;margin-bottom:15px}.proof-notes p{font-size:15px}
.proof-panel .lurk-reserved{background:#09170f;flex-direction:column;min-height:400px;gap:12px}
.lurk-reserved strong{font-size:clamp(65px,9vw,130px);letter-spacing:-.08em;line-height:1.1;font-weight:500}
.lurk-reserved span{font-size:15px;letter-spacing:.12em}.lurk-reserved p:last-child{font-size:12px;margin-top:30px;color:#81998a}
.proof-showcase[data-layout=grid] .proof-selector{display:none}
.proof-showcase[data-layout=grid] .proof-panels{display:grid;grid-template-columns:1fr 1fr;gap:55px 35px}
.proof-showcase[data-layout=grid] .proof-panel{display:flex!important;flex-direction:column;align-items:stretch;gap:22px;padding:0}
.proof-showcase[data-layout=grid] .proof-panel figure{height:350px;min-height:0}
.proof-showcase[data-layout=grid] .proof-panel img{max-height:350px}
.proof-showcase[data-layout=grid] .proof-notes h3{font-size:27px}.proof-showcase[data-layout=grid] .proof-notes p{max-width:430px}
html[data-palette=black] #join-preview{display:flex;justify-content:space-between;align-items:center;gap:15px;min-height:68px;padding:18px 22px;border:1px solid #dce4df;border-radius:10px;background:linear-gradient(#202921,#060a07);box-shadow:0 5px 0 #020603,0 11px 25px #0004,inset 0 1px 0 #ffffff24;font-size:16px;font-weight:650;transition:transform .15s,background .15s;line-height:1.35;text-align:left}
html[data-palette=black] #join-preview:hover{background:#273a2d;transform:translateY(-2px)}
html[data-palette=black] #join-preview:active{transform:translateY(3px);box-shadow:0 2px 0 #020603}
.button-arrow{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#e3e9e4;color:#07190c;font-size:23px;flex-shrink:0}
.intro-content{max-width:850px}.intro-content h1{font-size:clamp(55px,6vw,85px);margin-top:18px;margin-bottom:35px}
.intro-main{padding-block:40px}.intro-definition{max-width:620px;margin:auto;text-align:left;padding-left:25px;border-left:1px solid #466451}
.intro-definition p{font-size:15px;line-height:1.65;margin-bottom:15px}.intro-definition p:last-child{margin-bottom:0}
.intro-content .mode{margin-top:30px}.intro-content .mode button{min-height:70px}
html[data-palette=black] .mode button[aria-checked=false] .toggle i{background:#e5e9e6}
@media(min-width:1200px){.hero--blended .hero-copy{min-height:610px}}
@media(max-width:750px){.review-strip{flex-wrap:wrap;gap:5px;font-size:9px}.review-strip nav{font-size:10px;gap:15px}.hero--blended .hero-copy{min-height:0;padding-bottom:15px}.hero h1.v2-hero-title{font-size:clamp(49px,9vw,68px)}.hero .original-copy p{font-size:16px}.story-body{grid-template-columns:1fr}.story-visual{padding:15px}.story-emblem{max-width:230px}.visual-caption{margin:0 0 10px}.art-choices,.proof-layout-options{justify-content:flex-start}.clean-formats{gap:20px 12px}.clean-formats strong{font-size:20px}.clean-formats strong,.clean-formats small{padding-inline:5px}.proof-selector{grid-template-columns:1fr 1fr;gap:10px}.proof-selector button{font-size:15px}.proof-panel{grid-template-columns:1fr;gap:25px}.proof-panel figure{min-height:0}.proof-notes h3{font-size:28px}.proof-showcase[data-layout=grid] .proof-panels{grid-template-columns:1fr}.proof-showcase[data-layout=grid] .proof-panel figure{height:auto;min-height:220px}.intro-definition{padding-left:16px}.intro-definition p{font-size:14px}.intro-content h1{font-size:57px}.intro-content .mode button{min-width:260px}html[data-palette=black] #join-preview{font-size:15px;padding:15px}}
@media(prefers-reduced-motion:reduce){.emblem-scene,.path-draw,.cursor-shape,.loop-stroke{animation:none!important}#join-preview{transition:none!important}}

#join-preview .button-label{font-size:16px;line-height:1.3}#join-preview .button-label small{display:block;font-size:11px;font-weight:400;color:#bcc9bf;letter-spacing:.02em;margin-top:5px}
/* October 6 refinement */
:root{--art-url:url('assets/art-chrome-v2.png')}
.start-countdown,.review-strip{background:#050806;box-shadow:none;border-bottom-color:#273b2d}
.countdown-digits b{background:#0c120e;color:#e1e8df;border-color:#425748}
.hero--blended .hero-image:after{background:linear-gradient(90deg,#071a12 0%,#071a12 22%,#071a12ef 35%,#071a12a3 48%,#071a1222 66%,#071a1240 100%),linear-gradient(0deg,#071a12 0%,#071a1200 32%),linear-gradient(180deg,#071a1270,transparent 32%)}
.hero--blended .hero-copy{min-height:555px;padding-top:20px}
.hero h1.restored-title{font-size:clamp(76px,8.5vw,120px);line-height:.88;margin:20px 0 35px;letter-spacing:-.065em}
.hero h1.restored-title em{font:inherit;color:#d6e2d1}
.hero .original-copy{max-width:465px}.hero .original-copy p:last-child{font-size:18px}
.story-body{display:block;min-height:0}.story-reading{border-left:0;padding:42px 5%;min-height:285px;gap:26px}
.story-reading [role=tabpanel]{max-width:760px;animation:story-read-in .4s ease both}
.story-reading p{font-size:clamp(18px,2vw,24px);line-height:1.6}.story-reading p:last-child{margin-bottom:0}
@keyframes story-read-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.selection-status{font-size:12px;color:#b8cabc;margin-top:24px;margin-bottom:0}
.value-track article,.value-card,.week-detail,.price-card,.mode button,#brief-form .button{border-radius:0!important}
.signature{border-top:1px solid #3d5946;margin-top:28px;padding-top:20px;display:inline-flex;flex-direction:column;gap:9px;font:500 27px/1.1 var(--page-sans);letter-spacing:-.045em;color:#e1e9df}
.signature small{font:9px/1.5 var(--page-sans);letter-spacing:.16em;color:#98b1a0}
html[data-palette=black] #join-preview{position:relative;isolation:isolate;overflow:hidden;border-radius:0;background:#0b120d;border-color:#b8c9bd;box-shadow:0 4px 0 #020603}
#join-preview:before{content:'';position:absolute;inset:-90%;z-index:-1;pointer-events:none;background:linear-gradient(110deg,transparent 25%,#76997a18 42%,#d5e4d543 49%,#76997a18 56%,transparent 74%);transform:translateX(-35%);animation:button-sheen 6s ease-in-out infinite}
@keyframes button-sheen{0%,20%{transform:translateX(-35%)}70%,100%{transform:translateX(35%)}}
#join-preview .button-arrow{background:transparent;border-radius:0;border-left:1px solid #728579;width:40px;height:34px;font-size:26px;color:#e5ece4;padding-left:15px}
.included-section{background:#060f0a}.included-section>h2{margin-bottom:45px}.included-table{max-width:1100px;margin:auto;padding:30px 35px;background:#090e0b;border:1px solid #3b5142}
.included-group{font-size:11px;letter-spacing:.15em;padding:10px 0 20px;color:#c6d7ca}.included-group:not(:first-child){margin-top:20px}
.included-row{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:19px 0;border-bottom:1px solid #2e4234}
.included-row strong{display:block;font-size:15px;font-weight:500}.included-row div>span{display:block;margin-top:4px;font-size:12px;color:#91a998}.included-row>span{font-size:12px;color:#a9bfaf;flex-shrink:0}
.included-total{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:32px;padding-top:28px;border-top:2px solid #aebeb1}.included-total>div>span{display:block;font-size:10px;letter-spacing:.15em}.included-total strong{display:block;font-size:65px;font-weight:500;letter-spacing:-.06em;line-height:1.2;margin-top:10px}.included-total small{font-size:12px;font-weight:400;letter-spacing:0}
.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.intro-motion-ready .intro-definition p{opacity:0;animation:definition-in .85s cubic-bezier(.2,.8,.2,1) forwards}
.intro-motion-ready .intro-definition p:nth-child(1){animation-delay:.35s}.intro-motion-ready .intro-definition p:nth-child(2){animation-delay:1.4s}.intro-motion-ready .intro-definition p:nth-child(3){animation-delay:2.45s}.intro-motion-ready .intro-definition p:nth-child(4){animation-delay:3.7s}
@keyframes definition-in{from{opacity:0;transform:translateY(15px);filter:blur(5px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
.intro-motion-ready .mode{min-height:124px}.intro-motion-ready #intro-switch,.intro-motion-ready #intro-caption{opacity:0;visibility:hidden}
.intro-motion-ready .intro-ready #intro-switch{visibility:visible;animation:switch-arrive .65s cubic-bezier(.2,1.3,.4,1) both}.intro-motion-ready .intro-ready #intro-caption{visibility:visible;animation:definition-in .6s .45s both}
@keyframes switch-arrive{from{opacity:0;transform:translateY(18px) scale(.93)}to{opacity:1;transform:translateY(0) scale(1)}}
.intro-moment{position:fixed;inset:0;z-index:20;background:#071a12;display:grid;place-items:center;opacity:0;visibility:hidden;pointer-events:none;overflow:hidden}
.entering .intro-moment{visibility:visible;animation:moment-arrive .65s .35s both}
@keyframes moment-arrive{from{opacity:0}to{opacity:1}}
.moment-frame{position:absolute;inset:15%;border:1px solid #9bbca680;opacity:0}
.entering .moment-frame{animation:frame-open 2.6s .5s cubic-bezier(.22,.7,.3,1) both}
@keyframes frame-open{0%{opacity:0;transform:scaleX(.01)}25%{opacity:1;transform:scaleX(1)}100%{opacity:0;transform:scale(1.7)}}
.moment-copy{text-align:center;position:relative;padding:30px}.moment-copy p{font-size:10px;letter-spacing:.25em}.moment-copy h2{font:italic clamp(65px,12vw,155px)/1 Georgia,serif;letter-spacing:-.07em;color:#edf1e7;margin:20px 0 30px}.moment-copy>span{font-size:15px;color:#b4cbb9}.moment-copy i{display:block;height:1px;width:170px;background:#bed2bc;margin:45px auto 0;transform-origin:left;transform:scaleX(0)}
.entering .moment-copy{animation:definition-in .8s .7s both}.entering .moment-copy i{animation:entry-progress 2s 1s linear forwards}
@keyframes entry-progress{to{transform:scaleX(1)}}
.intro-off{background:#071a12}.entering .intro-content{transition:filter .5s,transform .7s;filter:blur(5px);transform:scale(.98)}
.library-note{margin:18px 0 0;font-size:12px;max-width:720px;line-height:1.7;color:#a5bcad}.library-note button{font-size:12px}
#ideas-status{font-size:14px;margin-top:25px;color:#d6e4d8}
.library-areas{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.library-areas button{background:#0a1c11;color:#d0ded3;border:1px solid #718b78;padding:10px 13px;font-size:12px;text-align:left}
.ideas-result-heading{margin:35px 0 25px;padding-top:30px;border-top:1px solid #51715a}.ideas-result-heading h3{font-size:32px}.ideas-result-heading .eyebrow{margin-bottom:13px}
.idea-card{border-top:1px solid #45664f;padding:0;background:#0c2117}.idea-card:last-child{border-bottom:1px solid #45664f}.idea-card summary{display:flex;align-items:center;gap:18px;list-style:none;cursor:pointer;padding:23px 24px}.idea-card summary::-webkit-details-marker{display:none}.idea-card summary>span{font:11px/1 var(--page-sans);color:#8da995}.idea-card summary>div{flex:1}.idea-card h4{font-size:22px;font-weight:500;line-height:1.2;letter-spacing:-.035em;margin:0}.idea-card summary small{display:block;font-size:11px;color:#a7bdaa;margin-top:7px}.idea-card summary:after{content:'+';font-size:24px;color:#c9d8cc}.idea-card[open] summary:after{content:'−'}
.idea-card-body{padding:0 24px 25px 56px;display:grid;grid-template-columns:1fr 1fr;gap:20px 30px}.idea-card-body p{font-size:14px;margin:0;color:#b6ccbc}.idea-card-body strong{display:block;font-size:10px;text-transform:uppercase;font-weight:500;letter-spacing:.12em;margin-bottom:7px;color:#e1ebe1}
.library-research{margin:24px 0;padding:20px;border-left:1px solid #76917c}.library-research summary{font-size:13px;cursor:pointer}.library-research p,.library-research li{font-size:12px;color:#b0c5b6}.library-research a{text-decoration:underline;text-underline-offset:3px}.library-research ul{padding-left:19px}
@media(max-width:750px){.hero--blended .hero-copy{min-height:0}.hero--blended .hero-image:after{background:linear-gradient(180deg,#071a12,transparent 30%,#071a1240 70%,#071a12),linear-gradient(90deg,#071a1290,transparent 40%,#071a1280)}.hero h1.restored-title{font-size:90px}.story-reading{padding:25px 0;min-height:0}.story-reading p{font-size:19px}.included-table{padding:20px}.included-row{gap:15px}.included-row strong{font-size:14px}.included-row div>span{font-size:11px}.included-total strong{font-size:54px}.included-total .text-link{font-size:12px}.idea-card-body{grid-template-columns:1fr;padding:0 20px 24px}.idea-card summary{padding:20px 16px;gap:12px}.idea-card h4{font-size:20px}.intro-content h1{font-size:52px}.intro-main{padding-top:28px}.intro-bottom{font-size:9px;flex-wrap:wrap}.moment-copy h2{font-size:85px}}
@media(prefers-reduced-motion:reduce){.intro-motion-ready .intro-definition p,.intro-motion-ready .intro-ready #intro-switch,.intro-motion-ready .intro-ready #intro-caption{animation:none;opacity:1;visibility:visible;transform:none;filter:none}.entering .intro-moment{animation:none;opacity:1;visibility:visible}.entering .moment-copy{animation:none}.entering .moment-frame,.moment-copy i{display:none}.entering .intro-content{transition:none;transform:none;filter:none}#join-preview:before{animation:none;opacity:.3}.story-reading [role=tabpanel]{animation:none}}
#value-track article{border-radius:0}
.intro-motion-ready .intro-content>.eyebrow,.intro-motion-ready .intro-content>h1{animation:definition-in .8s both}
@media(prefers-reduced-motion:reduce){.intro-motion-ready .intro-content>.eyebrow,.intro-motion-ready .intro-content>h1{animation:none}}
/* Late review: charcoal, silver and restrained emerald. */
html[data-palette=black]{--bg:#061512;--deep:#050807;--text:#e5e9e7;--muted:#aebbb5;--line:#29443b;--mint:#c6d0cb;--accent:#d4dad7}
.why-section{background:radial-gradient(ellipse at 0 100%,#0a29214d,transparent 65%),#080b0a}
.direction-section{background:#070d0b}.route-section{background:#050908}
.first-move{background:radial-gradient(ellipse at 100% 0,#0d342b80,transparent 70%),#071713}
.value-section{background:#050807}.bonus-section{background:linear-gradient(130deg,#080d0b,#091713)}
.honest-founder{background:#071612}.built-section{background:#070a09}.included-section{background:#040706}
.join-section{background:radial-gradient(ellipse at 0 70%,#103b2e66,transparent 65%),#070b09}.fit-section,.faq{background:#080d0b}.closing-note{background:#061411}
.week-detail{background:linear-gradient(130deg,#101c18,#0b1310);border:1px solid #365147}.week-detail p,.week-deliverables li{color:#b7c4bd}.week-detail .output{color:#e0e7e2}
.story-console,.world-section{border-color:#34453d}.story-controls button[aria-selected=true]{background:#171d1a!important}
#value-track article{background:linear-gradient(135deg,#12231c,#090e0b);border-color:#3c5047}
.fit-grid{border-radius:0}.fit-grid article{background:#101a15}.fit-grid article+article{background:#090e0b}
.clean-formats{gap:18px}.clean-formats button{border:1px solid #43564c;padding:0 0 18px;position:relative;background:#0c1410;transition:border-color .2s,background .2s,transform .2s}
.clean-formats button:hover{border-color:#b3c5bb;background:#14231b;transform:translateY(-3px)}
html[data-palette=black] .clean-formats button[aria-pressed=true]{border-color:#9fbea9;box-shadow:inset 0 0 0 1px #9fbea9;background:#14251d}
.clean-formats .format-photo{margin:0 0 20px}.clean-formats strong,.clean-formats small{padding-inline:17px}
.clean-formats .format-select{display:flex;align-items:center;gap:9px;border-top:1px solid #354b3f;margin:20px 17px 0;padding-top:14px;font-size:11px;color:#c5d5cb}
.format-select i{width:14px;height:14px;border:1px solid #93ad9d;display:inline-grid;place-items:center;flex-shrink:0}.format-select b{font-weight:400}
[aria-pressed=true] .format-select i{background:#b7d0c0;border-color:#b7d0c0}[aria-pressed=true] .format-select i:after{content:'✓';color:#07120c;font-size:11px}
#brief-form{padding:28px;background:#090f0c;border:1px solid #5b7464;max-width:100%}
.idea-query-label{display:block;font-size:14px;margin-bottom:15px;color:#d5dfd9}
#idea-query,#chosen-idea textarea{display:block;width:100%;background:#0b1912;color:#eff3f0;border:1px solid #5b7464;border-radius:0;padding:18px;font:16px/1.6 var(--page-sans);resize:vertical;min-height:100px}
#idea-query::placeholder{color:#82988b}.idea-search-footer{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:20px}.idea-search-footer p{margin:0;font-size:12px}
html[data-palette=black] #brief-form .button,html[data-palette=black] .idea-use{border:1px solid #5b7464;color:#f0f3ef;background:#090e0b;box-shadow:none;border-radius:0;min-height:52px;white-space:nowrap}
html[data-palette=black] #brief-form .button:hover,html[data-palette=black] .idea-use:hover{background:#16271d;border-color:#93b59f}
.idea-browse{margin-top:24px}.idea-browse>span{font-size:11px;letter-spacing:.08em;color:#9eb2a6}.idea-browse .library-areas{margin-top:12px}.library-areas button{background:#0a1510;border-color:#354f40;color:#bcd0c3}.library-areas button:hover{border-color:#94b7a2;background:#163222}
.idea-card{background:#0b1611}.idea-use{font-size:12px;justify-self:start;padding:12px 17px;grid-column:1/-1}.idea-card-body{padding-bottom:28px}
#chosen-idea{margin-top:36px;border:1px solid #5b7464;padding:30px;background:#0b1510;scroll-margin-top:30px}#chosen-idea h3{margin-bottom:18px}#chosen-idea label{display:block;font-size:12px;margin:24px 0}#chosen-idea textarea{font-size:14px;margin-top:9px}#chosen-idea .small{font-size:12px;margin:0}
.valuation-note{border-bottom:1px solid #3b5142;padding-bottom:23px;font-size:12px;color:#aebfb4;line-height:1.6}.valuation-note strong{display:block;font-size:10px;letter-spacing:.1em;margin-bottom:7px}
.included-row .component-value{text-align:right}.component-value s{font-size:22px;color:#b5beb9;text-decoration-thickness:1px}.component-value small{display:block;font-size:9px;color:#81968a;letter-spacing:.02em}.proposed-total{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #698074;margin-top:30px;padding-top:25px}.proposed-total span{font-size:13px}.proposed-total s{font-size:25px;color:#c5d1ca}.included-total{margin-top:22px}
@media(max-width:750px){.clean-formats{gap:16px 10px}.clean-formats strong,.clean-formats small{padding-inline:12px}.clean-formats .format-select{margin-inline:12px;font-size:10px;gap:6px}#brief-form{padding:20px}.idea-search-footer{flex-direction:column;align-items:stretch;gap:18px}.idea-search-footer .button{width:100%}#idea-query{font-size:16px;min-height:130px}#chosen-idea{padding:20px}.component-value s{font-size:19px}.included-row{gap:15px}.included-row .component-value{min-width:82px}}
.clean-formats small{min-height:36px}
@media(max-width:750px){.clean-formats strong{min-height:48px}.clean-formats small{min-height:36px}}
/* Photo stays naturally lit; transparency blends into the current page colour. */
.hero--blended .hero-image{
 background:none;
 -webkit-mask-image:linear-gradient(90deg,transparent 0%,transparent 8%,#0000000f 20%,#00000047 30%,#000000a6 40%,#000000ef 50%,#000 58%),linear-gradient(180deg,#000000b3 0%,#000 28%,#000 62%,#000000e6 75%,#00000094 85%,#0000002e 94%,transparent 100%);
 mask-image:linear-gradient(90deg,transparent 0%,transparent 8%,#0000000f 20%,#00000047 30%,#000000a6 40%,#000000ef 50%,#000 58%),linear-gradient(180deg,#000000b3 0%,#000 28%,#000 62%,#000000e6 75%,#00000094 85%,#0000002e 94%,transparent 100%);
 -webkit-mask-composite:source-in;
 mask-composite:intersect;
}
.hero--blended .hero-image img{filter:none}
.hero--blended .hero-image:after{background:none}
.clean-formats .format-photo-0{background-image:url('assets/iphone-15-pro-max.png');background-size:100% 100%;background-position:center}
.format-select i{position:relative;display:block;width:14px;height:14px;font-style:normal}
[aria-pressed=true] .format-select i:after{content:'';position:absolute;left:50%;top:50%;width:4px;height:7px;border:solid #07120c;border-width:0 1.5px 1.5px 0;transform:translate(-50%,-62%) rotate(45deg)}
@media(max-width:750px){
 .hero--blended .hero-image{-webkit-mask-image:linear-gradient(180deg,transparent 0%,#00000059 10%,#000000d9 22%,#000 32%,#000 65%,#000000a6 80%,#00000040 92%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0%,#00000059 10%,#000000d9 22%,#000 32%,#000 65%,#000000a6 80%,#00000040 92%,transparent 100%)}
 .hero--blended .hero-image img{filter:none}
 .hero--blended .hero-image:after{background:none}
}

/* Project gallery and founder story share one desktop section. */
.clean-formats .format-photo-0{background-size:82% 82%;background-repeat:no-repeat;background-color:#03170e}
.honest-founder{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:54px;align-items:start}
.founder-work{position:sticky;top:28px;min-width:0}
.work-carousel{outline-offset:8px}.work-slides{min-width:0}
.work-slide{animation:work-appear .3s ease both}
.work-slide figure{height:520px;display:flex;align-items:center;justify-content:center;margin:0 0 24px;background:transparent;overflow:visible}
.honest-founder .work-slide img{display:block;width:100%;height:100%;max-height:100%;object-fit:contain;object-position:center;aspect-ratio:auto;filter:none;border-radius:0}

.work-slide h3{font-size:28px;margin:0 0 10px;letter-spacing:-.04em}
.honest-founder .work-slide p{font-size:15px;line-height:1.7;min-height:52px;margin:0}
.work-navigation{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #416052;padding-top:16px;margin-top:22px}
.work-navigation>span{font-size:11px;letter-spacing:.15em;color:#b3c8bb}.work-navigation>div{display:flex;gap:10px}
.work-navigation button{display:grid;place-items:center;background:#08100c;color:#d7e2db;border:1px solid #6a8977;width:44px;height:44px;font-size:24px;line-height:1}
.work-navigation button:hover{background:#1a3023;border-color:#b8cebf}
.honest-founder .work-caption{text-align:center;color:#b5c9bd;font-size:12px;line-height:1.6;margin:22px 0 0}
.work-caption>span{display:block;font-size:27px;line-height:1;margin-bottom:10px;animation:point-to-work 2.2s ease-in-out infinite}
.founder-story{display:block;border:0;padding:0}
.founder-story>h2{font-size:clamp(38px,4.1vw,59px)}
.founder-story-body{margin-top:30px}
@keyframes point-to-work{0%,100%{transform:translateY(3px)}50%{transform:translateY(-5px)}}
@keyframes work-appear{from{opacity:.5;transform:translateX(8px)}to{opacity:1;transform:none}}
@media(max-width:750px){
 .honest-founder{grid-template-columns:1fr;gap:55px}
 .founder-work{position:static}
 .work-slide figure{height:480px}
 
 .work-slide[data-project=web] figure,.work-slide[data-project=digital] figure{height:auto;min-height:240px}
 .honest-founder .work-slide[data-project=web] img,.honest-founder .work-slide[data-project=digital] img{height:auto}
 .founder-story>h2{font-size:44px}
}
@media(prefers-reduced-motion:reduce){.work-caption>span,.work-slide{animation:none}}

/* Component values and the single package price. */
.included-row .component-value{flex-shrink:0;text-align:right;min-width:90px}
.included-row .component-value s{font-size:22px;font-weight:500;color:#aebbb5;text-decoration-thickness:1px}
.package-total{display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid #597064;padding-top:26px;margin-top:14px}
.package-total>span{font-size:13px;letter-spacing:.06em}.package-total>strong{font-size:24px;font-weight:500}
.package-value-note{font-size:11px!important;line-height:1.5;color:#a3b0a9;margin:12px 0 24px}
.included-table .included-total{display:flex;align-items:center;justify-content:space-between;gap:28px;border-top:2px solid #97b5a2;padding-top:30px;margin-top:0}
.package-price-copy>span{font-size:15px;letter-spacing:.08em}
.package-price-copy p{font-size:16px;line-height:1.6;margin:15px 0 5px;color:#b8c6be}
.included-total .package-price-copy p strong{display:inline;font-size:18px;color:#e7eee9;font-weight:600}
.package-price-copy>small{font-size:13px;color:#a8b9af}
.package-price{text-align:right}.included-total .package-price>strong{font-size:clamp(58px,7vw,88px);line-height:1;white-space:nowrap;color:#e5ece7}
.included-total .package-price>strong small{font-size:13px}.package-price>span{display:block;font-size:12px;color:#b7c5bd;margin-top:12px}
.package-join{display:block;width:fit-content;margin-top:30px}
@media(max-width:600px){.included-row .component-value{min-width:65px}.included-row .component-value s{font-size:18px}.included-table .included-total{align-items:flex-start;flex-direction:column;gap:24px}.package-price{text-align:left}.package-total>span{font-size:11px}.package-total>strong{font-size:22px}}

/* Reuse the approved product screen and the phone frame from the VanityOS site. */
.product-phone{width:240px;padding:5px;border-radius:36px;background:linear-gradient(160deg,#4a4a4a 0%,#2a2a2a 15%,#1a1a1a 30%,#0d0d0d 70%,#1a1a1a 85%,#3a3a3a 100%);box-shadow:0 0 0 1px #ffffff1a,inset 0 1px 0 #ffffff26;overflow:hidden}
.honest-founder .work-slide .product-phone img{width:100%;height:auto;max-height:none;border-radius:31px;object-fit:contain}
.honest-founder .work-caption{display:flex;justify-content:space-between;align-items:center;gap:20px;text-align:left;margin:0 0 22px;padding-bottom:16px;border-bottom:1px solid #29443b;font-size:15px;color:#dce6df}
.work-caption>.work-caption-copy{font-size:15px;line-height:1.4;margin:0;animation:none;transform:none}
.work-caption-copy small{display:block;color:#a9bdb0;font-size:12px;margin-top:4px}
.work-caption>.work-caption-arrow{margin:0;font-size:27px;animation:point-to-work 2.2s ease-in-out infinite}
@media(max-width:750px){.product-phone{width:220px}}
@media(prefers-reduced-motion:reduce){.work-caption>.work-caption-arrow{animation:none}}

.included-row .component-value .component-price{font-size:22px;font-weight:500;color:#aebbb5;text-decoration:none}
@media(max-width:600px){.included-row .component-value .component-price{font-size:18px}}
