/* Bergsy unified CSS · original proven styles preserved in cascade order */

/* assets/site.css */

:root{--bg:#f6f4ef;--paper:#fffdfa;--ink:#18221f;--muted:#5b675d;--line:#d9dcd3;--forest:#1b3029;--forest2:#273d34;--copper:#a9573d;--sage:#e3e8df;--slate:#202b3a;--serif:"Instrument Serif",Georgia,serif;--sans:"DM Sans",Arial,sans-serif;--display:"Manrope",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.7 var(--sans);-webkit-font-smoothing:antialiased}::selection{background:#e1c1af;color:var(--ink)}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--copper);outline-offset:5px}.container{width:min(1216px,calc(100% - 88px));margin-inline:auto}.skip{position:absolute;top:-90px;left:15px;background:var(--ink);color:white;padding:10px 16px;z-index:80}.skip:focus{top:10px}.eyebrow{font:700 11px/1.5 var(--sans);letter-spacing:.16em;text-transform:uppercase}.serif{font-family:var(--serif);font-weight:400;letter-spacing:-.024em}.italic{font-style:italic}.prose{color:#59665c;line-height:1.9;font-size:16px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display);letter-spacing:-.065em}h1{font-size:clamp(55px,6.8vw,94px);font-weight:600;line-height:1.08}h2{font-size:clamp(36px,4.4vw,62px);font-weight:600;line-height:1.12}h3{font-size:clamp(23px,2.2vw,31px);font-weight:600;line-height:1.26}.btn{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:16px 24px;min-height:54px;border:1px solid var(--forest);border-radius:2px;font:700 13px/1.3 var(--sans);transition:background .22s,color .22s,transform .22s}.btn:hover{transform:translateY(-2px)}.btn-dark{color:white;background:var(--forest)}.btn-dark:hover{background:#334f41}.btn-outline{background:transparent;color:var(--ink);border-color:#bcc2b8}.btn-outline:hover{background:#e7ebe4}.arrow{font-size:19px;line-height:1}
.nav-shell{position:sticky;top:0;z-index:50;border-bottom:1px solid var(--line);background:rgba(246,244,239,.96);backdrop-filter:blur(18px)}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:22px}.wordmark{display:inline-flex;align-items:center;gap:12px;font:800 27px/1 var(--display);letter-spacing:-.085em}.wordmark svg{width:35px;height:37px;flex:none}.wordmark .period{color:var(--copper)}.nav-links{display:flex;align-items:center;gap:35px;margin-left:auto}.nav-links>a:not(.nav-cta){font:600 13px var(--sans);color:#4e5e53;transition:color .18s}.nav-links>a:not(.nav-cta):hover{color:var(--copper)}.nav-cta{display:inline-flex;align-items:center;gap:18px;border:1px solid var(--forest);padding:12px 18px;font:700 12px var(--sans);transition:background .18s,color .18s}.nav-cta:hover{background:var(--forest);color:white}.menu{display:none;background:none;border:0;font-size:27px;color:var(--ink);cursor:pointer;line-height:1;padding:8px}
.hero{padding:92px 0 105px}.hero-grid{display:grid;grid-template-columns:1.13fr .87fr;gap:68px;align-items:center}.hero-label{color:#68786b;display:flex;align-items:center;gap:13px}.hero-label:before{content:"";width:27px;height:1px;background:var(--copper)}.hero h1{margin:25px 0 28px}.hero h1 .second{display:block;color:var(--copper)}.hero .lead{max-width:540px;color:#56645a;font-size:17px;line-height:1.9}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.hero-note{display:flex;align-items:center;gap:15px;margin-top:50px;color:#869087;font-size:12px}.hero-note:before{content:"";width:38px;height:1px;background:#aeb7aa}.poster{height:545px;background:var(--forest);color:#f4f2ea;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;padding:29px 30px 27px;isolation:isolate}.poster:before{content:"";position:absolute;inset:0;opacity:.18;background-image:linear-gradient(90deg,transparent calc(100% - 1px),#cad7cb 0),linear-gradient(transparent calc(100% - 1px),#cad7cb 0);background-size:58px 58px;z-index:-2}.poster-head,.poster-foot{display:flex;justify-content:space-between;gap:15px;align-items:center;font:700 10px/1.5 var(--sans);letter-spacing:.13em;text-transform:uppercase}.poster-head span:last-child,.poster-foot span:last-child{color:#c4cfc3}.poster-graphic{width:100%;max-width:435px;margin:0 auto;position:relative;z-index:1}.poster-small{position:absolute;right:30px;bottom:16px;font-family:var(--serif);font-size:58px;line-height:1;color:#e1ddd4;opacity:.13}.strap{border-block:1px solid var(--line)}.strap-inner{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:78px;padding:16px 0}.strap .eyebrow{color:var(--copper)}.strap-tags{display:flex;gap:44px;flex-wrap:wrap}.strap-tags span{font:600 12px var(--sans);color:#58695c}.strap-tags span:before{content:"—";color:var(--copper);margin-right:12px}
.section{padding:124px 0}.headrow{display:grid;grid-template-columns:1fr .72fr;gap:70px;align-items:end;margin-bottom:48px}.headrow .eyebrow{color:var(--copper)}.headrow h2{margin-top:16px}.headrow p{padding-bottom:7px}.service-list{border-top:1px solid var(--line)}.service{display:grid;grid-template-columns:75px 1fr .91fr 28px;align-items:center;gap:30px;padding:39px 6px;border-bottom:1px solid var(--line)}.service-no{font:700 11px var(--sans);letter-spacing:.1em;color:var(--copper)}.service .prose{font-size:15px}.service-arrow{justify-self:end;color:#8b988d;font-size:22px}
.work{background:var(--sage);padding:120px 0 128px}.work-wrap{display:grid;grid-template-columns:.92fr 1.08fr;gap:34px;align-items:start}.work-copy{padding-top:10px}.work-copy h3{font-size:clamp(40px,4.1vw,58px);margin:16px 0 20px}.work-copy p{max-width:460px;margin-bottom:26px}.work-copy .eyebrow{color:var(--copper)}.work-copy .small{font-size:12px;color:#69766c;margin-top:18px}.shots-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:18px;align-items:start}.shot{background:var(--paper);border:1px solid #c8d1c5;border-radius:18px;box-shadow:0 12px 34px rgba(24,34,31,.07);overflow:hidden}.shot.large{grid-row:span 2}.shot-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid #e3e8df;background:#fcfcf8}.dots{display:flex;gap:6px}.dots i{display:block;width:8px;height:8px;border-radius:50%;background:#d5d9d0}.shot-bar span{font:700 10px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:#718075}.shot-body{padding:18px}.shot h4{margin:0;font:700 13px var(--sans);letter-spacing:-.02em;color:#25332d}.shot p{margin:0;color:#647269;font-size:12px;line-height:1.7}.meta-row{display:flex;justify-content:space-between;gap:10px;align-items:start;margin-top:10px}.tagline{font:700 10px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:#859289}.big-card{background:linear-gradient(180deg,#fefefb,#f4f7ef);border:1px solid #e1e6dc;border-radius:14px;padding:15px;margin-top:14px}.big-card .card-name{font:700 24px/1.05 var(--display);letter-spacing:-.05em;margin-bottom:5px}.big-card .sub{font-size:12px;color:#6a776d;margin-bottom:14px}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.metric{background:#ffffff;border:1px solid #e2e7de;border-radius:12px;padding:12px 11px}.metric .label{font:700 9px var(--sans);letter-spacing:.13em;text-transform:uppercase;color:#87968c}.metric .value{font:700 16px/1.1 var(--display);letter-spacing:-.04em;margin-top:6px}.evidence{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.pill{padding:7px 10px;border-radius:999px;background:#ffffff;border:1px solid #e2e7de;font:600 10px var(--sans);color:#5b6a5f}.portfolio-panel{padding:16px 16px 14px}.total{font:700 27px/1 var(--display);letter-spacing:-.06em;margin:7px 0 4px}.seg-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0}.seg{background:#f5f7f2;border:1px solid #e2e7de;border-radius:12px;padding:10px 9px}.seg b{display:block;font:700 10px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:#78867c;margin-bottom:6px}.seg span{font:700 14px var(--display);letter-spacing:-.03em}.bars{display:flex;align-items:flex-end;gap:7px;height:84px;margin-top:10px;padding:10px 2px 0}.bars i{display:block;flex:1;background:linear-gradient(180deg,#253b33,#406052);border-radius:9px 9px 3px 3px}.bars i:nth-child(1){height:28%}.bars i:nth-child(2){height:48%}.bars i:nth-child(3){height:56%}.bars i:nth-child(4){height:42%}.bars i:nth-child(5){height:76%}.bars i:nth-child(6){height:68%}.bars i:nth-child(7){height:84%}.grade-panel{padding:16px}.grade-top{display:flex;justify-content:space-between;align-items:start;gap:14px}.grade-badge{padding:7px 10px;border-radius:999px;background:#eff3ea;border:1px solid #d8e0d4;font:700 10px var(--sans);color:#4b5b50}.grade-number{font:700 42px/.9 var(--display);letter-spacing:-.08em}.copy-note{margin-top:8px;font-size:12px;color:#66746a}.scores{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.score{background:#fbfcf9;border:1px solid #e2e7de;border-radius:12px;padding:11px 10px}.score .label{font:700 9px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:#839189}.meter{height:8px;border-radius:999px;background:#e2e8de;margin-top:8px;overflow:hidden}.meter b{display:block;height:100%;border-radius:999px;background:#324a41}.score:nth-child(1) .meter b{width:71%}.score:nth-child(2) .meter b{width:88%}.score:nth-child(3) .meter b{width:79%}.score:nth-child(4) .meter b{width:82%}.under-work{display:flex;justify-content:space-between;gap:18px;margin-top:18px;font-size:12px;color:#69756c}.under-work strong{color:#46584c}
.studio{background:var(--forest);color:#f0f0e7;padding:128px 0}.studio-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:110px}.studio .eyebrow{color:#b5c5b7}.studio h2{margin-top:18px}.studio h2 .serif{color:#d7b5a0}.studio-copy{padding-top:12px}.studio-copy p{font-size:18px;line-height:1.88;color:#c7d3c7}.studio-copy p+p{margin-top:18px}.studio-rule{height:1px;background:#ffffff38;margin:40px 0 21px}.studio-signature{display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:12px;color:#dbe3d7}.studio-signature em{font:italic 28px var(--serif);color:#cfdbd0}
.approach{padding:120px 0}.approach .eyebrow{color:var(--copper)}.approach-head{display:grid;grid-template-columns:1fr .82fr;align-items:end;gap:60px;margin:15px 0 46px}.approach-head p{padding-bottom:6px}.steps{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line)}.step{padding:35px 30px 39px 0;min-height:233px}.step+.step{border-left:1px solid var(--line);padding-left:32px}.step-no{color:var(--copper);font:700 11px var(--sans);letter-spacing:.1em}.step h3{margin:33px 0 14px;font-size:24px}.step p{color:#607065;font-size:14px;line-height:1.85}
.contact{background:#dfe6da;padding:123px 0 135px}.contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:end}.contact .eyebrow{color:var(--copper)}.contact h2{margin:18px 0 24px;font-size:clamp(52px,6vw,82px)}.contact h2 .serif{color:var(--copper)}.contact p{color:#55685b;max-width:520px;font-size:17px;line-height:1.82}.contact-right{padding-bottom:12px}.contact-right .eyebrow{color:#536b5a;margin-bottom:21px}.email{display:inline-flex;gap:18px;align-items:center;border-bottom:1px solid var(--copper);padding-bottom:11px;font:600 clamp(25px,2.45vw,34px)/1.3 var(--display);letter-spacing:-.05em;transition:gap .2s,color .2s}.email:hover{gap:28px;color:var(--copper)}.smallprint{margin-top:16px;font-size:12px;color:#6b786d}
footer{border-top:1px solid var(--line)}.footer-inner{display:flex;align-items:center;justify-content:space-between;min-height:102px;gap:25px}.footer-inner .wordmark{font-size:22px}.footer-inner .wordmark svg{width:30px;height:31px}.footer-inner p,.footer-links a{font-size:12px;color:#677567}.footer-links{display:flex;gap:26px}.footer-links a:hover{color:var(--copper)}
@media(max-width:1050px){.hero-grid{gap:35px}.poster{height:490px}.studio-grid{gap:60px}.service{grid-template-columns:49px 1fr .92fr 25px;gap:18px}.work-wrap{grid-template-columns:1fr}.work-copy p{max-width:none}.under-work{margin-top:14px}}
@media(max-width:820px){.container{width:calc(100% - 50px)}.nav-links{gap:20px}.hero{padding:75px 0 87px}.hero-grid{gap:30px}.hero h1{font-size:clamp(47px,6.5vw,75px)}.poster{height:450px}.section,.work,.studio,.approach,.contact{padding:88px 0}.headrow{gap:28px}.service{grid-template-columns:40px 1fr 24px}.service .prose{grid-column:2;grid-row:2}.service-arrow{grid-column:3;grid-row:1}.studio-grid{gap:40px}.studio-copy p{font-size:16px}.approach-head{gap:26px}.contact-grid{gap:28px}.shots-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.container{width:calc(100% - 40px)}.nav{height:68px}.wordmark{font-size:25px}.menu{display:block}.nav-links{display:none;position:absolute;top:68px;left:0;right:0;flex-direction:column;align-items:stretch;gap:24px;background:var(--bg);border-bottom:1px solid var(--line);padding:29px 20px 33px;box-shadow:0 18px 34px #18221f15}.nav-links.open{display:flex}.nav-links>a:not(.nav-cta){font-size:17px}.nav-cta{align-self:start}.hero{padding:64px 0 75px}.hero-grid{grid-template-columns:1fr;gap:42px}.hero h1{font-size:clamp(50px,10vw,73px)}.hero .lead{font-size:16px}.hero-note{margin-top:31px}.poster{height:390px}.poster-graphic{max-width:320px}.poster-head,.poster-foot{font-size:9px}.strap-inner{align-items:flex-start;flex-direction:column;gap:14px;padding:22px 0}.strap-tags{gap:10px 18px}.section,.work,.studio,.approach,.contact{padding:78px 0}.headrow,.approach-head,.contact-grid,.studio-grid{grid-template-columns:1fr;gap:24px;margin-bottom:32px}.service{padding:29px 0;gap:12px}.service h3{font-size:25px}.service .prose{font-size:14px}.shots-grid{grid-template-columns:1fr}.shot.large{grid-row:auto}.under-work{flex-direction:column;gap:4px}.studio-copy{padding-top:0}.studio-rule{margin:30px 0 18px}.steps{grid-template-columns:1fr}.step{padding:25px 0;min-height:auto}.step+.step{border-left:0;border-top:1px solid var(--line);padding-left:0}.step h3{margin:14px 0 10px}.contact h2{font-size:clamp(52px,10vw,70px)}.footer-inner{padding:28px 0;min-height:0;flex-wrap:wrap;gap:18px}.footer-links{width:100%}}
@media(max-width:390px){.hero-actions{flex-direction:column;align-items:flex-start}.poster{height:350px}.poster-graphic{max-width:265px}.email{font-size:22px}.seg-row{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:after,*:before{animation:none!important;transition:none!important}}

/* Featured product gallery — Bergsy portfolio v4 */
.work .headrow{margin-bottom:41px}.case-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:26px}.case-heading h3{font-size:clamp(40px,5vw,68px);line-height:1;margin-top:7px;letter-spacing:-.075em}.case-period{color:var(--copper)}.case-heading .eyebrow{color:var(--copper)}.case-link{display:inline-flex;align-items:center;gap:24px;padding-bottom:9px;border-bottom:1px solid #687c6c;font:700 13px var(--sans);white-space:nowrap;transition:color .2s,gap .2s}.case-link:hover{color:var(--copper);gap:30px}.case-screen{width:100%;position:relative;padding:16px;background:#13202c;border:1px solid #3e4f57;border-radius:14px;box-shadow:0 26px 60px #1d2d2430;overflow:hidden}.case-screen:before{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px #ffffff12;border-radius:14px}.case-screen img{display:block;width:100%;height:auto;aspect-ratio:1360/900;object-fit:cover;object-position:top center;border-radius:6px;transition:opacity .22s ease}.case-screen img.changing{opacity:.52}.case-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:23px;border-top:1px solid #bec9bd;border-bottom:1px solid #bec9bd}.case-select{background:none;border:0;display:flex;align-items:flex-start;text-align:left;gap:17px;padding:22px 16px 23px 0;min-height:92px;color:#55695b;cursor:pointer;border-bottom:3px solid transparent;font-family:var(--sans);transition:color .2s,background .2s,border-color .2s}.case-select+.case-select{border-left:1px solid #c7d2c5;padding-left:23px}.case-select:hover{color:#20392a}.case-select.active{color:#1f3928;border-bottom-color:var(--copper)}.case-select .screen-index{font:700 11px var(--sans);color:var(--copper);padding-top:4px}.case-select b{display:block;font:700 14px/1.4 var(--sans);margin-bottom:5px}.case-select small{font:400 12px/1.5 var(--sans);color:#778579}.case-select .screen-arrow{font-size:18px;margin-left:auto;color:var(--copper)}.case-foot{display:flex;justify-content:space-between;gap:24px;padding-top:16px;color:#6d7d70;font-size:12px}
@media(max-width:820px){.case-controls{gap:0}.case-select{gap:10px;padding-right:10px}.case-select+.case-select{padding-left:14px}.case-select small{font-size:11px}.case-screen{padding:10px}}
@media(max-width:650px){.case-heading{align-items:flex-start;flex-direction:column;gap:16px}.case-heading h3{font-size:46px}.case-screen{padding:6px;border-radius:9px}.case-screen img{border-radius:4px}.case-controls{grid-template-columns:1fr;margin-top:16px}.case-select,.case-select+.case-select{border-left:0;border-bottom:1px solid #c3cec2;min-height:65px;padding:14px 3px}.case-select.active{border-bottom:2px solid var(--copper)}.case-select small{font-size:12px}.case-foot{flex-direction:column;gap:4px}}


/* Bergsy v5 */
.case-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.home-contact-action{display:inline-flex;background:var(--forest);color:#fff;padding:12px 18px;gap:12px;align-items:center;font-size:13px;font-weight:700;margin-top:19px}
.home-contact-action:hover{background:#375145}
.subhero{padding:83px 0 89px}.subhero h1{max-width:920px;margin:23px 0 27px}.subhero .eyebrow,.studio-detail .eyebrow,.brief .eyebrow{color:var(--copper)}
.subhero p{max-width:745px;font-size:18px;line-height:1.9;color:var(--muted)}
.breadcrumbs{display:flex;align-items:center;gap:12px;font-size:12px;color:#6f7e70;margin-bottom:40px}
.breadcrumbs a:hover{color:var(--copper)}
.project-intro{display:flex;gap:25px;justify-content:space-between;align-items:start;border-top:1px solid var(--line);margin-top:41px;padding-top:24px}
.project-intro span{font-size:12px;color:#68786a}.project-intro b{font-size:12px;color:#2e4638}
.portfolio-section{background:var(--forest);color:#f3f3eb;padding:91px 0}
.portfolio-section h2{margin:18px 0 26px;max-width:820px}
.portfolio-section p{color:#d0d9cf;max-width:820px;line-height:1.9}
.project-image{width:100%;height:auto;display:block;border-radius:5px}
.project-image-wrap{margin-top:39px;padding:13px;background:#101d2b;border:1px solid #47635a;border-radius:13px;box-shadow:0 30px 80px #0002}
.image-disclaimer{font-size:12px!important;color:#8c9d8c!important;line-height:1.75!important;margin-top:18px}
.product-points{display:grid;grid-template-columns:repeat(3,1fr);gap:33px;padding:35px 0 12px;border-top:1px solid var(--line);margin-top:45px}
.product-points article h3{font-size:24px;margin:17px 0 13px}.product-points article p{font-size:14px;color:var(--muted);line-height:1.85}
.product-points .eyebrow{color:var(--copper)}
.product-images{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:34px}
.product-images figure{margin:0}.product-images img{width:100%;height:auto;display:block;border-radius:9px;border:9px solid #13222d;box-shadow:0 12px 26px #14251b18}.product-images figcaption{font-size:13px;color:#607065;line-height:1.7;margin-top:13px}
.project-outro{padding:80px 0;background:#e1e9df}.project-outro .container{display:flex;justify-content:space-between;align-items:center;gap:24px}
.project-outro h2{margin-top:13px}.project-outro .eyebrow{color:var(--copper)}
.brief{padding:55px 0 120px}.brief-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:85px;align-items:start}
.brief-aside h2{margin:17px 0 22px}.brief-aside p{color:var(--muted);line-height:1.9}
.brief-aside .direct{border-top:1px solid var(--line);padding-top:25px;margin-top:27px;font-size:13px}
.brief-aside .direct a{text-decoration:underline;text-underline-offset:5px;text-decoration-color:var(--copper)}
.brief-card{background:var(--paper);border:1px solid #d1d9cd;padding:38px 40px;box-shadow:0 14px 32px #17271e0d}
.brief-card h3{margin-bottom:12px}.brief-card>p{font-size:13px;line-height:1.75;color:var(--muted);margin-bottom:28px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:17px}
.field{display:flex;flex-direction:column;gap:8px;margin-bottom:19px}
.field label{font-size:12px;font-weight:700;color:#455749}
.field input,.field select,.field textarea{width:100%;min-height:51px;background:#fff;border:1px solid #bfc9be;border-radius:2px;padding:12px 14px;font:15px/1.5 var(--sans);color:var(--ink)}
.field textarea{resize:vertical;min-height:155px}
.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid #8fa996;outline-offset:1px}
.brief-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.brief .helper{color:#768579;font-size:12px;line-height:1.7;margin-top:15px}
#brief-status{min-height:22px;font-size:13px;color:#385d47;margin-top:9px}
@media(max-width:820px){.brief-grid{grid-template-columns:1fr;gap:29px}.product-images{grid-template-columns:1fr}}
@media(max-width:650px){.subhero{padding:62px 0 71px}.subhero h1{font-size:clamp(51px,10vw,74px)}.portfolio-section{padding:73px 0}.product-points{grid-template-columns:1fr}.brief{padding:35px 0 83px}.brief-card{padding:29px 23px}.form-row{grid-template-columns:1fr;gap:0}.project-outro .container{align-items:flex-start;flex-direction:column}}


/* assets/v6.css */

/* Bergsy v6: case-study portfolio gallery */
.case-feature{display:grid;grid-template-columns:.37fr .63fr;align-items:center;gap:54px;padding:74px 0;border-bottom:1px solid var(--line)}
.case-feature:nth-child(even){grid-template-columns:.63fr .37fr}
.case-feature:nth-child(even) .case-feature-copy{order:2}
.case-feature-copy .eyebrow{color:var(--copper)}
.case-feature-copy h3{font-size:clamp(30px,3.4vw,49px);margin:15px 0 22px}
.case-feature-copy p{color:var(--muted);font-size:16px;line-height:1.86}
.case-feature-visual{margin:0;min-width:0}
.case-feature-visual img{display:block;width:100%;height:auto;border:9px solid #122232;border-radius:12px;box-shadow:0 22px 48px #13251b19}
.case-feature-visual figcaption{font-size:12px;color:#6d7b70;line-height:1.65;margin-top:14px}
.case-browse{display:grid;grid-template-columns:repeat(3,1fr);gap:21px;margin-top:45px}
.case-browse figure{margin:0;background:var(--paper);border:1px solid var(--line);padding:10px;border-radius:12px;min-width:0;box-shadow:0 14px 34px #14271a0a}
.case-browse img{display:block;width:100%;height:auto;border-radius:7px;background:#081423}
.case-browse figcaption{padding:16px 10px 9px;color:var(--muted);font-size:13px;line-height:1.65}
.case-browse figcaption strong{display:block;color:var(--ink);font-size:16px;margin-bottom:5px}
.case-photo-label{color:#647267;font-size:12px;margin-top:20px}
.form-row{align-items:start}
.inquiry-honeypot{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important}
#brief-status{margin-top:15px;line-height:1.7}
#brief-status.success{color:#235f42}
#brief-status.error{color:#9b3e32}
#inquiry button[disabled]{opacity:.62;cursor:wait}
.brief .helper a{text-decoration:underline;text-underline-offset:3px}
.privacy-content{padding:10px 0 105px}
.privacy-content .container{max-width:850px}
.privacy-date{color:var(--muted);font-size:13px;margin-bottom:34px}
.privacy-content h2{font-size:clamp(23px,2.6vw,30px);margin:37px 0 12px}
.privacy-content p{color:var(--muted);line-height:1.9}
.privacy-content a{text-decoration:underline;text-decoration-color:var(--copper);text-underline-offset:4px}
@media(max-width:950px){.case-feature,.case-feature:nth-child(even){grid-template-columns:1fr;gap:26px}.case-feature:nth-child(even) .case-feature-copy{order:0}.case-browse{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.case-feature{padding:49px 0}.case-feature-visual img{border-width:5px}.case-browse{grid-template-columns:1fr}.case-feature-copy h3{font-size:35px}.privacy-content{padding-bottom:65px}}


/* assets/v7.css */
/* Bergsy v7 — calm visual hierarchy, product portfolio, mobile app and Rehirees */
.eyebrow{letter-spacing:.105em}
.service-no{letter-spacing:.08em;font-size:10px;color:#8b705e}
.case-select .screen-index{font-size:10px;line-height:1.7;opacity:.55;min-width:10px}
.step-no{letter-spacing:.09em;font-size:10px}
.case-controls .screen-index{color:var(--copper)}
.android-home-teaser{margin-top:64px;padding:42px 0 6px;border-top:1px solid #bdc9bc;display:grid;grid-template-columns:.38fr .62fr;gap:38px;align-items:center}
.android-home-copy .eyebrow{color:var(--copper)}
.android-home-copy h3{margin:15px 0 20px;font-size:clamp(30px,3vw,43px)}
.android-home-copy p{font-size:15px;line-height:1.86;color:#556557;margin:0 0 24px}
.android-home-copy .case-link{display:inline-flex}
.android-home-image{display:block;overflow:hidden;background:#111e32;border:1px solid #c3d0cc;border-radius:10px;box-shadow:0 16px 38px #0e271c13}
.android-home-image img{display:block;width:100%;height:auto}
.rehirees-home{padding:106px 0 116px;background:#f1f0e9;border-top:1px solid #d8dcd3;border-bottom:1px solid #d8dcd3;scroll-margin-top:84px}
.rehirees-home-grid{display:grid;grid-template-columns:.43fr .57fr;align-items:center;gap:60px}
.rehirees-home-copy .eyebrow{color:var(--copper)}
.rehirees-home h2{font-size:clamp(54px,5vw,77px);margin:18px 0 23px;line-height:1}
.rehirees-home h2 .serif{color:var(--copper)}
.rehirees-home-copy>p{font-size:16px;line-height:1.94;color:#53665a;max-width:510px}
.rehirees-home .case-actions{margin-top:28px;gap:23px}
.rehirees-home .case-link{color:var(--forest)}
.rehirees-home-art{display:block;background:#fffdfa;padding:12px;border:1px solid #cdd6ca;border-radius:11px;box-shadow:0 18px 44px #1d372117}
.rehirees-home-art img{display:block;width:100%;height:auto;border-radius:5px}
.android-feature{background:#101e31;color:#f2f6fb;padding:113px 0 116px;scroll-margin-top:84px}
.android-feature .eyebrow{color:#abc9e5}
.android-feature h2{margin:15px 0 0;font-size:clamp(40px,4.7vw,66px)}
.android-feature h2 .serif{color:#b6cbed}
.android-feature-head{display:grid;grid-template-columns:1fr .8fr;gap:65px;align-items:end}
.android-feature-head p{font-size:16px;line-height:1.85;color:#c1d0df;margin:0}
.android-feature-head p+p{margin-top:15px}
.android-status{font-size:13px!important;color:#a9bed3!important}
.android-status strong{color:#e7f0f8}
.android-showcase{margin:43px 0 0;padding:14px;background:#081423;border:1px solid #37546e;border-radius:12px;box-shadow:0 30px 70px #050d18a8}
.android-showcase img{display:block;width:100%;height:auto;border-radius:5px}
.android-showcase figcaption{color:#a5b9cf;font-size:12px;line-height:1.6;margin:14px 7px 3px}
.android-feature-bottom{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:41px;padding-top:30px;border-top:1px solid #3b5066}
.android-feature-bottom h3{font-size:21px;margin:0 0 10px}
.android-feature-bottom p{font-size:14px;color:#aebfd2;line-height:1.8}
.rehirees-case-hero .eyebrow{color:var(--copper)}
.rehirees-status-strip{display:flex;gap:16px;flex-wrap:wrap;align-items:center;margin-top:36px;padding-top:22px;border-top:1px solid var(--line)}
.rehirees-status-strip span{font-size:12px;padding:10px 14px;background:#e7eae3;color:#586759;border:1px solid #d5dad2}
.rehirees-status-strip strong{font-weight:700;color:#293b30}
.rehirees-visual-section{background:var(--forest);color:#f5f4ed;padding:106px 0 114px}
.rehirees-case-heading{display:grid;grid-template-columns:1fr .75fr;gap:55px;align-items:end;margin-bottom:40px}
.rehirees-case-heading .eyebrow{color:#b8c9c0}
.rehirees-case-heading h2{margin:16px 0 0}
.rehirees-case-heading .serif{color:#d0bbad}
.rehirees-case-heading p{color:#bfcebe;line-height:1.86;font-size:16px}
.rehirees-visual{margin:0}
.rehirees-visual img{display:block;width:100%;height:auto;border:12px solid #172d26;border-radius:13px;box-shadow:0 26px 65px #10191488}
.rehirees-visual figcaption{font-size:12px;color:#bcc8ba;margin-top:15px;line-height:1.7}
.rehirees-detail .product-points{margin-top:40px}
.rehirees-footnote{margin-top:45px;padding:20px 0;border-top:1px solid var(--line);font-size:14px;line-height:1.75;color:#59695d}
.rehirees-footnote a{color:#244f3d;text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--copper)}
@media(max-width:950px){
.android-home-teaser{grid-template-columns:1fr .95fr;gap:25px}
.rehirees-home-grid{grid-template-columns:1fr;gap:30px}
.rehirees-home-copy>p{max-width:780px}
.android-feature-head,.rehirees-case-heading{grid-template-columns:1fr;gap:23px}
.android-feature-head p{max-width:800px}
}
@media(max-width:650px){
.service-no{font-size:10px}
.android-home-teaser{margin-top:47px;padding-top:29px;grid-template-columns:1fr;gap:24px}
.android-home-copy h3{font-size:34px}
.android-home-copy p{font-size:15px}
.rehirees-home{padding:76px 0 83px}
.rehirees-home h2{font-size:60px}
.rehirees-home .case-actions{align-items:flex-start;flex-direction:column;gap:17px}
.rehirees-home-art{padding:7px}
.android-feature{padding:76px 0 80px}
.android-feature h2{font-size:46px}
.android-feature-head{gap:19px}
.android-showcase{padding:6px;margin-top:29px}
.android-showcase figcaption{margin:11px 5px 2px}
.android-feature-bottom{grid-template-columns:1fr;gap:21px}
.android-feature-bottom h3{margin-bottom:5px}
.rehirees-visual-section{padding:78px 0}
.rehirees-visual img{border-width:6px}
.rehirees-status-strip{gap:8px}
.rehirees-status-strip span{width:100%;padding:9px 12px}
}
@media(prefers-reduced-motion:reduce){.android-home-art,.rehirees-home-art{transition:none}}


/* assets/v8.css */

/* Launch quality pass — mobile readability, navigation and keyboard accessibility */
html{-webkit-text-size-adjust:100%}
body{overflow-wrap:break-word}
section[id]{scroll-margin-top:90px}
.menu{min-width:44px;min-height:44px;align-items:center;justify-content:center}
.nav-links a{min-height:40px;display:inline-flex;align-items:center}
.nav-links a.nav-cta{min-height:44px}
.case-select:focus-visible,.btn:focus-visible,.nav-cta:focus-visible,.case-link:focus-visible{outline:3px solid var(--copper);outline-offset:3px}
.case-screen img,.android-showcase img,.rehirees-home-art img,.rehirees-visual img{max-width:100%}
.field label{line-height:1.45}
.field input,.field select,.field textarea{font-size:16px}
#brief-status{overflow-wrap:anywhere}
@media (max-width:650px){
  .menu{display:inline-flex}
  .nav-links a{min-height:44px}
  .nav-cta{min-height:46px}
  .container{width:calc(100% - 36px)}
  .hero h1{overflow-wrap:normal}
  .case-actions{row-gap:17px}
  .case-screen img{object-fit:contain}
  .service{grid-template-columns:34px minmax(0,1fr) 24px}
  .service h3,.case-heading h3,.contact h2{overflow-wrap:break-word}
  .email{max-width:100%;overflow-wrap:anywhere;white-space:normal}
  .case-feature,.rehirees-home-grid,.android-home-teaser{min-width:0}
  .field textarea{min-height:165px}
}
@media (max-width:370px){
  .container{width:calc(100% - 32px)}
  .eyebrow{font-size:10px;letter-spacing:.09em}
  .hero h1{font-size:46px}
  .case-heading h3{font-size:39px}
  .about h2,.studio h2,.subhero h1{overflow-wrap:anywhere}
  .btn{max-width:100%;white-space:normal;text-align:center}
  .brief-actions .btn{width:100%}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Avoid horizontal overflow from the CardThesis page's project metadata on narrow screens. */
@media (max-width:650px){
  .project-intro{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 22px}
  .project-intro span,.project-intro b{min-width:0;overflow-wrap:anywhere}
  .project-intro b{display:block;margin-top:4px}
}
@media (max-width:370px){
  .project-intro{grid-template-columns:1fr;gap:14px}
  .project-intro span{width:100%}
}

/* Secondary footer navigation has an extra project link on case-study pages. */
@media(max-width:650px){
  .footer-links{display:flex;flex-wrap:wrap;column-gap:19px;row-gap:10px;min-width:0;max-width:100%}
  .footer-links a{white-space:normal}
}

/* Rehirees portfolio art: use mobile-specific illustration, not unreadable desktop UI at phone widths. */
.rehirees-home-art picture,.rehirees-visual picture{display:block;width:100%}
.rehirees-home-art picture img,.rehirees-visual picture img{display:block;width:100%;height:auto}
@media(max-width:650px){
  .rehirees-home{padding:63px 0 54px}
  .rehirees-home-grid{gap:22px}
  .rehirees-home-art{padding:5px;box-shadow:0 9px 23px #1d372114}
  .rehirees-visual-section{padding:62px 0 72px}
  .rehirees-visual img{border-width:5px}
}

/* Inquiry completion is a real terminal state, not a reset of the form. */
.brief-card [hidden]{display:none!important}
.inquiry-success{outline:none;padding:12px 0 9px}
.inquiry-success-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;border:1px solid #acc4b4;border-radius:50%;color:#1b4933;background:#e8f1e9;font-family:Arial,sans-serif;font-weight:700;font-size:25px;margin-bottom:23px}
.inquiry-success .eyebrow{color:var(--copper)}
.inquiry-success h3{font-family:var(--display);font-weight:600;line-height:1.2;font-size:clamp(31px,4vw,43px);letter-spacing:-.052em;margin:12px 0 18px}
.inquiry-success>p{color:#58685a;font-size:16px;line-height:1.85;margin:0 0 12px}
.inquiry-success .inquiry-success-note{font-size:13px;color:#657668}
.inquiry-success-links{display:flex;flex-wrap:wrap;align-items:center;gap:21px;margin-top:28px}
.inquiry-success-email{font-size:13px;font-weight:700;color:#315443;text-decoration:underline;text-decoration-color:var(--copper);text-underline-offset:4px}
@media(max-width:650px){.inquiry-success-links{align-items:flex-start;flex-direction:column;gap:20px}.inquiry-success .btn{min-height:50px}}


/* Service clarity and project fit — no new framework or dependency. */
#services .service-list{border-top:1px solid var(--line)}
#services .service{grid-template-columns:88px minmax(0,1fr) minmax(0,.86fr) 25px;gap:25px;min-width:0}
#services .service-no{font-size:10px;line-height:1.5;letter-spacing:.13em;color:var(--copper);font-weight:700}
#services .service h3{font-size:clamp(24px,2.35vw,34px)}
#services .service .prose{font-size:15px;line-height:1.8}
.services-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:27px;flex-wrap:wrap}
.services-bottom>span{color:#667568;font-size:14px}
.services-bottom .link{color:var(--forest);display:inline-flex;align-items:center;gap:12px;font-size:13px;text-decoration:underline;text-decoration-color:var(--copper);text-underline-offset:5px;font-weight:700}
.services-bottom .link:hover{color:var(--copper)}
.project-fit{padding:104px 0 111px;background:#eaece5;border-top:1px solid #d8ded3;border-bottom:1px solid #d8ded3;scroll-margin-top:90px}
.fit-heading{display:grid;grid-template-columns:1fr .77fr;gap:70px;align-items:end;margin-bottom:42px}
.fit-heading .eyebrow{color:var(--copper)}
.fit-heading h2{margin-top:17px}
.fit-heading .prose{max-width:440px}
.fit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid #cdd6ca;border-bottom:1px solid #cdd6ca}
.fit-item{padding:38px 28px 40px 0;min-width:0}
.fit-item+.fit-item{padding-left:29px;border-left:1px solid #cdd6ca}
.fit-type{font-size:11px;font-weight:700;letter-spacing:.10em;text-transform:uppercase;color:#896147}
.fit-item h3{font-size:clamp(21px,2.15vw,29px);line-height:1.26;letter-spacing:-.05em;margin:18px 0 13px}
.fit-item p{font-size:14px;line-height:1.86;color:#536459}
.fit-bottom{display:flex;align-items:center;justify-content:space-between;gap:26px;padding-top:33px}
.fit-bottom p{color:#5a6b5e;line-height:1.75;font-size:14px;max-width:600px}
.fit-action{display:inline-flex;flex:none;align-items:center;gap:18px;color:var(--forest);font-size:13px;font-weight:700;border-bottom:1px solid var(--copper);padding-bottom:8px}
.fit-action:hover{color:var(--copper)}
@media(max-width:980px){
 #services .service{grid-template-columns:72px minmax(0,1fr) minmax(0,.93fr) 22px;gap:18px}
 .fit-heading{gap:30px}
}
@media(max-width:820px){
 #services .service{grid-template-columns:79px minmax(0,1fr) 22px;gap:14px;padding:31px 0}
 #services .service .prose{grid-column:2;grid-row:2;padding-top:0}
 #services .service-arrow{grid-column:3;grid-row:1}
 .project-fit{padding:80px 0}
 .fit-heading{grid-template-columns:1fr;gap:20px}
 .fit-heading .prose{max-width:750px}
 .fit-item{padding:30px 16px 32px 0}
 .fit-item+.fit-item{padding-left:17px}
 .fit-bottom{align-items:flex-start}
}
@media(max-width:650px){
 #services .service{grid-template-columns:minmax(0,1fr) 24px;gap:8px 12px;padding:30px 0}
 #services .service-no{grid-column:1/-1;grid-row:1;font-size:10px}
 #services .service h3{grid-column:1;grid-row:2;font-size:25px}
 #services .service-arrow{grid-column:2;grid-row:2}
 #services .service .prose{grid-column:1/-1;grid-row:3;font-size:15px;max-width:550px}
 .services-bottom{align-items:flex-start;flex-direction:column;gap:11px;padding-top:25px}
 .project-fit{padding:72px 0 79px}
 .fit-heading{margin-bottom:29px}
 .fit-grid{grid-template-columns:1fr}
 .fit-item,.fit-item+.fit-item{padding:27px 0 29px;border-left:0}
 .fit-item+.fit-item{border-top:1px solid #cdd6ca}
 .fit-item h3{font-size:26px;margin:11px 0 11px}
 .fit-item p{font-size:15px}
 .fit-bottom{flex-direction:column;align-items:flex-start;gap:20px;padding-top:27px}
 .fit-bottom p{font-size:14px}
}

/* Accessibility, mobile polish and consistent navigation */
.nav-links a:focus-visible,.footer-links a:focus-visible,.case-select:focus-visible{outline:3px solid var(--copper);outline-offset:4px}
.nav-links a[aria-current="page"]{color:var(--copper);text-decoration:underline;text-decoration-color:var(--copper);text-underline-offset:6px}
.form-noscript{padding:12px 14px;background:#f8f3ea;border:1px solid #dccbbb;color:#614d35;font-size:14px;line-height:1.65;margin-bottom:18px}
@media(max-width:650px){.footer-links a{min-height:40px;display:inline-flex;align-items:center}.nav-links a{min-height:44px}}

/* WCAG AA color contrast — small labels, captions and helper text on light surfaces. */
:root{--copper:#8d462f;--muted:#45584a}
.hero-label{color:#46594a}
.services-bottom>span,.fit-bottom p,.service .prose{color:#425649}
.eyebrow{color:var(--copper)}
.breadcrumbs,.breadcrumbs a{color:#435647}
.project-intro span{color:#455949}
.under-work,.under-work span,.case-foot,.case-foot span{color:#4b5f50}
.footer-inner p,.footer-links a{color:#425548}
.brief .helper,.brief .helper a,.smallprint,.contact-caption{color:#45594d}
.privacy-date,.privacy-content p,.inquiry-success .inquiry-success-note{color:#455849}
.rehirees-status-strip span,.rehirees-footnote{color:#455a4b}

/* Final WCAG AA caption adjustments. */
.case-select small,.case-select span small{color:#3e5345}
.case-feature-visual figcaption{color:#435649}


/* Bergsy / editorial design refinement: distinct composition, less template repetition */
.hero{position:relative;overflow:hidden;padding:102px 0 110px;background:radial-gradient(ellipse 50% 55% at 13% 2%,#fbfaf6 0%,transparent 100%)}
.hero-grid{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:clamp(34px,5vw,70px);align-items:center}
.hero-label{color:#3f5949;letter-spacing:.15em}
.hero h1{font-size:clamp(53px,5.7vw,80px);line-height:1.075;letter-spacing:-.069em;margin:24px 0 25px;max-width:780px}
.hero h1 .second{font-size:.98em;line-height:1.05;color:#a45137;letter-spacing:-.035em;margin-top:6px}
.hero .lead{max-width:535px;color:#46594d;font-size:17px;line-height:1.86}
.hero-actions{margin-top:32px;gap:13px}
.hero-actions .btn-dark{padding-inline:25px}
.hero-actions .btn-outline{border-color:#aeb9a9}
.poster{height:515px;background:linear-gradient(150deg,#223b30 0%,#172c25 62%,#12241f 100%);border:1px solid #1a382a;padding:28px 27px 24px}
.poster:before{opacity:.13;background-size:62px 62px}
.poster:after{content:"";position:absolute;inset:auto -150px -245px auto;width:550px;height:550px;border-radius:50%;border:1px solid #b5c5b51f;box-shadow:0 0 0 95px #d0d8cf09,0 0 0 180px #d0d8cf06;pointer-events:none;z-index:-1}
.poster-graphic{max-width:405px;filter:drop-shadow(0 10px 14px #06160e16)}
.poster-head,.poster-foot{position:relative;z-index:2;letter-spacing:.16em}
.poster-foot span:last-child{color:#d5c2af}
.venture-strip{background:#e7ece4;border-top:1px solid #d2dccf;border-bottom:1px solid #cdd7cb}
.venture-strip-inner{display:grid;grid-template-columns:minmax(155px,.7fr) minmax(0,1fr) minmax(0,1fr);align-items:stretch;min-height:105px}
.venture-strip-title{align-self:center;color:#86513d;font:700 11px/1.4 var(--sans);letter-spacing:.13em;text-transform:uppercase;padding:17px 20px 17px 0}
.venture-strip-link{display:grid;grid-template-columns:minmax(0,1fr) 20px;grid-template-rows:auto auto;align-content:center;column-gap:16px;padding:18px 26px;border-left:1px solid #cbd7ca;text-decoration:none;transition:background .18s}
.venture-strip-link:hover,.venture-strip-link:focus-visible{background:#dce5d9}
.venture-strip-link strong{font:700 19px/1.35 var(--display);letter-spacing:-.042em;color:#1d3327}
.venture-strip-link span:nth-child(2){grid-column:1;font:500 12px/1.5 var(--sans);color:#47604e;margin-top:3px}
.venture-strip-link span:last-child{grid-column:2;grid-row:1/3;align-self:center;font-size:22px;color:#91563d}
#services{padding:109px 0 115px}
#services .headrow{margin-bottom:44px}
#services .service{padding-top:34px;padding-bottom:34px}
#services .service h3{letter-spacing:-.052em}
.work{background:#e5ebe2;padding:112px 0 115px}
.work .headrow{margin-bottom:57px}
.work .case-heading .eyebrow{letter-spacing:.12em}
.case-heading h3{letter-spacing:-.077em}
.case-screen{border-radius:11px;border-color:#465c56;box-shadow:0 23px 55px #1b342631}
.case-select{min-height:106px}
.case-select b{font-size:15px;letter-spacing:-.02em}
.rehirees-home{padding:105px 0 105px}
.rehirees-home-art{transition:transform .22s ease,box-shadow .22s ease}
.rehirees-home-art:hover{transform:translateY(-3px);box-shadow:0 22px 50px #1d372124}
.studio{position:relative;overflow:hidden;padding:110px 0 113px}
.studio:after{content:"b.";pointer-events:none;position:absolute;right:-.055em;bottom:-.42em;font:italic 340px/1 var(--serif);color:#f6eee50a;letter-spacing:-.11em}
.studio-grid{position:relative;z-index:1;gap:clamp(35px,7vw,110px)}
.studio-copy p{font-size:17px;line-height:1.89}
.approach{padding:101px 0 105px}
.project-fit{padding:93px 0 100px}
.contact{padding:107px 0 114px}
@media(max-width:1050px){
 .hero h1{font-size:clamp(48px,5.6vw,71px)}
 .poster{height:475px}
 .venture-strip-inner{grid-template-columns:150px 1fr 1fr}
 .venture-strip-link{padding-inline:19px}
}
@media(max-width:820px){
 .hero{padding:73px 0 84px}
 .hero-grid{gap:30px}
 .hero h1{font-size:clamp(46px,6vw,66px)}
 .poster{height:435px}
 .venture-strip-inner{grid-template-columns:132px 1fr 1fr}
 .venture-strip-link strong{font-size:17px}
 .venture-strip-link{padding:17px 14px}
 #services,.work,.studio,.approach,.project-fit,.contact{padding-top:82px;padding-bottom:86px}
}
@media(max-width:650px){
 .hero{padding:57px 0 70px}
 .hero-grid{grid-template-columns:1fr;gap:38px}
 .hero-label{letter-spacing:.1em;font-size:10px}
 .hero h1{font-size:clamp(47px,10.2vw,68px);line-height:1.06;letter-spacing:-.062em;margin:22px 0}
 .hero h1 .second{margin-top:7px}
 .hero .lead{font-size:16px;line-height:1.82}
 .hero-actions{margin-top:29px}
 .poster{height:380px;padding:20px}
 .poster-graphic{max-width:300px}
 .poster-head,.poster-foot{font-size:9px;letter-spacing:.08em}
 .venture-strip-inner{grid-template-columns:1fr;min-height:0}
 .venture-strip-title{padding:19px 0 14px}
 .venture-strip-link{grid-template-columns:1fr 22px;border-left:0;border-top:1px solid #cbd7ca;padding:16px 0 17px}
 .venture-strip-link strong{font-size:19px}
 .venture-strip-link span:nth-child(2){font-size:12px}
 #services,.work,.studio,.approach,.project-fit,.contact{padding-top:76px;padding-bottom:81px}
 .work .headrow{margin-bottom:40px}
 .case-select{min-height:78px}
 .studio:after{font-size:215px;bottom:-.39em;right:-.1em}
 .studio-copy p{font-size:16px}
}
@media(max-width:390px){
 .hero h1{font-size:45px}
 .hero-actions{flex-direction:column;align-items:stretch}
 .hero-actions .btn{width:100%}
 .poster{height:340px}
 .poster-graphic{max-width:265px}
}
@media(prefers-reduced-motion:reduce){.rehirees-home-art{transition:none}.rehirees-home-art:hover{transform:none}}