.hero{background:#142a24;color:var(--paper);position:relative;margin-top:18px;min-height:660px;padding-bottom:20px}.hero-copy{padding-top:45px;position:relative;z-index:1}.hero h1{font-size:86px;letter-spacing:-4.5px;margin-bottom:20px}.hero .eyebrow{color:#bdcbb5}.hero-subtitle{font-size:16px;font-weight:600;margin-bottom:15px;letter-spacing:-.2px}.hero .intro{color:#b7c5b2;font-size:13px;line-height:1.9}.hero .button{background:#ed713b;color:#142a24;font-weight:700}.hero .button:hover{background:#ff9866}.hero .textlink{color:#e0e8d9}.hero-proof{color:#c3d0bc;font-size:9px}.hero-proof span:before{color:#ff9d6a}.hero-bottom{border-color:#ffffff26;color:#9daf96}.hero .visual{box-shadow:none;border:1px solid #ffffff1c;background:radial-gradient(ellipse at 50% 45%,#304d3b,#142a24 72%);margin-left:0;min-height:570px}.hero .visual-foot{color:#bdd0ae}.ribbon{background:#e9eddf}.featured{padding-bottom:20px}.featured h2{font-size:40px;letter-spacing:-2px}.featured-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:18px}.feature-story{border:1px solid #d5ddce;background:#ecefe3;display:flex;flex-direction:column;min-width:0}.story-heading{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:8px;letter-spacing:1px;padding:22px 24px;border-bottom:1px solid #172a2514;color:#5a6952}.story-primary{background:#172e25;color:#edf1e5;border-color:#172e25}.story-primary .story-heading{color:#afc5a3;border-color:#fff2}.story-content{padding:24px;display:flex;flex-direction:column;flex:1}.story-type{font-size:9px;line-height:1.7;color:#65755d}.story-content h3{font:500 31px/1.15 Manrope,Arial,sans-serif;letter-spacing:-1.4px;margin-bottom:16px}.story-content>p:not(.story-type){font-size:12px;line-height:1.8;color:#637258}.story-primary .story-type,.story-primary .story-content>p:not(.story-type){color:#b5c8a8}.story-content .project-open{margin-top:auto;padding-top:20px;min-height:48px}.story-primary .project-open{color:#e9f0df;border-color:#ffffff29}.story-symbol{font-family:Arial,sans-serif;font-size:66px;color:#b4673e;line-height:1;margin:5px 0 28px}.story-fiber{background:#e1e8d5}.fiber-symbol{color:#617552}.story-visual{height:174px;position:relative;background-image:linear-gradient(#8dab7512 1px,transparent 1px),linear-gradient(90deg,#8dab7512 1px,transparent 1px);background-size:24px 24px;overflow:hidden}.story-visual svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#dd8050;stroke-width:1.5}.story-visual .node{position:absolute;background:#263e2c;color:#c5d7b5;border:1px solid #667a514f;padding:7px 9px;font-size:8px;letter-spacing:1px;z-index:1}.node-camera{left:8%;top:38%}.node-switch{left:39%;top:13%}.node-record{right:7%;top:38%}.technical-caption{position:absolute;bottom:14px;left:24px;font-size:7px;letter-spacing:1.8px;color:#aac397}.story-primary .story-content{padding-top:20px}.storage-section{background:#172a25;color:#f0f3e8;display:grid;grid-template-columns:1fr 1.2fr;gap:70px;align-items:center}.storage-intro h2{font-size:53px}.storage-intro>p:not(.eyebrow){font-size:14px;line-height:1.9;max-width:350px;color:#b8c6af}.storage-intro .eyebrow{color:#f39a6b}.calc-explainer{border-left:2px solid #ed713b;padding-left:18px;margin:30px 0}.calc-explainer>span{font-size:9px;letter-spacing:1.5px;color:#c0cdb5}.calc-explainer p{font-size:12px;line-height:1.9;color:#9eb392;margin:10px 0}.storage-intro .textlink{color:#dfe8d5}.storage-tool{background:#f3f5ec;color:#172a25;padding:30px}.calc-head{display:flex;justify-content:space-between;gap:12px;font-size:8px;letter-spacing:1px;padding-bottom:20px;border-bottom:1px solid #d5ddcc}.calc-live{color:#617d4c}.camera-presets{display:flex;gap:8px;margin:22px 0}.camera-presets button{background:transparent;border:1px solid #ccd5c2;color:#52634a;padding:10px 14px;font-size:11px;cursor:pointer;flex:1}.camera-presets button[aria-pressed=true]{background:#172a25;color:white;border-color:#172a25}.calc-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.calc-fields label{font-size:11px;line-height:1.6}.calc-fields label:last-child{grid-column:1/-1}.calc-fields label>span{color:#728367;font-size:10px}.calc-fields input{width:100%;padding:12px;font:600 19px Arial,sans-serif;border:1px solid #ccd5c2;background:white;color:#172a25;border-radius:0;display:block;margin-top:7px;min-width:0}.bitrate-note{font-size:10px;line-height:1.7;color:#67775b;margin:14px 0 23px}.calc-output{display:grid;grid-template-columns:1fr 1fr;border-block:1px solid #ccd5c2;padding-block:20px;gap:18px}.calc-output>div{min-width:0}.calc-output span{font-size:10px;color:#65755c}.calc-output p{font-size:11px;margin:10px 0 0}.calc-output strong{font:500 clamp(24px,3vw,39px) Manrope,Arial,sans-serif;letter-spacing:-1.5px;overflow-wrap:anywhere}.calc-total strong{color:#a84117}.calc-error{font-size:11px;line-height:1.7;color:#a2361d;margin:10px 0}.storage-tool .button{width:100%;margin-top:20px;line-height:1.6}.storage-tool button:disabled{opacity:.45;cursor:not-allowed}.calc-footnote{font-size:10px;line-height:1.8;color:#6c7d61;margin:18px 0 0}.delivery-strip{max-width:1440px;margin:0 auto 40px;padding:0 5%;display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.delivery-strip>div{border-top:2px solid #df8b57;padding:22px 0}.delivery-strip span{font-size:8px;letter-spacing:1.4px;color:#7a876f}.delivery-strip h3{font-size:20px;margin:15px 0 8px}.delivery-strip p{font-size:12px;line-height:1.7;color:#6e7c65}.reading-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:#ed713b;transform:scaleX(0);transform-origin:left;pointer-events:none}.mobile-dock{display:none}.project-art{height:150px}.project-body h3{line-height:1.3}
@media(min-width:1441px){.hero{border-radius:0}}
@media(max-width:1100px){.hero h1{font-size:75px}.hero-subtitle{font-size:14px}.hero .visual{min-height:570px}.storage-section{gap:35px}.storage-tool{padding:25px}.featured-grid{grid-template-columns:1fr 1fr}.story-primary{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.story-primary .story-heading{grid-column:1/-1}.story-primary .story-visual{height:240px}.story-primary .story-content{padding:26px}.featured h2{font-size:37px}.featured .section-head{gap:30px}.story-content h3{font-size:29px}}
@media(max-width:850px){.storage-section{grid-template-columns:1fr;gap:35px}.storage-intro>p:not(.eyebrow){max-width:540px}.storage-intro h2{font-size:45px}.calc-output strong{font-size:38px}.storage-tool{max-width:620px;width:100%}.delivery-strip{gap:18px}.delivery-strip h3{font-size:17px}}
@media(max-width:680px){.hero{margin-top:0;padding-bottom:0}.hero h1{font-size:76px}.hero-subtitle{font-size:14px;max-width:280px;line-height:1.6}.hero .visual{min-height:300px;margin-top:4px}.hero-copy{padding-top:34px}.hero .actions{gap:20px}.hero .intro{font-size:13px}.hero-proof{font-size:9px}.hero-bottom{margin-top:20px}.featured{padding-top:45px}.featured h2{font-size:32px;line-height:1.2;letter-spacing:-1.4px}.featured .section-head .textlink{display:inline-block;margin-bottom:4px;font-size:12px}.featured-grid{grid-template-columns:1fr;gap:16px}.story-primary{display:flex;grid-column:auto}.story-primary .story-visual{height:160px}.story-content,.story-primary .story-content{padding:24px}.story-content h3{font-size:29px}.story-symbol{font-size:48px;margin-bottom:20px}.story-heading{padding:18px 24px}.story-content .project-open{margin-top:10px;font-size:12px}.storage-intro h2{font-size:40px}.storage-section{padding:45px 6%}.storage-tool{padding:24px 20px}.camera-presets button{padding:10px 6px;font-size:11px}.calc-output{gap:10px}.calc-output strong{font-size:31px}.calc-fields{gap:14px}.calc-head{font-size:7px;letter-spacing:.6px}.delivery-strip{grid-template-columns:1fr;padding:0 6%;gap:0;margin-bottom:15px}.delivery-strip>div{padding:22px 0;border-top-width:1px}.delivery-strip h3{font-size:21px;margin-top:10px}.delivery-strip p{font-size:13px;margin:0}.mobile-dock{display:grid;grid-template-columns:1fr 1fr 1.5fr;position:fixed;bottom:0;left:0;right:0;z-index:25;background:#f7f8f2;border-top:1px solid #d1dac7;padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -6px 22px #172a2510}.mobile-dock a{display:flex;justify-content:center;align-items:center;font-size:11px;min-height:57px;padding:12px 6px}.mobile-dock a:last-child{background:#ed713b;color:#172a25;font-weight:700}.project .contact-note{font-size:11px}.form-step{margin-top:8px}}
@media(prefers-reduced-motion:reduce){.project-card,.expanded-services .service{transition:none}.expanded-services .service:hover{transform:none}}