/* Commerce, portfolio, proof, and client portal */
.product-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.view-product{border:1px solid var(--line);background:transparent;padding:10px;font:10px var(--mono);text-transform:uppercase;letter-spacing:.06em;cursor:pointer;transition:.25s}.view-product:hover{background:var(--ink);color:#fff}.view-product span{color:var(--gold)}.product-actions .quick-add{width:auto}.product-card:hover .quick-add{opacity:1;transform:none}.portfolio-section{padding-bottom:100px}.case-studies{display:grid;grid-template-columns:1.12fr .94fr .94fr;gap:18px}.case-study{background:#eee9e1;overflow:hidden}.case-top{display:flex;justify-content:space-between;padding:15px 16px;font:9px var(--mono);letter-spacing:.08em;color:#70675d}.case-art{height:420px;position:relative;overflow:hidden}.case-art p{position:absolute;z-index:3;margin:0;font:500 36px/.82 var(--serif);letter-spacing:-.06em;bottom:20px;left:20px}.case-one .case-art{background:#d6c8b7}.case-two .case-art{background:#bebcb3}.case-three .case-art{background:#dfb98c}.case-caption{padding:18px}.case-caption h3{font:500 22px var(--serif);letter-spacing:-.035em;margin:0 0 6px}.case-caption p{margin:0;font-size:10px;color:#766e63}.case-sketch{position:absolute;border:1px solid rgba(50,42,34,.6);width:54%;height:71%;left:8%;top:10%;border-radius:48% 48% 0 0;clip-path:polygon(48% 0,60% 6%,65% 18%,89% 47%,99% 100%,0 100%,15% 46%,35% 18%,38% 6%)}.case-sketch:before{content:'';width:8px;height:8px;border-radius:50%;background:#3f352c;position:absolute;top:2%;left:47%}.case-garment{position:absolute;z-index:2;bottom:0}.garment-a{height:82%;width:47%;right:14%;background:#f6efe5;clip-path:polygon(43% 0,60% 0,65% 14%,78% 24%,100% 100%,0 100%,22% 24%,36% 14%);box-shadow:inset 21px -3px rgba(166,148,128,.18)}.garment-a:before{content:'';position:absolute;width:33%;height:18%;left:34%;top:12%;border:1px solid rgba(126,103,81,.5);border-top:0}.case-grid{position:absolute;inset:0;background:linear-gradient(rgba(57,52,46,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(57,52,46,.14) 1px,transparent 1px);background-size:19px 19px}.garment-b{height:83%;width:52%;left:25%;background:#454a45;clip-path:polygon(36% 0,63% 0,73% 11%,100% 100%,0 100%,27% 11%)}.garment-b:before{content:'';position:absolute;left:32%;top:11%;width:36%;height:31%;background:#d9d8cd;clip-path:polygon(0 0,100% 0,48% 100%)}.case-sun{position:absolute;width:52%;aspect-ratio:1;background:#f0dfbb;border-radius:50%;right:-16%;top:4%}.garment-c{height:81%;width:53%;left:26%;background:#f3dfbc;clip-path:polygon(37% 0,64% 0,74% 17%,100% 100%,0 100%,26% 17%);border-radius:40% 40% 0 0}.proof-strip{display:grid;grid-template-columns:repeat(4,1fr);background:var(--ink);color:#f8f4ed;padding:38px 8.5%;gap:20px}.proof-strip div{display:grid;gap:3px;border-right:1px solid #514c45;padding-right:20px}.proof-strip div:last-child{border-right:0}.proof-strip strong{font:500 31px var(--serif);letter-spacing:-.04em}.proof-strip span{text-transform:uppercase;color:#bdb4a6;font:9px var(--mono);letter-spacing:.09em}
.founder-section{display:grid;grid-template-columns:43% 57%;padding-top:115px;padding-bottom:115px;gap:clamp(40px,8vw,150px);align-items:center}.founder-portrait{height:520px;background:#d6c7b5;position:relative;overflow:hidden}.portrait-sun{position:absolute;width:57%;aspect-ratio:1;right:-8%;top:12%;border-radius:50%;background:#e8ddce}.portrait-person{position:absolute;width:56%;height:75%;left:22%;bottom:0;background:#2b2927;clip-path:polygon(46% 0,58% 0,65% 10%,65% 16%,78% 24%,100% 100%,0 100%,21% 24%,36% 16%,36% 10%)}.portrait-person:before{content:'';position:absolute;width:19%;aspect-ratio:1;left:41%;top:1%;border-radius:50%;background:#a97154}.portrait-person i{position:absolute;z-index:2;width:19%;height:27%;left:41%;top:5%;border-radius:50% 50% 35% 35%;background:#201e1d}.portrait-person b{position:absolute;z-index:1;width:46%;height:74%;left:27%;top:24%;background:#b69059;clip-path:polygon(33% 0,68% 0,100% 100%,0 100%)}.founder-portrait p{position:absolute;left:21px;bottom:15px;margin:0;color:#fff;font:600 14px var(--serif);letter-spacing:.08em}.founder-portrait p span{font:8px var(--mono);letter-spacing:.06em;color:#d7cabc}.founder-copy h2{font-size:clamp(42px,5vw,70px);line-height:.98}.founder-copy>p:not(.eyebrow){max-width:480px;color:#625d55;line-height:1.85;margin:30px 0}.credentials{display:flex;flex-wrap:wrap;gap:8px;margin-top:35px}.credentials span{border:1px solid var(--line);padding:8px 10px;font:9px var(--mono);text-transform:uppercase;letter-spacing:.05em}.client-results{background:#efeae1}.results-grid{display:grid;grid-template-columns:1fr 1fr .78fr;gap:16px}.result-quote{background:#f9f7f2;padding:31px;min-height:238px;display:flex;flex-direction:column;justify-content:space-between}.result-quote>span{font:500/.7 var(--serif);color:var(--gold)}.result-quote blockquote{font:500 20px/1.33 var(--serif);letter-spacing:-.025em}.result-quote p{margin:0;font-size:10px;color:#6c665d}.result-quote p b{color:var(--ink)}.result-cta{background:#b69059;justify-content:center;gap:25px}.result-cta p{font:500 32px/1.05 var(--serif);color:var(--ink);letter-spacing:-.045em}.result-cta .button{align-self:start}
.youtube-banner{display:grid;grid-template-columns:1fr 1fr;background:#efebe3;border-bottom:1px solid rgba(25,24,21,.08);min-height:420px}.youtube-banner-content{padding:clamp(45px,8vw,90px) clamp(25px,4.2vw,64px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.youtube-banner-image{background:#e2dcd2;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center}.youtube-banner-image img{width:100%;height:100%;object-fit:cover;object-position:center;position:absolute;inset:0;transform:rotate(-90deg)}
.dashboard-section{min-height:650px;background:#201e1b;color:#f7f3ec;padding:clamp(75px,9vw,130px);display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(45px,8vw,130px);align-items:center}.dashboard-aside>p{color:#b9b0a3}.dashboard-aside h2{font-size:clamp(43px,5vw,70px);line-height:.96}.dashboard-aside>p:not(.eyebrow){max-width:330px;color:#bfb8af;line-height:1.8;margin:28px 0}.portal-login{border:0;border-bottom:1px solid #ece3d6;background:none;color:#fff;padding:0 0 7px;font:600 11px var(--sans);cursor:pointer}.portal-login span{color:var(--gold);margin-left:7px}.dashboard-window{background:#f7f5f0;color:var(--ink);box-shadow:20px 25px 0 rgba(182,144,89,.18);transition:box-shadow .4s}.dashboard-window.portal-glow{box-shadow:0 0 0 8px rgba(182,144,89,.4),20px 25px 0 rgba(182,144,89,.18)}.dash-header{display:flex;align-items:center;justify-content:space-between;padding:22px 25px;border-bottom:1px solid var(--line)}.dash-user{display:flex;gap:10px;align-items:center}.dash-user>span{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#887355;font:10px var(--mono)}.dash-user p{margin:0;font-size:11px;font-weight:600;line-height:1.3}.dash-user small{font-weight:400;color:#7f786f}.dash-status{font:9px var(--mono);text-transform:uppercase;color:#8c6a3a}.dash-tabs{display:flex;gap:20px;padding:0 25px;border-bottom:1px solid var(--line);overflow:auto}.dash-tab{white-space:nowrap;border:0;background:none;cursor:pointer;padding:15px 0 12px;font:9px var(--mono);text-transform:uppercase;letter-spacing:.05em;color:#7d766d;position:relative}.dash-tab.active{color:var(--ink)}.dash-tab.active:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--ink)}.dash-tab b{color:var(--gold)}.dash-panel{display:none;padding:25px}.dash-panel.active{display:block}.dash-title{font:9px var(--mono);letter-spacing:.07em;text-transform:uppercase;color:#746d64;margin:0 0 13px}.file-row{display:grid;grid-template-columns:38px 1fr auto;gap:12px;align-items:center;border-top:1px solid var(--line);padding:15px 0}.file-icon{width:32px;height:36px;border:1px solid #9a938a;display:grid;place-items:center;font:8px var(--mono)}.file-icon.gold{background:#b69059;color:#fff;border:0}.file-row p{margin:0;line-height:1.4;font-size:10px}.file-row p b{display:block;font-size:11px}.file-row small{color:#7b756c}.file-download,.revision-card button,.support-card button{border:0;background:none;text-decoration:underline;cursor:pointer;font:9px var(--mono);color:var(--ink)}.revision-card,.support-card{border:1px solid var(--line);padding:18px}.revision-card b,.support-card b{display:block;font-size:12px}.revision-card>span{display:block;color:#756e65;font-size:10px;margin:6px 0}.revision-card>div{height:3px;background:#ddd7cd;margin:13px 0}.revision-card i{display:block;width:66%;height:100%;background:var(--gold)}.support-card p{font-size:10px;color:#756e65}
.product-modal{width:min(980px,100%);max-height:94vh;overflow:auto;background:var(--paper);display:grid;grid-template-columns:.91fr 1.09fr;position:relative;box-shadow:0 30px 80px rgba(0,0,0,.24)}.close-product,.close-checkout{z-index:4;position:absolute;right:18px;top:13px;border:0;background:none;font:34px var(--serif);cursor:pointer}.product-detail-art{min-height:620px;background:#d9cfbf;position:relative;overflow:hidden}.product-detail-art span{position:absolute;left:17px;bottom:17px;font:9px var(--mono);letter-spacing:.1em}.detail-figure{position:absolute;width:51%;height:82%;bottom:0;left:25%;background:#f4eddf;clip-path:polygon(42% 0,59% 0,68% 13%,73% 22%,100% 100%,0 100%,26% 22%,32% 13%);box-shadow:inset 28px 0 rgba(161,145,123,.16)}.detail-figure:before{content:'';position:absolute;width:16%;aspect-ratio:1;left:42%;top:2%;border-radius:50%;background:#a76e51}.product-detail-copy{padding:64px 46px 36px}.product-detail-copy h2{font-size:48px;line-height:.98}.detail-description{max-width:430px;color:#625c53;line-height:1.7;margin:23px 0}.detail-price{display:flex;gap:14px;align-items:baseline;margin:26px 0}.detail-price strong{font:500 25px var(--serif)}.detail-price span{font-size:10px;color:#747067}.detail-specs{border-top:1px solid var(--line)}.detail-specs div{padding:13px 0;border-bottom:1px solid var(--line)}.detail-specs small{font:9px var(--mono);text-transform:uppercase;color:#766f66;letter-spacing:.06em}.detail-specs p{margin:2px 0 0;font-size:11px}.detail-buttons{display:flex;gap:10px;margin:23px 0}.detail-add{border:1px solid var(--ink);background:none;padding:0 16px;font:10px var(--mono);text-transform:uppercase;letter-spacing:.05em;cursor:pointer}.detail-related{border-top:1px solid var(--line);padding-top:16px}.detail-related p{font:9px var(--mono);text-transform:uppercase;letter-spacing:.05em;color:#756e65;margin:0 0 9px}.detail-related button{width:100%;display:flex;justify-content:space-between;padding:8px 0;border:0;background:none;text-align:left;border-bottom:1px solid var(--line);font-size:11px;cursor:pointer}.detail-related b{font:10px var(--mono);color:var(--gold)}
.checkout-modal{background:var(--paper);width:min(510px,100%);position:relative;padding:48px 42px 34px;box-shadow:0 30px 80px rgba(0,0,0,.24)}.checkout-modal h2{font-size:48px;line-height:1;margin-bottom:25px}.checkout-summary{border:1px solid var(--line);padding:15px;margin-bottom:19px}.checkout-summary>p{display:flex;justify-content:space-between;margin:0 0 11px;font:10px var(--mono);text-transform:uppercase;letter-spacing:.05em}.checkout-summary>p span{color:#777067}.checkout-summary>strong{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:12px;font:500 16px var(--serif)}.checkout-summary>strong b{font-weight:500}.checkout-item{display:flex;justify-content:space-between;font-size:11px;padding:6px 0}.checkout-item b{font:10px var(--mono)}.payment-options>p{font:9px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#746e65}.payment-choice{display:grid;grid-template-columns:20px 1fr auto;gap:5px;align-items:center;border:1px solid var(--line);margin:7px 0;padding:11px;cursor:pointer;font-size:11px}.payment-choice.active{border-color:var(--ink);box-shadow:inset 3px 0 var(--gold)}.payment-choice input{accent-color:var(--ink)}.payment-choice span{font:9px var(--mono);color:#827a70}.checkout-email{display:grid;gap:6px;margin:19px 0;font:9px var(--mono);letter-spacing:.06em;text-transform:uppercase}.checkout-email input{border:0;border-bottom:1px solid var(--line);background:none;padding:10px 0;outline:0;font:13px var(--sans);text-transform:none}.complete-purchase{width:100%;justify-content:center}.checkout-note{margin:13px 0 0;color:#7a746b;font-size:9px;text-align:center}.upload-label{border:1px dashed #bbb3a8;padding:0!important;min-height:66px;display:block!important;position:relative}.upload-label input{position:absolute!important;inset:0;opacity:0;cursor:pointer;padding:0!important}.upload-label span{display:grid;place-items:center;height:64px;font:10px var(--sans)!important;text-transform:none;color:#746c63}
@media(max-width:900px){.youtube-banner{grid-template-columns:1fr}.youtube-banner-image{height:400px}.case-studies{grid-template-columns:1fr 1fr}.case-study:first-child{grid-column:1/-1}.founder-section{grid-template-columns:1fr 1fr;gap:40px}.results-grid{grid-template-columns:1fr 1fr}.result-cta{grid-column:1/-1}.dashboard-section{grid-template-columns:1fr;padding:85px 8vw}.dashboard-aside>p:not(.eyebrow){max-width:480px}.product-modal{grid-template-columns:1fr}.product-detail-art{min-height:390px}.product-detail-copy{padding:45px}.proof-strip{padding:32px 8vw}.proof-strip strong{font-size:25px}}@media(max-width:560px){.youtube-banner{grid-template-columns:1fr}.youtube-banner-image{height:300px}.product-actions{grid-template-columns:1fr}.product-actions .quick-add{display:block;opacity:1;transform:none}.case-studies{grid-template-columns:1fr}.case-study:first-child{grid-column:auto}.case-art{height:360px}.portfolio-section{padding-bottom:75px}.proof-strip{grid-template-columns:1fr 1fr;padding:30px 25px;gap:18px}.proof-strip div:nth-child(2){border-right:0}.proof-strip div{padding-right:8px}.founder-section{grid-template-columns:1fr;padding-top:75px;padding-bottom:75px;gap:35px}.founder-portrait{height:420px}.results-grid{grid-template-columns:1fr}.result-cta{grid-column:auto}.dashboard-section{padding:75px 20px}.dash-header{padding:18px}.dash-tabs{padding:0 18px;gap:16px}.dash-panel{padding:18px}.file-row{grid-template-columns:35px 1fr}.file-download{grid-column:2;justify-self:start}.product-detail-copy{padding:40px 24px 26px}.product-detail-copy h2{font-size:40px}.product-detail-art{min-height:350px}.checkout-modal{padding:42px 24px 25px}.detail-buttons{display:grid;grid-template-columns:1fr}.detail-add{padding:14px}.case-caption h3{font-size:20px}}
