/* JS sales refinement: offer and inquiry remain visible before the story. */
.header .contact-link{background:var(--ink);color:var(--ivory);font-size:12px}
.hero-copy{top:23%;width:43%;max-width:610px}
.hero-copy h1{font-size:clamp(40px,4.2vw,70px);margin:18px 0 20px}
.hero-text{max-width:350px;font-size:15px;line-height:1.6;margin-bottom:20px;color:#444c40}
.hero-offer{max-width:380px}
.hero-price{display:flex;align-items:center;gap:22px;margin:0 0 16px}
.hero-price>span{font-size:13px;max-width:110px;line-height:1.4}
.hero-price strong{font-size:36px;font-weight:500;letter-spacing:-.045em;white-space:nowrap;line-height:1}
.hero-price small{font-size:18px}
.hero-offer .button{gap:26px}
.hero-terms{font-size:11px;line-height:1.5;color:#50564c;margin:10px 0 0;max-width:310px}
.offer{padding-top:78px;padding-bottom:78px;border-block:1px solid var(--line);margin-bottom:60px}
.offer-intro h2{font-size:clamp(40px,4.4vw,66px);line-height:1.08}
.offer-intro>p{max-width:470px;font-size:15px;color:var(--muted)}
.offer-benefits{list-style:none;padding:0;margin:26px 0 0;max-width:480px}
.offer-benefits li{padding:12px 0 12px 20px;border-top:1px solid var(--line);font-size:14px;position:relative}
.offer-benefits li:before{content:'↗';position:absolute;left:0;color:#616c58}
.offer-scope,.offer-note{max-width:390px}
.offer-detail h3{margin-bottom:20px}
.offer-price{font-size:clamp(64px,6vw,88px)}
.approach{align-items:start;padding-block:80px}
.approach h2{font-size:clamp(40px,4.5vw,64px)}
.approach-steps article{padding:22px 0}
.approach-steps article:first-child{padding-top:0;border-top:0}
.approach-steps h3{font-size:22px}
.sales-faq{display:grid;grid-template-columns:1fr 1fr;gap:10vw;padding-block:80px}
.sales-faq h2{font-size:clamp(36px,4vw,58px);line-height:1.1}
.faq-list details{border-top:1px solid var(--line)}
.faq-list summary{cursor:pointer;min-height:64px;padding:20px 28px 20px 0;position:relative;list-style:none;font-size:16px}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:after{content:'+';position:absolute;right:0;top:17px;font-size:24px}
.faq-list details[open] summary:after{content:'−'}
.faq-list details p{font-size:14px;line-height:1.7;max-width:470px;padding-bottom:18px;color:var(--muted)}
.faq-list summary:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
.contact{padding-block:75px;background:#e6e7de}
.contact h2{font-size:clamp(46px,6vw,90px)}
.contact-actions{margin-top:18px}
.contact-email{font-size:19px;margin-top:14px;min-height:44px}
.contact-help{display:none}
.copy-status:empty{display:none}
@media(min-width:801px) and (max-height:760px){.hero-copy{top:19%}.hero-copy h1{font-size:clamp(38px,4vw,62px);margin-block:14px}.hero-text{margin-bottom:14px}.hero-price{margin-bottom:12px}.hero-terms{margin-top:8px}}
@media(max-width:800px){
 .header .brand{gap:12px}.js-descriptor{max-width:95px;font-size:9px}.hero-copy{top:24px;left:22px;right:22px;bottom:0;width:auto;max-width:none}
 .hero-copy h1{font-size:clamp(34px,9.1vw,57px);line-height:1.06;max-width:570px;margin:14px 0}
 .hero-text{display:none}.hero-offer{position:absolute;bottom:65px;left:0;right:0;max-width:none;pointer-events:auto}
 .hero-price{gap:18px;margin-bottom:12px}.hero-price strong{font-size:30px}.hero-price>span{font-size:12px;max-width:none}.hero-price small{font-size:16px}
 .hero-offer .button{position:static;min-height:50px;width:auto;padding:12px 18px;gap:24px;font-size:12px}
 .hero-terms{font-size:10px;max-width:300px;margin-top:8px}.story-skip{bottom:12px}
 .offer{padding-block:48px;margin-bottom:28px;gap:26px}.offer-intro h2{font-size:40px}.offer-price{font-size:64px}.offer-detail{padding-top:24px}
 .approach{padding-block:55px}.approach h2{font-size:40px}.approach-steps h3{font-size:20px}
 .sales-faq{grid-template-columns:1fr;gap:22px;padding-block:55px}.sales-faq h2{font-size:38px}.faq-list summary{font-size:15px}
 .contact{padding-block:55px}.contact h2{font-size:44px}.contact-actions .button{font-size:12px;gap:20px}.contact-email{font-size:20px}
}
@media(max-width:350px){.hero-copy h1{font-size:31px}.hero-copy .eyebrow{font-size:7px;letter-spacing:.08em}.hero-price{gap:12px}.hero-price strong{font-size:28px}.hero-price>span{font-size:11px}.hero-offer{bottom:60px}.offer-intro h2,.approach h2{font-size:35px}.contact h2{font-size:39px}}

/* Compact, problem-led portfolio. Shared with the inert notebook surface. */
.cinematic{overflow-anchor:none}
.work.section,.cinematic .work,.portal.section{padding-top:110px;padding-bottom:48px}
.portfolio-heading{margin:0 0 36px;max-width:760px}
.portfolio-heading .eyebrow{margin-bottom:16px}
.portfolio-heading h2{font-size:clamp(38px,4vw,60px);line-height:1.06;letter-spacing:-.05em;margin:0 0 18px}
.portfolio-heading h2 br{display:none}
.portfolio-heading>p:last-child{font-size:17px;line-height:1.55;max-width:680px;color:var(--muted);margin:0}
.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.case-card{min-width:0;border-top:1px solid #a4aa99;padding-top:18px;display:flex;flex-direction:column}
.case-category{font-size:10px;letter-spacing:.09em;color:var(--muted);margin:0 0 16px}
.case-card h3{font-size:clamp(22px,2.05vw,32px);line-height:1.2;letter-spacing:-.035em;margin:0 0 16px;font-weight:500;min-height:2.4em}
.case-solution{font-size:15px;line-height:1.6;margin:0 0 24px;color:#474d43;min-height:4.8em}
.case-preview{display:block;margin-top:auto;color:var(--ink);text-decoration:none}
.case-preview>img{display:block;width:100%;aspect-ratio:8/5;object-fit:cover;object-position:top;background:#e4e8dd}
.case-preview>span{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 0;border-bottom:1px solid var(--line);min-height:52px}
.case-preview strong{font-size:19px;letter-spacing:-.025em;font-weight:500}
.case-preview>span>span{font-size:12px}
.case-preview:focus-visible{outline:2px solid var(--ink);outline-offset:5px}
.case-preview:hover>span{color:#4d613c;border-color:#4d613c}
.case-example{font-size:13px;line-height:1.65;color:var(--muted);margin:14px 0 0;min-height:4.95em}
.portfolio-next{display:flex;align-items:center;justify-content:space-between;gap:32px;border-top:1px solid var(--line);padding-top:24px;margin-top:28px}
.portfolio-next p{font-size:12px;color:var(--muted);max-width:560px;margin:0;line-height:1.6}
.portfolio-next .button{flex-shrink:0}
.integration-strip{padding-block:36px;background:#e6e7de;display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}
.integration-strip .eyebrow{margin:0 0 12px}
.integration-strip h2{font-size:clamp(24px,2.5vw,36px);line-height:1.2;letter-spacing:-.04em;margin:0}
.integration-strip>p{font-size:15px;line-height:1.7;color:#474d43;max-width:540px;margin:0}
.integration-strip+.offer{margin-bottom:0}
@media(min-width:801px) and (max-width:1100px){.portfolio-grid{gap:22px}.case-solution{min-height:7.2em}.case-example{min-height:6.6em}}
@media(max-width:800px){
 .work.section,.cinematic .work,.portal.section{padding-top:40px;padding-bottom:40px}
 .portfolio-heading{margin-bottom:28px}.portfolio-heading h2{font-size:38px}.portfolio-heading h2 br{display:block}.portfolio-heading>p:last-child{font-size:16px}
 .portfolio-grid{grid-template-columns:1fr;gap:32px}.case-card{padding-top:18px}.case-category{margin-bottom:12px}
 .case-card h3{font-size:28px;min-height:0;margin-bottom:14px}.case-solution{min-height:0;margin-bottom:20px}.case-example{min-height:0}
 .portfolio-next{flex-direction:column;align-items:flex-start;gap:18px;margin-top:28px}.portfolio-next .button{width:100%;justify-content:space-between}
 .integration-strip{grid-template-columns:1fr;gap:16px;padding-block:32px}.integration-strip h2{font-size:28px}
}

.price-note{font-size:13px;color:var(--muted);margin:-12px 0 22px}
.operator-footer{padding:24px 5%;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px;color:var(--muted);font-size:12px;line-height:1.75}
.operator-footer p{margin:0}.operator-footer a{min-height:44px;display:flex;align-items:center;text-decoration:underline;text-underline-offset:4px;flex-shrink:0}
.inquiry-privacy a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:600px){.operator-footer{padding:24px 22px;flex-direction:column;align-items:flex-start;gap:10px}}