@font-face{font-family:Geist;src:url('/assets/fonts/geist-variable.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:Noto;src:url('/assets/fonts/noto-sans-sc-100-900-subset.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--bg:#f8f8f5;--panel:#fff;--raised:#efefeb;--text:#171717;--muted:#65655f;--line:#dcdcd6;--accent:#2524db;--accent-soft:#eeeeff;--ease-out:cubic-bezier(.23,1,.32,1);--good:#286341;--sans:Geist,Noto,'PingFang SC','Microsoft YaHei',sans-serif;--gutter:clamp(22px,4.4vw,76px);font-family:var(--sans);color-scheme:light;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:15px;line-height:1.75}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea{touch-action:manipulation}button{color:inherit;cursor:pointer;border:0;background:none}button:disabled{cursor:not-allowed;opacity:.48}img{max-width:100%;display:block}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:550;line-height:1.32;text-wrap:pretty}h1{font-size:clamp(32px,3.6vw,48px);letter-spacing:-.04em}h2{font-size:28px;letter-spacing:-.035em}h3{font-size:19px;letter-spacing:-.02em}p{text-wrap:pretty}a,button{transition:color .16s,background-color .16s,border-color .16s}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}::selection{background:var(--accent);color:white}input,textarea,select{width:100%;min-height:48px;color:var(--text);background:#fff;border:1px solid #bdbdb5;border-radius:3px;padding:12px 14px}textarea{min-height:108px;resize:vertical}input[type=checkbox]{width:18px;min-height:18px;accent-color:var(--accent);flex-shrink:0}label{display:block;font-weight:500;margin-bottom:7px}small{font-size:12px}.muted{color:var(--muted)}.accent{color:var(--accent)}.eyebrow{font-size:11px;line-height:1.5;font-weight:500;letter-spacing:.12em;color:var(--muted);margin-bottom:20px}.small-text{font-size:12px!important}.center{text-align:center}.skip{position:fixed;left:20px;top:8px;transform:translateY(calc(-100% - 16px));background:var(--accent);color:#fff;padding:12px;z-index:200}.skip:focus-visible{transform:translateY(0)}.preview-strip{min-height:30px;background:#eaeae5;color:#55564f;font-size:10px;display:flex;align-items:center;justify-content:center;gap:28px;padding:5px 16px;border-bottom:1px solid #d6d6ce}.preview-strip>span:first-child{display:flex;align-items:center;gap:6px}.preview-strip i{height:5px;width:5px;border-radius:50%;background:#797971}.preview-strip a{text-decoration:underline;text-underline-offset:3px}.brand{font-size:27px;font-weight:700;letter-spacing:-1.5px;line-height:1;white-space:nowrap;display:inline-flex;align-items:center}.brand b{font-size:8px;color:var(--accent);margin-left:4px}.brand-dot{font-size:10px;letter-spacing:0;margin:3px 0 0 5px;align-self:flex-start}.btn{display:inline-flex;align-items:center;justify-content:center;gap:26px;min-height:50px;padding:13px 25px;background:var(--accent);color:white;border:1px solid var(--accent);border-radius:100px;font-size:14px;font-weight:500;line-height:1.5;text-align:center}@media (hover:hover) and (pointer:fine){.btn:hover{background:#1616b6;border-color:#1616b6}}.btn:active{transform:translateY(1px)}.btn.secondary{background:transparent;color:var(--text);border-color:#bcbcb4}@media (hover:hover) and (pointer:fine){.btn.secondary:hover{background:#e9e9e2;border-color:var(--text)}}.btn.small{font-size:12px;min-height:42px;padding:10px 18px;gap:18px}.btn.full{width:100%}.link,.text-link{display:inline-flex;align-items:center;gap:15px;min-height:44px;font-size:13px;font-weight:500;padding:0}@media (hover:hover) and (pointer:fine){.link:hover,.text-link:hover{color:var(--accent)}}.text-link{border-bottom:1px solid var(--text);min-height:38px;padding-bottom:2px}@media (hover:hover) and (pointer:fine){.text-link:hover{border-color:var(--accent)}}.pill{display:inline-flex;align-items:center;font-size:11px;line-height:1.6;color:var(--accent);background:var(--accent-soft);border:1px solid #d7d7f5;padding:7px 12px;border-radius:30px;white-space:nowrap}.pill.neutral{background:transparent;color:var(--muted);border-color:var(--line)}
/* Public website — a personal brand, with a clear storefront. */
.site-header{height:90px;padding:0 var(--gutter);max-width:1600px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line)}.desktop-nav{display:flex;gap:32px;align-items:center}.desktop-nav a{font-size:13px;min-height:44px;display:flex;align-items:center;position:relative}.desktop-nav a[aria-current=page]:after{content:'';position:absolute;bottom:4px;left:0;right:0;height:1px;background:var(--text)}@media (hover:hover) and (pointer:fine){.desktop-nav a:hover{color:var(--accent)}}.site-account{display:flex;align-items:center;gap:25px;font-size:13px}.site-account>a:not(.btn){min-height:44px;display:flex;align-items:center}.mobile-menu{display:none}.public-main{max-width:1600px;margin:auto}.public-inner{padding:54px var(--gutter) 88px}.store-hero{padding:0 var(--gutter)}.hero-topline{font-size:10px;letter-spacing:.06em;display:flex;justify-content:space-between;padding:23px 0 0;color:var(--muted)}.hero-composition{display:grid;grid-template-columns:1.08fr 1fr;gap:6%;align-items:center;padding:36px 0 38px}.hero-copy .eyebrow{margin-bottom:24px;font-size:10px}.hero-copy h1{font-size:clamp(36px,4.75vw,72px);line-height:1.22;letter-spacing:-.05em;font-weight:550}.hero-lead{font-size:16px;line-height:1.9;color:var(--muted);margin-top:28px}.hero-buttons{display:flex;align-items:center;gap:28px;margin-top:32px}.hero-note{display:flex;align-items:center;gap:15px;margin-top:34px}.hero-note strong{font-size:29px;font-weight:500;letter-spacing:-.06em}.hero-note>span{font-size:10px;line-height:1.65;color:var(--muted);border-left:1px solid #c6c6bd;padding-left:15px}.founder-feature{position:relative;background:#e9e7e8;aspect-ratio:1.06;overflow:hidden}.founder-feature>img{width:100%;height:100%;object-fit:cover;object-position:50% 17%;filter:saturate(.2)}.founder-feature figcaption{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:#171717;color:white}.founder-feature strong{font-size:16px;font-weight:500}.founder-feature figcaption div>span{display:block;font-size:10px;letter-spacing:.04em;color:#c1c1bb;margin-top:5px}.portrait-mark{font-size:28px;line-height:1}.hero-index{display:grid;grid-template-columns:repeat(3,1fr) 1.5fr;border-top:1px solid var(--text);padding:18px 0 20px;font-size:10px;color:var(--muted)}.hero-index a{text-align:right;color:var(--text)}.store-section{padding:86px var(--gutter)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:36px}.section-heading h2{font-size:clamp(32px,3.1vw,46px);line-height:1.3;font-weight:500;letter-spacing:-.045em}.section-heading p:not(.eyebrow){font-size:13px;color:var(--muted);line-height:1.85}.section-heading .text-link{margin-top:17px}.deliverables{background:#eeeEE9}.section-caption{font-size:11px;color:var(--muted);margin-top:24px}.benefit-rows article{display:grid;grid-template-columns:60px 1fr 1.3fr;gap:28px;padding:30px 0;border-top:1px solid var(--line);align-items:start}.benefit-rows article:last-child{border-bottom:1px solid var(--line)}.benefit-rows article>span{font-size:12px;color:var(--muted);padding-top:5px}.benefit-rows h3{font-size:22px;font-weight:500}.benefit-rows p{font-size:14px;color:var(--muted);max-width:570px}.price-section{display:grid;grid-template-columns:1.05fr .95fr;gap:9%;background:#1c1c1b;color:#f8f8f4}.price-story>.eyebrow{color:#b3b3a9}.price-story>h2{font-size:clamp(42px,4.5vw,64px);font-weight:500;line-height:1.25;letter-spacing:-.05em}.price-story>p{font-size:14px;line-height:1.9;color:#b9b9b0;margin-top:28px}.service-boundary{border-top:1px solid #55554e;margin-top:54px;padding-top:25px;max-width:480px}.service-boundary h3{font-size:17px;font-weight:500;margin-bottom:15px}.service-boundary p{font-size:12px;line-height:1.9;color:#b9b9b0;margin-top:12px}.purchase-card{padding:32px 36px;background:var(--bg);color:var(--text)}.purchase-card .eyebrow{margin:0}.purchase-card>h3{font-size:25px;margin:28px 0 18px}.price{font-size:70px;font-weight:500;line-height:1;letter-spacing:-.06em;margin:20px 0}.price>span{font-size:30px;margin-right:5px;vertical-align:top;line-height:1.65}.price>small{font-size:11px;font-weight:400;letter-spacing:0;margin-left:12px;color:var(--muted)}.price-caption{font-size:12px;color:var(--muted)}.benefits{list-style:none;padding:0;margin:24px 0}.benefits li{padding:8px 0;font-size:12px;display:flex;gap:12px}.benefits li:before{content:'✓';color:var(--accent)}.old-member-link{display:block;text-align:center;font-size:12px;text-decoration:underline;text-underline-offset:4px;padding:18px 0 0}.fine-print{font-size:10px;color:var(--muted);margin-top:22px}.join-steps{display:grid;grid-template-columns:1fr 2fr;gap:8%}.join-steps h2{font-size:37px}.join-steps ol{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;list-style:none;padding:0;margin:0}.join-steps li{border-top:1px solid #99998d;padding-top:14px}.join-steps li>span{font-size:11px;color:var(--muted)}.join-steps h3{font-size:17px;margin:26px 0 13px}.join-steps p{font-size:12px;color:var(--muted)}.faq-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:8%;border-top:1px solid var(--line)}.faq-section h2{font-size:32px}.faq-section>.faq{margin:0}.faq-section .text-link{margin-top:26px}.business-teaser{padding:60px var(--gutter);text-align:center;background:#eeeEE9}.business-teaser h2{font-size:35px}.business-teaser p:not(.eyebrow){font-size:13px;color:var(--muted);margin:16px 0 24px}.site-footer{padding:50px var(--gutter) 24px;display:grid;grid-template-columns:1fr 1fr;gap:35px;background:#171717;color:#f6f6f1}.site-footer p{margin-top:18px;font-size:13px}.site-footer small{font-size:10px;color:#9e9e97}.site-footer>nav{display:grid;grid-template-columns:1fr 1fr;align-content:start;gap:14px;font-size:12px;margin-left:auto}.site-footer .link{min-height:unset;color:inherit;font-size:12px}.footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;gap:18px;border-top:1px solid #484843;padding-top:20px;font-size:10px;color:#a4a49b}
/* Shared content and the member workspace. */
.layout{display:grid;grid-template-columns:215px minmax(0,1fr);min-height:calc(100vh - 30px)}.sidebar{padding:33px 23px 22px;border-right:1px solid var(--line);background:#efefea;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.sidebar .brand{font-size:26px}.brand-caption{font-size:9px;color:var(--muted);letter-spacing:.09em;margin-top:12px}.nav-label{font-size:9px;color:#85857c;letter-spacing:.1em;margin:42px 10px 13px}.side-nav{display:flex;flex-direction:column;gap:5px}.side-nav>a{display:flex;align-items:center;gap:12px;padding:11px 12px;font-size:12px;min-height:46px;border-radius:4px;color:#5f5f56}@media (hover:hover) and (pointer:fine){.side-nav>a:hover{background:#e5e5de;color:var(--text)}}.side-nav>a[aria-current=page]{background:#171717;color:#fff}.symbol{width:20px;height:20px;display:inline-flex}.symbol svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}.side-bottom{margin-top:auto;padding-top:32px;font-size:11px;color:var(--muted)}.side-bottom a{display:block;min-height:44px;padding:10px 0}.founder{display:flex;align-items:center;gap:10px;padding:18px 0;border-top:1px solid var(--line);font-size:11px;color:var(--text)}.founder img{width:36px;height:36px;border-radius:50%;object-fit:cover;object-position:50% 20%}.founder small{display:block;font-size:9px;color:var(--muted)}.workspace{min-width:0}.topbar{height:76px;padding:0 40px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.breadcrumb{font-size:11px;color:var(--muted)}.breadcrumb span{margin-left:15px;color:var(--text)}.user-menu{display:flex;align-items:center;gap:12px;font-size:11px}.user-menu button{font-size:11px;text-decoration:underline;text-underline-offset:4px;min-height:44px;padding:0 5px}.user-avatar{height:29px;width:29px;border:1px solid #c3c3b8;border-radius:50%;display:grid;place-items:center;font-size:11px;background:#eaeae3}.content{padding:40px;max-width:1320px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:26px;margin-bottom:32px}.page-heading .eyebrow{font-size:9px;margin-bottom:12px}.page-heading h1{font-size:clamp(29px,3vw,42px);line-height:1.3}.page-heading p:not(.eyebrow){font-size:13px;color:var(--muted);margin-top:14px}.member-summary{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:19px 0;border-top:1px solid var(--text);border-bottom:1px solid var(--line);margin-bottom:30px;font-size:12px}.member-summary p{color:var(--muted);font-size:12px}.member-summary strong{font-size:17px;font-weight:500}.hero-grid{display:grid;grid-template-columns:1.8fr 1fr;gap:25px;margin-bottom:28px}.welcome{padding:30px;background:#ededE5;border:1px solid var(--line);min-height:245px;position:relative}.welcome h2{font-size:32px}.welcome p:not(.eyebrow){font-size:13px;color:var(--muted);margin:18px 0;max-width:440px}.welcome-avatar{display:none}.membership-card{padding:30px;border:1px solid var(--line)}.membership-card h3{font-size:25px;margin:15px 0 6px}.membership-card .label{font-size:11px;color:var(--muted)}.membership-card .link{margin-top:12px}.member-line{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:12px;margin-top:18px;font-size:11px}.quick-grid,.home-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--text);border-bottom:1px solid var(--text);margin:30px 0 42px}.quick{position:relative;display:block;padding:30px 23px 32px;min-height:190px;border-right:1px solid var(--line);background:transparent}.quick:first-child{padding-left:0}.quick:last-child{border-right:0}@media (hover:hover) and (pointer:fine){.quick:hover{background:#eeeEE6}}.quick-number{display:block;font-size:9px;letter-spacing:.08em;color:var(--muted);margin-bottom:28px}.quick h3{font-size:22px;font-weight:500;padding-right:18px}.quick p{font-size:11px;color:var(--muted);margin-top:10px}.quick .arrow{position:absolute;right:18px;top:28px;font-size:24px;color:var(--accent)}.section-line{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:23px}.section-line h2{font-size:23px;font-weight:500}.resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.resource-card{min-width:0;display:block;border-bottom:1px solid var(--line);padding-bottom:10px}.resource-image{height:228px;position:relative;overflow:hidden;background:#e2e3dc;display:flex;justify-content:center;align-items:center;padding:22px}.resource-image img{height:100%;width:100%;object-fit:contain;filter:drop-shadow(0 5px 7px #0002);transition:transform .25s var(--ease-out)}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.resource-card:hover .resource-image img{transform:translateY(-4px)}}.image-label{position:absolute;top:10px;left:10px;background:#f8f8f2ed;padding:3px 8px;font-size:9px;line-height:1.5;border-radius:2px}.resource-copy{padding:20px 0 13px}.resource-copy h3{font-size:19px;font-weight:500}.resource-copy>p{font-size:12px;color:var(--muted);margin:7px 0 16px;min-height:21px}.resource-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:10px;color:var(--muted)}.resource-meta b{font-size:19px;color:var(--text);font-weight:400}@media (hover:hover) and (pointer:fine){.resource-card:hover h3{color:var(--accent)}}.resource-meta .status{font-size:9px}.resource-availability{font-size:10px;color:var(--muted)}.search{max-width:310px;border-radius:30px;min-height:45px;background:transparent;font-size:12px;padding-left:20px}.filters{display:flex;flex-wrap:wrap;gap:8px;margin:27px 0}.filter{min-height:42px;border:1px solid var(--line);padding:8px 17px;border-radius:25px;font-size:11px}.filter.active{background:#171717;border-color:#171717;color:#fff}@media (hover:hover) and (pointer:fine){.filter:hover:not(.active){border-color:#555}}.notice{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 21px;background:var(--accent-soft);border:1px solid #dddDF6;font-size:12px;color:#464664;margin:18px 0}.notice.plain{background:#eeeEE8;border-color:var(--line);color:var(--muted)}.notice p{font-size:12px;line-height:1.8}.notice .link{flex-shrink:0;color:var(--accent)}.panel{background:#fff;border:1px solid var(--line);padding:29px;margin-bottom:22px}.panel h2{font-size:23px}.panel>p{font-size:13px;color:var(--muted);margin-top:15px}.detail-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.9fr);gap:28px;margin-top:30px}.detail-cover{width:100%;height:340px;object-fit:contain;background:#edede6;padding:20px;margin-bottom:28px}.steps{list-style:none;padding:0;margin:24px 0 0;counter-reset:step}.steps li{counter-increment:step;position:relative;padding:0 0 25px 42px;font-size:13px;line-height:1.8}.steps li:before{content:counter(step,decimal-leading-zero);position:absolute;left:0;top:0;width:27px;height:27px;border:1px solid #cfcfc6;color:var(--accent);font-size:10px;display:grid;place-items:center;border-radius:50%}.steps li small{display:block;color:var(--muted);font-size:11px;margin-top:7px}.download-box{position:sticky;top:24px}.download-box .btn{margin:12px 0}.meta-list{margin:24px 0}.meta-list div{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid var(--line);font-size:11px}.meta-list dt{color:var(--muted)}.meta-list dd{margin:0;text-align:right}.empty{padding:58px 25px;text-align:center;background:#eeeEE8;border:1px solid var(--line)}.empty-symbol{margin:0 auto 20px;width:52px;height:52px;border:1px solid #c4c4b8;display:grid;place-items:center;border-radius:50%;font-size:24px;color:var(--accent)}.empty h2{font-size:26px;margin-bottom:14px}.empty p{color:var(--muted);font-size:13px;max-width:480px;margin:0 auto 22px}.empty .btn{margin:5px}.faq{margin-top:28px}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq details:first-child{border-top:1px solid var(--line)}.faq summary{cursor:pointer;list-style:none;font-size:14px;padding-right:26px;position:relative;min-height:24px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';position:absolute;right:0;font-size:19px;top:-3px;font-weight:400}.faq details[open] summary:after{content:'−'}.faq p{font-size:12px;color:var(--muted);padding-top:17px;line-height:1.9}.footer-note{display:flex;justify-content:space-between;gap:20px;font-size:10px;color:var(--muted);margin-top:60px;border-top:1px solid var(--line);padding-top:20px}.table-wrap{overflow:auto;border:1px solid var(--line);background:#fff}table{width:100%;border-collapse:collapse;font-size:12px;text-align:left}th{font-weight:400;color:var(--muted);background:#eeeEE8;padding:14px 18px;white-space:nowrap}td{padding:18px;border-bottom:1px solid var(--line)}tr:last-child td{border-bottom:0}.order-id{font-size:10px;color:var(--muted);overflow-wrap:anywhere}.status{display:inline-block;font-size:10px;color:#68603e;background:#eeeAD9;padding:4px 9px;border-radius:20px;white-space:nowrap}.status.success{color:#286341;background:#e5eee6}.status.dim{color:#66645b;background:#eeede7}.request-card{display:flex;justify-content:space-between;align-items:flex-start;gap:25px;padding:26px 0;border-top:1px solid var(--line)}.request-card h3{margin:10px 0;font-size:20px}.request-card p{font-size:12px;color:var(--muted);margin:7px 0;white-space:pre-wrap;overflow-wrap:anywhere}.request-card .actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex-shrink:0;max-width:44%}.account-form{max-width:620px}.field{margin:21px 0}.field label{font-size:12px}.check{display:flex;align-items:flex-start;gap:11px;font-size:11px;line-height:1.8;font-weight:400;color:var(--muted);margin:23px 0}.check input{margin-top:3px}.form-error{color:#a13830;font-size:12px;min-height:18px;margin:12px 0}.community-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:26px}.qr{width:168px;margin:24px auto 18px;border:1px solid #e4e4db;padding:7px;background:#fff}.split{display:flex;align-items:center;justify-content:space-between;gap:15px}.subtle-list{padding-left:18px;color:var(--muted);font-size:12px;line-height:2}.inline-help{font-size:12px;color:var(--muted);margin:18px 0}.activity-list{margin-bottom:30px}.activity-row{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:16px 0;font-size:12px}.activity-row p{color:var(--muted);font-size:11px}.activity-row strong{font-size:13px;font-weight:500}.license-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:25px 0 30px;padding:0;list-style:none;counter-reset:license}.license-steps>li,.license-steps>div{border-top:1px solid #bfbfb5;padding-top:14px;font-size:12px;counter-increment:license}.license-steps small{display:block;color:var(--muted);font-size:10px;margin-top:7px}.license-steps span{color:var(--muted);font-size:10px;display:block;margin-bottom:8px}.admin-stats{display:flex;gap:45px;border-bottom:1px solid var(--line);padding:20px 0 25px;margin-bottom:25px}.admin-stats strong{display:block;font-size:36px;font-weight:500;line-height:1.3}.admin-stats span{font-size:11px;color:var(--muted)}.admin-intro{font-size:13px;color:var(--muted);margin-bottom:20px}.review-note{margin-top:15px;font-size:12px;min-height:80px}.review-body{flex:1;min-width:0}.admin-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.admin-tabs button{font-size:11px;border:1px solid var(--line);border-radius:25px;min-height:40px;padding:8px 15px}.admin-tabs button.active,.admin-tabs button[aria-pressed=true]{background:#171717;color:#fff;border-color:#171717}.route-intro{margin-bottom:16px}.loading{padding:90px 30px;text-align:center;color:var(--muted);font-size:13px}
/* Login is a task, not another sales page. */
.login-layout{min-height:calc(100vh - 30px);display:grid;grid-template-columns:1fr 1fr}.login-story{padding:45px 12%;background:#22221f;color:#f8f8f2;display:flex;flex-direction:column;position:relative;overflow:hidden}.login-story h1{font-size:clamp(32px,3.4vw,50px);line-height:1.4;margin-top:85px;position:relative;z-index:1;letter-spacing:-.04em}.login-story>p{font-size:13px;line-height:1.85;color:#b9b9ae;max-width:350px;margin-top:25px;position:relative;z-index:1}.login-story>img{width:100%;height:220px;object-fit:cover;object-position:50% 27%;margin-top:40px;filter:grayscale(1)}.login-points{list-style:none;padding:0;border-top:1px solid #56564d;margin-top:35px}.login-points li{padding:13px 0;border-bottom:1px solid #56564d;font-size:12px;color:#d1d1c5}.login-points span{color:#8e8e7e;margin-right:15px;font-size:10px}.login-form-wrap{padding:52px 15%;display:flex;flex-direction:column;justify-content:center;background:#fff}.login-form-wrap h2{font-size:30px;margin-bottom:16px}.login-form-wrap>p{font-size:12px;color:var(--muted);margin-bottom:20px}.code-row{display:grid;grid-template-columns:minmax(0,1fr) 125px;gap:10px}.code-row .btn{font-size:11px;padding-inline:9px;border-radius:3px}.demo-accounts{border-top:1px solid var(--line);padding-top:22px;margin-top:26px}.demo-accounts p,.demo-accounts summary{font-size:11px;color:var(--muted);margin-bottom:12px}.demo-accounts button{min-height:40px;border:1px solid var(--line);border-radius:3px;font-size:10px;padding:9px 12px;margin:0 5px 8px 0}@media (hover:hover) and (pointer:fine){.demo-accounts button:hover{border-color:var(--text)}}.code-hint{padding:11px 13px;background:var(--accent-soft);color:var(--accent);font-size:12px;margin-top:13px}.login-form-wrap>.link{margin-top:14px}.login-story .brand{color:#fff}
/* Business and about pages remain part of the same website. */
.commercial-hero{padding:18px 0 64px;max-width:920px}.commercial-hero h1,.about-hero h1{font-size:clamp(37px,4.8vw,65px);line-height:1.3}.commercial-hero>p:not(.eyebrow){font-size:16px;color:var(--muted);margin:27px 0}.service-list article{display:grid;grid-template-columns:65px minmax(0,1fr) auto;gap:25px;border-top:1px solid var(--line);padding:35px 0}.service-number{font-size:12px;color:var(--muted);padding-top:8px}.service-list h2{font-size:28px;margin-bottom:14px}.service-list h3{font-size:15px;font-weight:400;margin-bottom:12px}.service-list p{max-width:740px;font-size:13px;color:var(--muted)}.service-list .text-link{align-self:start;font-size:12px}.editorial-note{display:grid;grid-template-columns:1fr 1fr;gap:10%;border-top:1px solid var(--text);padding:55px 0 10px;margin-top:45px}.editorial-note h2{font-size:38px;font-weight:500;line-height:1.4}.editorial-note p{color:var(--muted);font-size:14px;line-height:2}.about-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:8%;align-items:center}.about-hero>img{height:550px;width:100%;object-fit:cover;object-position:50% 15%;filter:grayscale(1)}.about-hero p:not(.eyebrow){font-size:14px;line-height:1.9;color:var(--muted);margin-top:25px}.about-hero .btn{margin-top:30px}.about-links{display:flex;gap:25px;flex-wrap:wrap;margin-top:35px}
/* Dialog and feedback. */
#toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);background:#171717;color:#fff;max-width:calc(100vw - 32px);padding:14px 23px;border-radius:5px;font-size:12px;z-index:110;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;box-shadow:0 6px 25px #0002}#toast.visible{opacity:1;transform:translate(-50%,0)}dialog{width:min(530px,calc(100vw - 32px));border:1px solid var(--line);border-radius:4px;background:var(--bg);color:var(--text);padding:36px;max-height:90vh;overflow:auto;box-shadow:0 12px 50px #0002}dialog::backdrop{background:#17171799;backdrop-filter:blur(3px)}dialog h2{font-size:28px;margin:8px 0 20px}dialog p{color:var(--muted);font-size:13px;margin-bottom:14px}.dialog-close{position:absolute;right:10px;top:8px;font-size:25px;width:40px;height:40px}.dialog-order{font-size:11px;padding:20px;background:#ebebe3;overflow-wrap:anywhere;margin:24px 0}.dialog-order strong{display:block;font-size:40px;margin-top:12px;font-weight:500}.dialog-order+.notice{margin-bottom:24px}
@media(min-width:1550px){.hero-composition{padding-block:55px}.resource-image{height:265px}.hero-copy .hero-lead{font-size:18px}}
@media(max-width:1150px){.desktop-nav{gap:21px}.site-account{gap:17px}.layout{grid-template-columns:190px minmax(0,1fr)}.sidebar{padding-inline:17px}.topbar{padding-inline:28px}.content{padding:32px 28px}.resource-grid{gap:18px}.resource-image{height:195px;padding:19px}.resource-copy h3{font-size:17px}.quick{padding-inline:18px}.quick h3{font-size:19px}.hero-copy h1{font-size:4.7vw}.hero-composition{gap:5%}.hero-lead{font-size:14px}.hero-note{margin-top:25px}.hero-buttons{gap:22px}.store-section{padding-block:66px}.price-section{gap:6%}.purchase-card{padding:28px}.join-steps{grid-template-columns:.8fr 2fr;gap:5%}.join-steps h2{font-size:31px}.join-steps ol{gap:18px}.request-card .actions{max-width:40%}.login-form-wrap{padding-inline:11%}}
@media(max-width:900px){.desktop-nav{gap:18px}.site-account>a:not(.btn){display:none}.hero-composition{grid-template-columns:1fr 1fr;gap:5%}.hero-copy h1{font-size:4.7vw}.hero-copy .eyebrow{font-size:8px;letter-spacing:.08em;margin-bottom:20px}.hero-lead{font-size:12px;margin-top:22px}.hero-buttons{gap:15px;margin-top:24px;flex-wrap:wrap}.hero-buttons .btn{font-size:12px;padding:12px 20px}.hero-buttons .text-link{font-size:11px}.hero-note{margin-top:22px}.hero-note strong{font-size:24px}.hero-note>span{font-size:9px}.founder-feature{aspect-ratio:.85}.founder-feature figcaption{padding:16px}.founder-feature figcaption div>span{font-size:9px}.hero-topline span:last-child{display:none}.hero-index{font-size:9px}.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.deliverables .resource-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.deliverables .resource-image{height:190px}.deliverables .resource-copy h3{font-size:16px}.deliverables .resource-copy>p{font-size:10px}.section-heading h2{font-size:33px}.benefit-rows article{grid-template-columns:30px 1fr 1.2fr;gap:20px}.benefit-rows h3{font-size:19px}.benefit-rows p{font-size:12px}.price-section{gap:5%}.price-story>h2{font-size:43px}.price-story>p{font-size:12px}.purchase-card{padding:25px}.join-steps{grid-template-columns:1fr}.join-steps ol{margin-top:30px}.faq-section{grid-template-columns:1fr;gap:25px}.faq-section .text-link{margin-top:12px}.detail-grid,.community-grid{grid-template-columns:1fr}.download-box{position:static}.hero-grid{grid-template-columns:1fr}.membership-card{display:none}.quick h3{font-size:17px}.quick{min-height:185px}.quick p{font-size:10px}.quick .arrow{right:13px}.page-heading{flex-wrap:wrap;gap:18px}.request-card{flex-direction:column;gap:18px}.request-card .actions{max-width:100%;flex-shrink:1}.about-hero{gap:5%}.about-hero>img{height:470px}.about-hero h1{font-size:38px}.about-hero p:not(.eyebrow){font-size:12px}.login-story{padding-inline:10%}.login-story h1{margin-top:65px;font-size:34px}.login-form-wrap{padding-inline:10%}}
@media(max-width:680px){body{font-size:14px}.preview-strip{justify-content:space-between;font-size:9px;gap:12px;min-height:28px;padding-inline:18px}.preview-strip>span:nth-child(2){display:none}.site-header{height:74px;gap:16px}.site-header .brand{font-size:25px}.desktop-nav{display:none}.site-account{margin-left:auto}.site-account .btn{min-height:38px;font-size:10px;padding:10px 14px;gap:10px}.mobile-menu{display:block;position:relative;font-size:11px}.mobile-menu summary{list-style:none;min-height:44px;display:flex;align-items:center;cursor:pointer;white-space:nowrap}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu nav{position:absolute;right:0;top:52px;width:205px;background:var(--bg);border:1px solid var(--line);box-shadow:0 8px 20px #0001;z-index:30;padding:12px}.mobile-menu nav>a{display:block;min-height:44px;padding:10px 12px}.mobile-menu nav>a[aria-current=page]{background:#e9e9e3}.hero-topline{padding-top:20px;font-size:9px}.hero-composition{grid-template-columns:1fr;padding:35px 0 27px;gap:30px}.hero-copy h1{font-size:clamp(36px,9.1vw,55px);line-height:1.28;letter-spacing:-.035em}.hero-copy .eyebrow{font-size:9px;letter-spacing:.08em;margin-bottom:20px}.hero-lead{font-size:13px;line-height:1.95;margin-top:22px}.hero-buttons{margin-top:25px;gap:25px}.hero-buttons .btn{font-size:12px;min-height:47px;padding-inline:21px}.hero-buttons .text-link{font-size:12px}.hero-note{margin-top:23px}.hero-note strong{font-size:28px}.hero-note>span{font-size:10px}.founder-feature{aspect-ratio:1.18}.founder-feature>img{object-position:50% 20%}.founder-feature figcaption{padding:15px 18px}.founder-feature strong{font-size:15px}.founder-feature figcaption div>span{font-size:9px}.hero-index{grid-template-columns:repeat(3,1fr);gap:5px;font-size:9px;padding:16px 0}.hero-index a{grid-column:1/-1;text-align:left;margin-top:11px;min-height:25px}.store-section{padding:48px var(--gutter)}.section-heading{display:block;margin-bottom:28px}.section-heading h2{font-size:31px}.section-heading>div+div,.section-heading>p{margin-top:22px}.section-heading p:not(.eyebrow){font-size:12px}.section-heading .text-link{margin-top:10px}.deliverables .resource-grid{grid-template-columns:1fr;gap:27px}.deliverables .resource-image{height:270px;padding:24px}.deliverables .resource-copy h3{font-size:20px}.deliverables .resource-copy>p{font-size:12px}.section-caption{font-size:10px}.benefit-rows article{grid-template-columns:30px 1fr;gap:12px;padding-block:24px}.benefit-rows article p{grid-column:2}.benefit-rows h3{font-size:18px}.price-section{grid-template-columns:1fr;gap:36px}.price-story>h2{font-size:43px}.price-story>p{font-size:12px}.service-boundary{margin-top:30px;padding-top:23px}.service-boundary h3{font-size:15px}.service-boundary p{font-size:11px}.purchase-card{padding:25px}.purchase-card>h3{font-size:23px}.price{font-size:67px}.join-steps ol{grid-template-columns:1fr;gap:23px}.join-steps li{display:grid;grid-template-columns:30px 1fr;column-gap:12px}.join-steps h3{margin:0 0 10px;font-size:17px}.join-steps p{grid-column:2}.join-steps h2,.faq-section h2{font-size:30px}.faq-section>.faq{margin-top:4px}.business-teaser{padding:45px 22px}.business-teaser h2{font-size:27px}.business-teaser p:not(.eyebrow){font-size:12px}.site-footer{grid-template-columns:1fr;padding:40px var(--gutter) 24px;gap:29px}.site-footer>nav{margin:0;gap:18px}.footer-bottom{flex-wrap:wrap;font-size:9px;gap:15px}.footer-bottom>span:last-child{width:100%}.public-inner{padding:32px var(--gutter) 45px}.commercial-hero{padding:15px 0 40px}.commercial-hero h1,.about-hero h1{font-size:35px}.commercial-hero>p:not(.eyebrow){font-size:13px}.service-list article{grid-template-columns:25px 1fr;gap:13px;padding:26px 0}.service-list h2{font-size:24px}.service-list h3{font-size:13px;line-height:1.8}.service-list p{font-size:12px}.service-list .text-link{grid-column:2;justify-self:start}.editorial-note{grid-template-columns:1fr;gap:30px;margin-top:30px;padding-top:30px}.editorial-note h2{font-size:31px}.editorial-note p{font-size:13px}.editorial-note .steps{margin-top:0}.about-hero{grid-template-columns:1fr;gap:32px}.about-hero>img{height:390px}.about-hero p:not(.eyebrow){font-size:13px}.about-links{gap:20px}.layout{display:block}.sidebar{position:static;height:auto;padding:22px 20px 0;border-right:0;border-bottom:1px solid var(--line)}.sidebar .brand{font-size:25px}.brand-caption{font-size:9px;margin:8px 0 18px}.nav-label,.side-bottom{display:none}.side-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0 -7px}.side-nav>a{min-height:44px;border-radius:3px 3px 0 0;font-size:11px;justify-content:center;padding:11px 5px;gap:5px}.side-nav .symbol{display:none}.side-nav>a[aria-current=page]{background:#171717}.topbar{height:58px;padding-inline:20px}.breadcrumb{font-size:10px}.breadcrumb span{margin-left:9px}.user-menu{gap:8px;font-size:10px}.user-avatar{width:25px;height:25px}.user-menu button{font-size:10px}.content{padding:29px 20px 35px}.page-heading{margin-bottom:26px;gap:17px}.page-heading h1{font-size:29px}.page-heading p:not(.eyebrow){font-size:12px}.page-heading .eyebrow{font-size:9px}.member-summary{align-items:flex-start;flex-wrap:wrap;padding:17px 0;gap:12px}.member-summary strong{font-size:15px}.member-summary p{font-size:11px}.quick-grid,.home-actions{grid-template-columns:1fr;margin:22px 0 34px}.quick{min-height:135px;border-right:0;border-bottom:1px solid var(--line);padding:22px 6px!important}.quick:last-child{border-bottom:0}.quick-number{margin-bottom:13px;font-size:9px}.quick h3{font-size:22px}.quick p{font-size:12px;margin-top:7px}.quick .arrow{top:26px;right:10px}.resource-grid{grid-template-columns:1fr;gap:25px}.resource-image{height:230px;padding:23px}.resource-copy h3{font-size:20px}.resource-copy>p{font-size:12px;min-height:0;margin:8px 0 15px}.resource-meta{font-size:10px}.section-line h2{font-size:21px}.section-line .link{font-size:11px}.search{max-width:100%;width:100%}.filters{gap:6px;margin:22px 0}.filter{font-size:10px;padding:8px 12px;min-height:41px}.notice{align-items:flex-start;flex-direction:column;padding:16px;gap:8px;font-size:11px}.notice p{font-size:11px}.panel{padding:24px 20px}.panel h2{font-size:22px}.detail-grid,.community-grid{gap:18px}.detail-cover{height:290px;padding:18px}.empty{padding:40px 22px}.empty h2{font-size:23px}.empty p{font-size:12px}.license-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.request-card{padding:22px 0;gap:15px}.request-card h3{font-size:19px}.request-card .actions{gap:8px}.activity-row{flex-wrap:wrap;gap:12px}.activity-row .link{min-height:30px}.footer-note{font-size:9px;gap:15px;margin-top:40px}.admin-stats{gap:22px}.admin-stats strong{font-size:29px}.admin-stats span{font-size:10px}th,td{padding:14px 12px}.login-layout{display:block}.login-story{padding:27px 25px 30px}.login-story h1{margin-top:35px;font-size:29px}.login-story>p{font-size:12px;margin-top:17px;max-width:none}.login-story>img,.login-points{display:none}.login-form-wrap{padding:34px 25px 45px}.login-form-wrap h2{font-size:26px}.login-form-wrap>p{font-size:12px}.code-row{grid-template-columns:minmax(0,1fr) 114px}.code-row .btn{font-size:10px}.demo-accounts{margin-top:22px}.demo-accounts button{font-size:10px;min-height:44px}dialog{padding:30px 23px;max-height:calc(100dvh - 30px)}dialog h2{font-size:25px}.dialog-order strong{font-size:35px}.faq summary{font-size:13px}.faq p{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Layout refinements for the shared member components. */
.sidebar .member-summary{display:flex;flex-direction:column;align-items:flex-start;gap:7px;margin:0 0 20px;padding:18px 0 0;border-bottom:0;border-top:1px solid var(--line)}.sidebar .member-summary .eyebrow{font-size:8px;margin:0}.sidebar .member-summary strong{font-size:12px;line-height:1.6}.sidebar .member-summary .link{font-size:10px;min-height:34px;padding:0}.quick h2{font-size:25px;font-weight:500;padding-right:20px}.resource-copy>.resource-meta:first-child{margin-bottom:11px;font-size:9px}.activity-row small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.login-story>div{margin:72px 0 40px}.login-story>div>.eyebrow{color:#b8b8ad}.login-story h1{margin-top:0}.login-story>div>p:not(.eyebrow){font-size:13px;color:#b9b9ae;margin-top:24px}.login-story>.link{margin-top:auto;color:#d8d8cf;font-size:11px}.detail-grid .panel>h2:not(:first-child){margin-top:27px}
@media(max-width:900px){.quick h2{font-size:21px}.login-story>div{margin-top:52px}}
@media(max-width:680px){.quick h2{font-size:23px}.login-story>div{margin:30px 0 21px}.login-story>div>p:not(.eyebrow){font-size:12px;margin-top:17px}.login-story h1{font-size:30px}.login-story>div>.eyebrow{font-size:9px;margin-bottom:16px}}
/* Editorial home: introduce the work, then give each audience a clear next step. */
.editorial-home{padding:0 var(--gutter)}
.editorial-masthead{padding:48px 0 38px}
.editorial-masthead>.eyebrow{margin-bottom:22px;font-size:10px;letter-spacing:.14em}
.editorial-masthead h1{font-size:clamp(47px,6.4vw,96px);line-height:1.19;letter-spacing:-.065em;font-weight:600}
.editorial-masthead h1 span{display:block}
.masthead-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-top:28px}
.masthead-bottom p{font-size:13px;line-height:1.9;color:var(--muted)}
.masthead-bottom .text-link{font-size:12px}
.site-account .account-entry{font-size:13px;display:flex;gap:20px;align-items:center;border-bottom:1px solid var(--text);min-height:36px}
.editorial-feature{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:5.5%;padding:32px 0 56px;border-top:1px solid var(--text);align-items:center}
.editorial-photo{position:relative;min-width:0}
.editorial-photo img{width:100%;height:auto;aspect-ratio:1.54;object-fit:cover}
.editorial-photo figcaption{font-size:9px;letter-spacing:.03em;color:var(--muted);margin-top:9px;text-align:right}
.editorial-feature-copy{padding:10px 0 28px}
.editorial-feature-copy>.eyebrow{font-size:10px;margin-bottom:24px}
.editorial-feature-copy h2{font-size:clamp(32px,3.4vw,51px);font-weight:500;line-height:1.28;letter-spacing:-.045em}
.editorial-feature-copy>p:not(.eyebrow){font-size:13px;line-height:1.95;color:var(--muted);margin-top:23px;max-width:350px}
.editorial-feature-copy>.text-link{margin-top:24px;color:var(--accent);border-color:var(--accent);font-size:12px}
.feature-note{display:block;font-size:9px;color:var(--muted);margin-top:34px;letter-spacing:.05em}
.editorial-section{padding:54px 0;border-top:1px solid var(--line)}
.editorial-section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:30px}
.editorial-section-heading h2{font-size:35px;font-weight:500}
.editorial-section-heading .eyebrow{font-size:9px;margin-bottom:12px}
.editorial-section-heading .text-link{font-size:12px}
.editorial-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
.editorial-card{min-width:0}
.project-film-cover{display:block;width:100%;position:relative;padding:0;background:#e6e6df;aspect-ratio:16/9;overflow:hidden;text-align:left}
.project-film-cover img{width:100%;height:100%;object-fit:cover;transition:transform .25s var(--ease-out)}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.project-film-cover:hover img{transform:scale(1.025)}}
.project-play{position:absolute;left:14px;bottom:14px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#f8f8f5ed;color:#171717;font-size:12px;padding-left:2px}
.film-caption{position:absolute;right:10px;bottom:15px;font-size:9px;padding:4px 7px;background:#171717c9;color:#fff;line-height:1.5}
.editorial-card-copy{padding:21px 0 0}
.editorial-card-copy>.eyebrow{display:block;font-size:9px;margin:0 0 10px;letter-spacing:.07em}
.editorial-card h3{font-size:22px;font-weight:500;letter-spacing:-.04em}
.editorial-card-copy>p{font-size:12px;color:var(--muted);line-height:1.85;margin-top:12px;max-width:340px;min-height:46px}
.editorial-card-copy>.text-link{font-size:11px;margin-top:17px;border-color:var(--line);color:var(--accent);min-height:34px}@media (hover:hover) and (pointer:fine){.editorial-card-copy>.text-link:hover{border-color:var(--accent)}}
.home-membership{display:grid;grid-template-columns:1fr 1.1fr;gap:8%;align-items:center;padding-block:60px}
.membership-copy h2,.home-business-copy h2{font-size:clamp(32px,3vw,44px);font-weight:500;line-height:1.3}
.membership-copy>.eyebrow,.home-business-copy>.eyebrow{font-size:10px;margin-bottom:20px}
.membership-copy>p:not(.eyebrow),.home-business-copy>p:not(.eyebrow){font-size:13px;line-height:1.9;color:var(--muted);margin-top:23px;max-width:370px}
.membership-price-note{display:flex;align-items:center;gap:17px;margin-top:23px;margin-bottom:21px}
.membership-price-note strong{font-size:29px;font-weight:500;letter-spacing:-.055em}
.membership-price-note span{font-size:10px;color:var(--muted)}
.membership-copy>.btn{font-size:12px;min-height:45px}
.membership-existing{display:block;color:var(--muted);font-size:10px;margin-top:17px;min-height:30px}@media (hover:hover) and (pointer:fine){.membership-existing:hover{color:var(--accent)}}
.manual-shelf{background:#eeeee7;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:45px 31px 20px;align-items:center}
.manual-shelf>a{display:block;min-width:0}
.manual-shelf img{width:100%;height:auto;aspect-ratio:1055/1491;object-fit:contain;box-shadow:4px 7px 14px #0002;transition:transform .2s var(--ease-out)}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.manual-shelf>a:hover img{transform:translateY(-4px)}}
.manual-shelf>a:nth-child(2){transform:translateY(-14px)}
.manual-shelf>p{grid-column:1/-1;text-align:center;font-size:9px;color:var(--muted);letter-spacing:.06em;margin-top:16px}
.home-business{display:grid;grid-template-columns:1.1fr 1fr;gap:8%;align-items:center;padding-block:60px}
.home-business .editorial-photo img{aspect-ratio:1.3}
.home-business-copy{padding-bottom:22px}
.business-topics{list-style:none;display:grid;grid-template-columns:1.2fr 1fr;gap:10px 18px;margin:23px 0 20px;padding:0;max-width:370px}
.business-topics li{font-size:11px;padding-bottom:7px;border-bottom:1px solid var(--line)}
.home-business-copy .text-link{font-size:12px;color:var(--accent);border-color:var(--accent)}
.home-principle{display:grid;grid-template-columns:1.1fr 1fr;gap:8%;padding:48px 0 60px;border-top:1px solid var(--text);align-items:center}
.home-principle .eyebrow{font-size:9px;margin-bottom:16px}
.home-principle h2{font-size:clamp(30px,3vw,44px);font-weight:500;line-height:1.4}
.home-principle>div:last-child>p{font-size:13px;color:var(--muted);line-height:1.9;max-width:385px}
.home-principle .text-link{font-size:12px;margin-top:17px}
.projects-intro{max-width:850px;padding:7px 0 45px}
.projects-intro h1{font-size:clamp(37px,4.7vw,65px);line-height:1.28}
.projects-intro>p:not(.eyebrow){font-size:14px;color:var(--muted);line-height:1.9;margin-top:24px}
.project-directory{padding-top:28px;border-top:1px solid var(--text)}
.project-library-link{display:flex;justify-content:space-between;gap:35px;align-items:center;margin-top:55px;padding:33px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.project-library-link h2{font-size:28px;font-weight:500}
.project-library-link p{color:var(--muted);font-size:13px;margin-top:12px}
.business-page-photo{margin:0 0 45px}
.business-page-photo img{aspect-ratio:2.5;object-position:50% 48%}
.film-dialog{width:min(920px,calc(100vw - 32px));padding:28px;max-height:calc(100dvh - 36px)}
.film-dialog h2{font-size:26px;margin:5px 30px 20px 0}
.film-dialog>.dialog-close{top:9px;right:11px}
.film-dialog .eyebrow{font-size:9px;margin-bottom:10px}
.project-video{display:block;width:100%;max-height:60vh;background:#111;aspect-ratio:16/9;object-fit:contain}
.film-dialog .film-note{font-size:11px;margin-top:15px;margin-bottom:3px}
.film-dialog .text-link{font-size:12px}
@media(max-width:1100px){.editorial-feature{gap:4.5%}.editorial-feature-copy h2{font-size:34px}.editorial-feature-copy>p:not(.eyebrow){font-size:12px}.editorial-feature-copy>.eyebrow{font-size:9px;margin-bottom:18px}.feature-note{margin-top:23px}.editorial-project-grid{gap:20px}.editorial-card h3{font-size:20px}.editorial-card-copy>p{font-size:11px}.home-membership,.home-business,.home-principle{gap:6%}.manual-shelf{gap:11px;padding:37px 22px 19px}.membership-copy>p:not(.eyebrow),.home-business-copy>p:not(.eyebrow){font-size:12px}.film-caption{font-size:8px}.project-play{width:29px;height:29px;left:10px;bottom:13px}}
@media(max-width:900px){.site-account>.account-entry:not(.btn){display:flex}.site-header{gap:20px}.desktop-nav{gap:18px}.desktop-nav a{font-size:11px}.site-account .account-entry{font-size:11px;gap:13px}.editorial-masthead{padding-top:38px}.editorial-masthead h1{font-size:clamp(47px,6.7vw,72px)}.editorial-feature{grid-template-columns:1.2fr 1fr;padding-bottom:40px}.editorial-feature-copy{padding-bottom:18px}.editorial-feature-copy h2{font-size:29px}.editorial-feature-copy>.eyebrow{font-size:8px;margin-bottom:15px}.editorial-feature-copy>p:not(.eyebrow){font-size:11px;margin-top:16px}.editorial-feature-copy>.text-link{font-size:11px;margin-top:14px}.feature-note{font-size:8px;margin-top:18px}.editorial-feature .editorial-photo img{aspect-ratio:1.25}.editorial-section{padding-block:44px}.editorial-section-heading h2{font-size:30px}.editorial-project-grid{gap:16px}.editorial-card h3{font-size:18px;line-height:1.4;min-height:50px}.editorial-card-copy>p{min-height:62px}.editorial-card-copy>.text-link{font-size:10px}.film-caption{right:5px;bottom:9px;font-size:7px;padding:3px 5px}.project-play{width:25px;height:25px;font-size:9px;left:7px;bottom:9px}.membership-copy h2,.home-business-copy h2{font-size:28px}.manual-shelf{gap:8px;padding:36px 16px 17px}.home-business .editorial-photo img{aspect-ratio:1.05}.business-topics{gap:8px;font-size:10px}.home-principle h2{font-size:29px}.home-principle>div:last-child>p{font-size:12px}.membership-price-note{gap:10px}.membership-price-note span{font-size:9px}}
@media(max-width:680px){.site-header{gap:18px}.site-account .account-entry{min-height:38px;font-size:11px;gap:12px;border-bottom:0}.editorial-masthead{padding:32px 0 28px}.editorial-masthead>.eyebrow{font-size:8px;letter-spacing:.08em;margin-bottom:22px}.editorial-masthead h1{font-size:clamp(34px,9vw,56px);line-height:1.3;letter-spacing:-.065em}.masthead-bottom{display:block;margin-top:20px}.masthead-bottom p{font-size:11px;line-height:1.9}.masthead-bottom>.text-link{font-size:11px;margin-top:17px;min-height:33px}.editorial-feature{grid-template-columns:1fr;gap:24px;padding:24px 0 34px}.editorial-feature .editorial-photo img{aspect-ratio:1.5}.editorial-photo figcaption{font-size:8px;margin-top:7px}.editorial-feature-copy{padding:0}.editorial-feature-copy>.eyebrow{font-size:8px;margin-bottom:14px}.editorial-feature-copy h2{font-size:32px;line-height:1.3}.editorial-feature-copy>p:not(.eyebrow){font-size:12px;max-width:100%;margin-top:18px}.editorial-feature-copy>.text-link{font-size:12px;margin-top:16px}.feature-note{font-size:8px;margin-top:17px}.editorial-section{padding:35px 0}.editorial-section-heading{align-items:flex-start;gap:15px;flex-direction:column;margin-bottom:25px}.editorial-section-heading h2{font-size:29px}.editorial-section-heading .eyebrow{font-size:8px;margin-bottom:12px}.editorial-section-heading .text-link{font-size:11px;min-height:31px}.editorial-project-grid{grid-template-columns:1fr;gap:32px}.project-film-cover{aspect-ratio:16/9}.project-play{width:32px;height:32px;font-size:11px;left:12px;bottom:13px}.film-caption{font-size:9px;bottom:13px;right:10px;padding:4px 7px}.editorial-card-copy{padding:17px 0 0}.editorial-card-copy>.eyebrow{font-size:9px;margin-bottom:9px}.editorial-card h3{font-size:23px;min-height:0}.editorial-card-copy>p{font-size:12px;min-height:0;max-width:100%;margin-top:10px}.editorial-card-copy>.text-link{font-size:11px;margin-top:11px}.home-membership,.home-business,.home-principle{grid-template-columns:1fr;gap:30px}.membership-copy h2,.home-business-copy h2{font-size:31px}.membership-copy>.eyebrow,.home-business-copy>.eyebrow{font-size:9px;margin-bottom:17px}.membership-copy>p:not(.eyebrow),.home-business-copy>p:not(.eyebrow){font-size:12px;margin-top:18px;max-width:100%}.membership-price-note{margin-top:20px;margin-bottom:19px;gap:16px}.membership-price-note span{font-size:10px}.membership-copy>.btn{min-height:45px;font-size:12px}.membership-existing{font-size:10px;margin-top:14px}.manual-shelf{gap:12px;padding:38px 24px 18px;max-width:450px;width:100%}.manual-shelf p{font-size:8px;margin-top:14px}.home-business .editorial-photo img{aspect-ratio:1.45}.home-business-copy{padding:0}.business-topics{margin-top:20px;max-width:none;gap:11px 18px}.business-topics li{font-size:11px}.home-principle{gap:23px;padding-bottom:40px}.home-principle h2{font-size:31px}.home-principle>div:last-child>p{font-size:12px;max-width:none}.home-principle .text-link{font-size:11px;margin-top:13px}.projects-intro{padding:5px 0 30px}.projects-intro h1{font-size:34px}.projects-intro>p:not(.eyebrow){font-size:12px;margin-top:21px}.project-directory{padding-top:23px}.project-library-link{display:block;margin-top:35px;padding:25px 0}.project-library-link h2{font-size:26px}.project-library-link p{font-size:12px}.project-library-link .text-link{font-size:11px;margin-top:17px}.business-page-photo{margin-bottom:27px}.business-page-photo img{aspect-ratio:1.5}.film-dialog{padding:26px 18px;max-height:calc(100dvh - 24px)}.film-dialog h2{font-size:22px;margin-bottom:18px}.film-dialog .film-note{font-size:10px}.film-dialog .text-link{font-size:11px}}
/* Readable editorial copy and touch targets; member workspace styles stay unchanged. */
.editorial-home .masthead-bottom>p,
.editorial-home .editorial-feature-copy>p:not(.eyebrow),
.editorial-home .membership-copy>p:not(.eyebrow),
.editorial-home .home-business-copy>p:not(.eyebrow),
.editorial-home .home-principle>div:last-child>p,
.projects-intro>p:not(.eyebrow),
.project-library-link p{font-size:15px;line-height:1.9}
.editorial-home .editorial-card-copy>p,
.project-directory .editorial-card-copy>p{font-size:14px;line-height:1.85}
.editorial-home .text-link,
.project-directory .text-link,
.project-library-link .text-link{font-size:14px;min-height:44px}
.editorial-home .btn{font-size:14px;min-height:48px}
.editorial-home .membership-existing{display:flex;width:fit-content;align-items:center;font-size:13px;min-height:44px}
.editorial-home .membership-price-note span{font-size:12px}
.editorial-home .business-topics li{font-size:14px}
.editorial-home .feature-note{font-size:11px}
.editorial-photo figcaption{font-size:10px}
@media(max-width:680px){
  .editorial-home .masthead-bottom>p,
  .editorial-home .editorial-feature-copy>p:not(.eyebrow),
  .editorial-home .membership-copy>p:not(.eyebrow),
  .editorial-home .home-business-copy>p:not(.eyebrow),
  .editorial-home .home-principle>div:last-child>p,
  .projects-intro>p:not(.eyebrow),
  .project-library-link p{font-size:14px;line-height:1.85}
  .editorial-home .editorial-card-copy>p,
  .project-directory .editorial-card-copy>p{font-size:14px;line-height:1.85}
  .editorial-home .text-link,
  .project-directory .text-link,
  .project-library-link .text-link,
  .editorial-home .btn{font-size:13px;min-height:44px}
  .editorial-home .membership-existing{font-size:13px;min-height:44px}
  .editorial-home .business-topics li{font-size:14px}
  .editorial-home .feature-note{font-size:10px}
  .editorial-photo figcaption{font-size:10px}
}

/* SURGE public identity and wide editorial photography. */
.public-site .brand{display:inline-flex;align-items:baseline;gap:9px;font-size:25px;letter-spacing:-.065em;line-height:1.2}
.public-site .brand-name{font-weight:650}
.public-site .brand-en{font-size:.72em;letter-spacing:-.025em;font-weight:650}
.public-site .editorial-photo img,
.public-site .home-business .editorial-photo img,
.public-site .editorial-feature .editorial-photo img,
.public-site .business-page-photo img{aspect-ratio:16/9;object-fit:cover;object-position:center}
.public-site .manual-shelf{background:transparent;border:1px solid var(--line);gap:15px;padding:35px 25px 19px}
.public-site .manual-shelf img{box-shadow:1px 3px 7px #00000012}
.public-site .manual-shelf>a:nth-child(2){transform:none}
@media(max-width:900px){.public-site .brand{font-size:23px;gap:7px}}
@media(max-width:680px){.public-site .brand{font-size:20px;gap:7px}.public-site .site-header{gap:14px}.public-site .brand-en{font-size:.72em}.public-site .manual-shelf{padding:24px 16px 15px;gap:10px}}

.public-site .about-hero>img{height:auto;aspect-ratio:2/3;object-fit:contain;object-position:center;filter:none;background:#ededE8}

/* Plain-language project purposes and dated seed-seat snapshot. */
.public-site .project-audience{letter-spacing:.02em;font-size:12px}
.public-site .editorial-card-copy h3{font-size:26px;line-height:1.35}
.public-site .editorial-card-copy .project-technical-name,.film-dialog .project-technical-name{font-size:12px;letter-spacing:.015em;margin:8px 0 20px;color:var(--muted)}
.project-uses{display:flex;flex-wrap:wrap;gap:7px 14px;list-style:none;padding:0;margin:20px 0 0;font-size:12px;color:var(--muted)}
.project-uses li{padding-top:8px;border-top:1px solid var(--line)}
.seed-badge{font-size:11px;color:var(--muted)}
.seed-progress{margin:25px 0 30px;padding-block:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.seed-progress-counts{display:flex;align-items:baseline;justify-content:space-between;gap:15px;font-size:13px}
.seed-progress-counts strong{font-size:27px;line-height:1;font-weight:600;letter-spacing:-.03em;margin:0 3px}
.seed-progress-counts span:last-child strong{color:var(--accent)}
.seed-progress progress{display:block;appearance:none;width:100%;height:7px;margin:17px 0 11px;border:0;border-radius:9px;overflow:hidden;background:#e5e5dd;accent-color:var(--accent)}
.seed-progress progress::-webkit-progress-bar{background:#e5e5dd;border-radius:9px}
.seed-progress progress::-webkit-progress-value{background:var(--accent);border-radius:9px}
.seed-progress progress::-moz-progress-bar{background:var(--accent);border-radius:9px}
.seed-progress-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:7px;font-size:10px;color:var(--muted)}
@media(max-width:680px){.public-site .editorial-card-copy h3{font-size:27px}.seed-progress-counts{font-size:12px}.seed-progress-counts strong{font-size:25px}.seed-progress-meta{font-size:9px}}

/* Personal history and concrete services, grounded in existing work. */
.past-brands{padding:34px 0 38px;margin:48px 0 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.past-brands>p{font-size:11px;color:var(--muted);margin-bottom:22px}
.past-brands ul{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;list-style:none;padding:0;margin:0}
.past-brands li{font-size:22px;letter-spacing:-.025em;font-weight:550}
.career-section{padding-top:64px}
.career-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;margin-top:34px}
.career-year{font-size:12px;color:var(--accent);margin-bottom:16px}
.career-grid h3{font-size:25px;margin-bottom:18px}
.career-grid article>p:last-child{font-size:14px;line-height:1.9;color:var(--muted)}
.work-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding:36px 0 64px;border-bottom:1px solid var(--line)}
.work-gallery>h2{grid-column:1/-1;font-size:27px;margin:0 0 8px;letter-spacing:-.04em}
.work-gallery img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.work-gallery figcaption,.real-work-photo figcaption{font-size:11px;color:var(--muted);margin-top:11px}
.real-work-photo figcaption{display:flex;justify-content:space-between;gap:15px;text-align:left}
.about-practice{display:grid;grid-template-columns:1.1fr 1fr;gap:7%;align-items:center;padding:70px 0 20px}
.about-practice img{width:100%;height:auto}
.about-practice h2{font-size:36px;line-height:1.4;margin-bottom:26px}
.about-practice p:not(.eyebrow){font-size:14px;line-height:1.95;color:var(--muted);margin-top:16px}
.business-value-hero{max-width:1000px}
.business-page-photo.real-work-photo img{object-position:50% 57%}
.business-intro{display:grid;grid-template-columns:1fr 2fr;gap:6%;padding:12px 0 0;align-items:start}
.business-intro h2{font-size:36px;margin-bottom:24px}
.business-intro>div>p{font-size:15px;color:var(--muted);max-width:720px;margin-bottom:18px}
.business-services{padding-top:70px}
.service-list .service-audience{font-size:12px;color:var(--accent);margin-bottom:13px}
.service-delivery{margin:22px 0 0;padding:0;display:grid;gap:8px}
.service-delivery>div{display:grid;grid-template-columns:75px minmax(0,1fr);gap:16px;font-size:13px;line-height:1.8}
.service-delivery dt{color:var(--muted)}
.service-delivery dd{margin:0}
.working-method{display:grid;grid-template-columns:1fr 1fr;gap:10%;border-top:1px solid var(--text);padding:60px 0;margin-top:35px}
.working-method h2{font-size:36px;line-height:1.4;margin-bottom:24px}
.working-method>div>p:not(.eyebrow){font-size:14px;color:var(--muted)}
.working-method ol{list-style:none;padding:0;margin:0;display:grid;gap:27px}
.working-method li{display:flex;gap:23px}
.working-method li>span{font-size:12px;color:var(--accent);padding-top:5px}
.working-method h3{font-size:22px;margin-bottom:10px}
.working-method li p{font-size:13px;color:var(--muted)}
.service-contact{padding:47px;background:#efefea;text-align:center}
.service-contact h2{font-size:34px;margin-bottom:18px}
.service-contact p{font-size:14px;color:var(--muted);margin-bottom:24px}
.service-contact small{display:block;margin-top:20px;color:var(--muted)}
@media(max-width:900px){.past-brands li{font-size:18px}.career-grid{gap:24px}.career-grid h3{font-size:23px}.about-practice{gap:5%}.about-practice h2,.business-intro h2,.working-method h2{font-size:30px}}
@media(max-width:680px){.past-brands{padding:26px 0;margin-top:34px}.past-brands ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px 12px}.past-brands li{font-size:17px}.past-brands>p{font-size:11px}.career-section{padding-top:42px}.career-grid{grid-template-columns:1fr;gap:27px}.career-year{margin-bottom:10px}.career-grid h3{margin-bottom:11px;font-size:25px}.career-grid article>p:last-child{font-size:14px}.work-gallery{gap:12px;grid-template-columns:1fr;padding:29px 0 40px}.work-gallery figure{max-width:540px}.work-gallery figcaption{margin:8px 0 10px}.about-practice{grid-template-columns:1fr;padding-top:42px;gap:32px}.about-practice h2{font-size:31px}.business-intro{grid-template-columns:1fr;gap:4px}.business-intro h2{font-size:30px}.business-intro>div>p{font-size:14px}.business-services{padding-top:45px}.service-delivery>div{grid-template-columns:62px minmax(0,1fr);gap:10px;font-size:12px}.service-list .service-audience{font-size:12px}.real-work-photo figcaption{font-size:10px}.working-method{grid-template-columns:1fr;gap:30px;padding:40px 0}.working-method h2{font-size:30px}.working-method h3{font-size:22px}.service-contact{padding:32px 20px}.service-contact h2{font-size:28px}.service-contact p{font-size:13px}}

/* Monochrome photography and a continuous, evidence-led personal timeline. */
.public-site img, dialog img{filter:grayscale(1)!important}
.public-site .about-hero>img{background:transparent;mix-blend-mode:multiply;mask-image:linear-gradient(to bottom,#000 0%,#000 87%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 87%,transparent 100%)}
.public-site .about-hero{isolation:isolate;background:var(--bg)}
.career-timeline{display:grid;grid-template-columns:.8fr 1.5fr;gap:8%;padding:85px 0 60px}
.timeline-intro{align-self:start;position:sticky;top:40px}
.timeline-intro h2{font-size:clamp(30px,3.2vw,44px);line-height:1.4;margin-bottom:25px}
.timeline-intro>p:not(.eyebrow){font-size:14px;color:var(--muted);line-height:2;margin-bottom:28px}
.timeline-events{list-style:none;padding:0;margin:0}
.timeline-events>li{padding:0 0 42px 30px;border-left:1px solid #bfbfb9;position:relative}
.timeline-events>li:last-child{padding-bottom:0;border-color:transparent}
.timeline-date{display:flex;justify-content:space-between;align-items:center;font-size:13px;line-height:1.3;padding-top:2px;color:var(--text);font-weight:550;margin-bottom:22px}
.timeline-date small{font-size:11px;color:#92928b;font-weight:400}
.timeline-dot{width:9px;height:9px;background:var(--text);border:3px solid var(--bg);box-shadow:0 0 0 1px var(--text);border-radius:50%;position:absolute;left:-5px;top:5px}
.timeline-event{border-bottom:1px solid var(--line);padding-bottom:30px}
.timeline-events>li:last-child .timeline-event{border-bottom:0;padding-bottom:0}
.timeline-event .timeline-role{font-size:12px;color:var(--muted);margin-bottom:11px}
.timeline-event h3{font-size:27px;letter-spacing:-.04em;margin-bottom:16px}
.timeline-event>p:not(.timeline-role){font-size:14px;color:var(--muted);line-height:1.95;max-width:590px}
.timeline-focus{display:inline-block;font-size:10px;color:var(--muted);border:1px solid var(--line);border-radius:20px;padding:3px 12px;margin-top:19px}
.director-judgment{display:grid;grid-template-columns:.8fr 1.5fr;gap:8%;padding:60px 0;border-top:1px solid var(--text);border-bottom:1px solid var(--line)}
.director-judgment h2{font-size:36px;line-height:1.4}
.judgment-points{display:grid;gap:28px}
.judgment-points article{display:grid;grid-template-columns:24px 1fr;column-gap:20px}
.judgment-points article>span{font-size:11px;padding-top:5px;color:var(--muted)}
.judgment-points h3{font-size:23px}
.judgment-points p{grid-column:2;font-size:14px;color:var(--muted);margin-top:10px;line-height:1.9}
@media(max-width:900px){.career-timeline,.director-judgment{grid-template-columns:.8fr 1.3fr;gap:5%}.timeline-event h3{font-size:24px}.director-judgment h2{font-size:30px}}
@media(max-width:680px){.career-timeline{grid-template-columns:1fr;gap:42px;padding:46px 0}.timeline-intro{position:static}.timeline-intro h2{font-size:31px;margin-bottom:18px}.timeline-intro>p:not(.eyebrow){font-size:13px;margin-bottom:18px}.timeline-events{padding-left:5px}.timeline-events>li{padding-left:25px;padding-bottom:32px}.timeline-date{margin-bottom:18px;font-size:12px}.timeline-event h3{font-size:24px}.timeline-event>p:not(.timeline-role){font-size:13px}.timeline-event .timeline-role{font-size:11px}.director-judgment{grid-template-columns:1fr;gap:32px;padding:42px 0}.judgment-points h3{font-size:21px}.judgment-points p{font-size:13px}.judgment-points article{column-gap:12px}}

.timeline-projects{display:flex;gap:14px 22px;flex-wrap:wrap;margin-top:20px}
.timeline-projects .text-link{font-size:12px;gap:14px}
.brand-marquee{padding:27px 0 31px}
.brand-marquee-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:27px}
.brand-marquee-heading p{font-size:11px;color:var(--muted)}
.brand-motion-toggle{font-size:10px;color:var(--muted);padding:8px 0 8px 14px;min-height:36px}@media (hover:hover) and (pointer:fine){.brand-motion-toggle:hover{color:var(--text)}}
.brand-viewport{overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 25px,#000 calc(100% - 25px),transparent)}
.brand-logo-track{display:flex;width:max-content;animation:brand-drift 35s linear infinite;will-change:transform}
.past-brands .brand-logo-group{display:flex;flex-wrap:nowrap;flex-shrink:0;align-items:center;gap:65px;padding:0 65px 0 0;list-style:none;margin:0}
.past-brands .brand-logo{width:170px;height:68px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.public-site .brand-logo img{width:auto;max-width:170px;height:auto;max-height:44px;object-fit:contain;filter:grayscale(1) brightness(0)!important;opacity:.86}
.public-site .brand-logo.porsche img{width:170px}
.public-site .brand-logo.audi img{width:139px}
.public-site .brand-logo.florasis img{width:139px}
.public-site .brand-logo.pingan img{width:165px}
.public-site .brand-logo.yuwell img{width:164px}
.public-site .brand-logo.mindray img{width:136px}
.brand-viewport:focus-visible .brand-logo-track,.brand-marquee[data-paused=true] .brand-logo-track{animation-play-state:paused}@media (hover:hover) and (pointer:fine){.brand-viewport:hover .brand-logo-track{animation-play-state:paused}}
@keyframes brand-drift{to{transform:translateX(-50%)}}
@media(max-width:680px){.brand-marquee{padding:20px 0}.brand-marquee-heading{margin-bottom:15px}.brand-marquee-heading p{font-size:10px}.past-brands .brand-logo-group{gap:36px;padding-right:36px}.past-brands .brand-logo{width:150px;height:62px}.public-site .brand-logo img{max-width:150px}.timeline-projects .text-link{font-size:11px}}
@media(prefers-reduced-motion:reduce){.brand-logo-track{animation:none;transform:none;will-change:auto}.brand-logo-group[aria-hidden=true]{display:none}.brand-viewport{overflow-x:auto;mask-image:none;padding-bottom:10px}.brand-motion-toggle{display:none}}

.public-site .brand-logo.audi{background:var(--bg)}
.public-site .brand-logo.audi img{filter:grayscale(1)!important;mix-blend-mode:multiply}

@media(min-width:681px){.past-brands .brand-logo.pingan{width:205px}.public-site .brand-logo.pingan img{width:200px;max-width:200px}}

/* Emil audit 2026-09-28: usable targets, readable terms and input-aware feedback. */
.public-site :is(a,button,summary){touch-action:manipulation}
.public-site .brand,.public-site .account-entry,.public-site .text-link{min-height:44px}
.public-site .account-entry,.public-site .mobile-menu summary{min-width:44px}
.public-site .site-footer nav :is(a,button),.public-site .footer-bottom>a{display:inline-flex;align-items:center;min-height:44px;font-size:13px}
.public-site .site-footer>nav{row-gap:4px}
.public-site .brand-motion-toggle{min-height:44px;font-size:12px}
.dialog-close{width:44px;height:44px}
.public-site .faq details{padding:0}
.public-site .faq summary{min-height:64px;padding:20px 28px 20px 0;display:flex;align-items:center;line-height:1.75}
.public-site .faq summary:after{top:50%;transform:translateY(-50%)}
.public-site .faq p{padding:0 0 20px}
.public-site .btn:active{transform:none}
.public-site :is(.btn,.project-film-cover):focus-visible{transition:none}
.public-site .project-film-cover:active{opacity:.88}
@media(prefers-reduced-motion:no-preference){
  .public-site :is(.btn,.project-film-cover){transition:transform 100ms var(--ease-out),opacity 100ms var(--ease-out),background-color 100ms var(--ease-out),border-color 100ms var(--ease-out)}
  .public-site :is(.btn,.project-film-cover):active:not(:focus-visible){transform:scale(.97);transition-duration:160ms}
  .public-site :is(.btn,.project-film-cover):focus-visible{transition:none}
}
@media(max-width:680px){
  .storefront .hero-lead,.storefront .section-heading p:not(.eyebrow),.storefront .benefit-rows p,.storefront .price-story>p:not(.eyebrow),.storefront .service-boundary p,.storefront .purchase-card .check,.storefront .purchase-card .benefits li,.storefront .join-steps li p,.storefront .faq p,.storefront .faq summary,.storefront .business-teaser p:not(.eyebrow){font-size:14px;line-height:1.85}
  .public-site .site-footer nav :is(a,button){font-size:14px}
}

/* Homepage rethink 2026-10-01 */
.public-site .frontdoor-hero{display:grid;grid-template-columns:1.45fr 1fr;gap:5%;align-items:center;padding:48px 0 28px;min-height:450px}
.frontdoor-copy>.eyebrow{font-size:11px;letter-spacing:.08em;margin-bottom:25px}
.frontdoor-copy h1{font-size:clamp(44px,5.5vw,82px);line-height:1.18;letter-spacing:-.065em;font-weight:550}
.frontdoor-copy .frontdoor-lead{font-size:16px;line-height:1.9;color:var(--muted);margin:26px 0}
.frontdoor-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap}
.frontdoor-actions .btn,.frontdoor-actions .text-link{font-size:13px;min-height:44px}
.frontdoor-portrait{position:relative;align-self:stretch;min-height:350px;max-height:440px}
.frontdoor-portrait img{width:100%;height:100%;object-fit:contain;object-position:center top;mix-blend-mode:multiply;mask-image:linear-gradient(#000 0%,#000 80%,transparent 99%)}
.frontdoor-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--text);border-bottom:1px solid var(--line);padding:26px 0 30px;margin-bottom:34px;gap:26px}
.frontdoor-paths article{display:flex;flex-direction:column;align-items:flex-start;padding-right:26px;border-right:1px solid var(--line)}
.frontdoor-paths article:last-child{border:0;padding-right:0}
.path-index{font-size:11px;color:var(--muted);margin-bottom:16px}
.frontdoor-paths h2{font-size:28px;font-weight:500;letter-spacing:-.04em;display:flex;align-items:center;gap:18px}
.frontdoor-paths p{font-size:13px;line-height:1.85;color:var(--muted);margin:14px 0 18px;max-width:320px}
.frontdoor-paths .text-link,.frontdoor-services .text-link{font-size:12px;color:var(--accent);min-height:44px}
.frontdoor-paths article>.text-link,.path-links{margin-top:auto}
.path-links{display:flex;gap:22px;align-items:center;flex-wrap:wrap}
.frontdoor-project-note{font-size:11px;color:var(--muted);margin-top:26px;line-height:1.8}
.frontdoor-business .editorial-section-heading h2{font-size:clamp(27px,3vw,40px)}
.frontdoor-services article{display:grid;grid-template-columns:45px minmax(0,1fr) auto;gap:25px;padding:26px 0;border-top:1px solid var(--line);align-items:center}
.frontdoor-services .service-number{align-self:start;padding-top:4px;font-size:11px;color:var(--muted)}
.frontdoor-services h3{font-size:24px;font-weight:500;line-height:1.4}
.frontdoor-services p{font-size:14px;color:var(--muted);max-width:620px;line-height:1.85;margin-top:10px}
.frontdoor-about{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center}
.frontdoor-about .editorial-photo img{aspect-ratio:1.35;object-fit:cover}
.frontdoor-about h2{font-size:clamp(30px,3vw,44px);font-weight:500;line-height:1.35;margin:18px 0 23px}
.frontdoor-about p:not(.eyebrow){font-size:14px;color:var(--muted);line-height:1.9;margin-top:14px;max-width:480px}
.frontdoor-about .text-link{font-size:13px;margin-top:24px;min-height:44px}
.frontdoor-next{display:flex;justify-content:space-between;align-items:center;gap:30px;border-top:1px solid var(--text);padding:44px 0 60px}
.frontdoor-next h2{font-size:30px;font-weight:500;margin:14px 0}
.frontdoor-next p:not(.eyebrow){font-size:13px;color:var(--muted);max-width:450px}
.public-site .site-account .header-contact{font-size:12px;min-height:44px}
@media(max-width:1000px){.public-site .site-account .header-contact{display:none}.frontdoor-copy .frontdoor-lead{font-size:14px}.frontdoor-paths{gap:20px}.frontdoor-paths article{padding-right:20px}.frontdoor-paths h2{font-size:24px;gap:12px}.frontdoor-next{align-items:flex-start;flex-direction:column}}
@media(max-width:680px){.public-site .frontdoor-hero{display:block;padding:35px 0 28px;min-height:0}.frontdoor-copy>.eyebrow{font-size:10px;margin-bottom:22px}.frontdoor-copy h1{font-size:clamp(40px,11.5vw,64px)}.frontdoor-copy .frontdoor-lead{font-size:14px;margin:22px 0;line-height:1.8}.frontdoor-copy .frontdoor-lead br{display:none}.frontdoor-portrait{display:none}.frontdoor-actions{gap:17px}.frontdoor-actions .btn,.frontdoor-actions .text-link{font-size:12px}.frontdoor-paths{grid-template-columns:1fr;gap:0;padding:0;margin-bottom:15px}.frontdoor-paths article{padding:20px 0!important;border-right:0;border-bottom:1px solid var(--line);position:relative}.frontdoor-paths article:last-child{border-bottom:0}.path-index{margin-bottom:9px;font-size:10px}.frontdoor-paths h2{font-size:25px}.frontdoor-paths p{font-size:13px;max-width:none;margin:9px 0 6px}.frontdoor-paths .text-link{font-size:12px;min-height:44px}.frontdoor-services article{grid-template-columns:24px minmax(0,1fr);gap:13px;padding:23px 0}.frontdoor-services h3{font-size:24px}.frontdoor-services p{font-size:13px}.frontdoor-services .text-link{grid-column:2;justify-self:start}.frontdoor-about{grid-template-columns:1fr;gap:26px}.frontdoor-about h2{font-size:31px}.frontdoor-about p:not(.eyebrow){font-size:14px}.frontdoor-next{padding:33px 0 40px;gap:24px}.frontdoor-next h2{font-size:28px}.frontdoor-project-note{font-size:11px}.frontdoor-business .editorial-section-heading{align-items:flex-start}.frontdoor-business .editorial-section-heading h2{font-size:29px;max-width:270px}}
@media(max-width:680px){.frontdoor-paths .path-index{display:none}.frontdoor-paths article{padding:15px 0!important}.frontdoor-paths h2{font-size:23px}.frontdoor-paths p{margin:7px 0 3px}.frontdoor-copy>.eyebrow{margin-bottom:15px}.frontdoor-copy .frontdoor-lead{margin:18px 0}.public-site .frontdoor-hero{padding:27px 0 24px}}

/* Portrait and headline refinement 2026-10-01: open linework, no name plaque. */
.public-site .frontdoor-hero{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:3%;min-height:485px;padding-top:35px;overflow:clip}
.frontdoor-copy h1{font-size:clamp(41px,4.55vw,68px);line-height:1.3;letter-spacing:-.065em;white-space:nowrap}
.frontdoor-copy .frontdoor-lead{max-width:530px}
.frontdoor-portrait{min-height:410px;max-height:460px;margin-right:-3%;isolation:isolate;background:var(--bg)}
.frontdoor-portrait .portrait-person{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:50% 15%;mix-blend-mode:multiply;mask-image:linear-gradient(#000 0%,#000 55%,rgba(0,0,0,.7) 76%,transparent 97%);-webkit-mask-image:linear-gradient(#000 0%,#000 55%,rgba(0,0,0,.7) 76%,transparent 97%);z-index:1}
.frontdoor-portrait .portrait-lines{position:absolute;inset:-4% -9% 0;width:118%;height:108%;max-width:none;overflow:visible;pointer-events:none;z-index:0;color:#8e8e87;stroke:currentColor;stroke-width:.8}
.frontdoor-portrait .portrait-lines-front{z-index:2}
.portrait-flow{transform-box:view-box;transform-origin:50% 50%;opacity:.6}
.portrait-flow-front{opacity:.75}
.portrait-guides{stroke-dasharray:2 8;opacity:.45}
.portrait-register{stroke-width:1;opacity:.6}
.portrait-echo{opacity:.35}
.portrait-blue{stroke:var(--accent);stroke-width:1.8}
.portrait-node{fill:var(--bg);stroke:var(--accent);stroke-width:1}
@media(prefers-reduced-motion:no-preference){
.frontdoor-portrait[data-intro=pending] .portrait-flow{opacity:0}
.frontdoor-portrait[data-intro=true] .portrait-flow-back{animation:portrait-lines-open 1800ms var(--ease-out) both}
.frontdoor-portrait[data-intro=true] .portrait-flow-front{animation:portrait-lines-open 2000ms var(--ease-out) 60ms both}
.frontdoor-portrait[data-intro=true] .portrait-person{animation:portrait-arrive 1200ms var(--ease-out) 30ms both}
}
@keyframes portrait-lines-open{from{opacity:0;transform:translateY(9px) rotate(-5deg) scale(.96)}to{transform:translateY(0) rotate(0) scale(1)}}
@keyframes portrait-arrive{from{opacity:.65;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.frontdoor-portrait .portrait-flow,.frontdoor-portrait .portrait-person{animation:none;transform:none}}
@media(max-width:1000px) and (min-width:681px){.frontdoor-copy h1{font-size:clamp(31px,4.25vw,43px)}.frontdoor-portrait{min-height:350px}.public-site .frontdoor-hero{min-height:410px}}
@media(max-width:680px){.public-site .frontdoor-hero{display:block;min-height:0;padding-top:27px}.frontdoor-copy h1{font-size:clamp(30px,7.8vw,49px);line-height:1.38;white-space:normal}.frontdoor-portrait{display:none}}