body{margin:0}html{scroll-behavior:smooth;scroll-padding-top:24px}img{max-width:100%}a{text-underline-offset:5px}p{color:#cfc7be}h3{font-size:26px;line-height:1.15;letter-spacing:-.025em}em{font-style:normal;color:#b5a99c}section{padding-block:64px}section+section{border-top:1px solid var(--line)}.wrap{max-width:1320px}.site-header{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-block:28px;border-bottom:1px solid var(--line)}.site-logo{display:inline-flex;flex-shrink:0}.site-logo img{display:block}.site-header nav{display:flex;align-items:center;gap:28px}.site-header nav a{text-decoration:none;font-size:14px;min-height:44px;display:inline-flex;align-items:center}.site-header nav a[aria-current=page]:not(.btn){color:#ff8356;text-decoration:underline;text-underline-offset:8px}.menu-toggle{background:transparent;border:1px solid var(--wire);border-radius:30px;padding:10px 18px;min-height:44px;cursor:pointer}.skip-link{position:absolute;left:16px;top:-100px;z-index:100;background:var(--fg);color:var(--bg);padding:12px}.skip-link:focus{top:12px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.ghost-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;min-height:44px;box-sizing:border-box}.btn{min-height:44px}.home-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:60px;align-items:center;padding-block:78px 90px}.home-hero h1{font-size:clamp(48px,5.2vw,76px);line-height:1;letter-spacing:-.05em}.home-hero h1 span,.page-intro h1 span{color:var(--coral);display:block}.home-hero .lede{margin-top:26px;font-size:18px}.hero-note{font-size:12px;letter-spacing:.04em;margin-top:24px;color:var(--muted)}.hero-project{display:block;border:1px solid #655348;border-radius:14px;overflow:hidden;transform:rotate(2deg);background:#211b16;text-decoration:none;box-shadow:0 20px 65px #0004}.hero-project>img{display:block;width:100%;height:auto;aspect-ratio:1.44;object-fit:cover}.browser-top{display:flex;gap:5px;padding:13px;background:#24201d;align-items:center}.browser-top i{width:6px;height:6px;background:#6e5a4b;border-radius:50%}.browser-top span{font-size:10px;margin-left:10px;color:#c9bcae}.hero-project-label{display:flex;flex-direction:column;padding:20px;gap:6px}.hero-project-label span{font-size:9px;letter-spacing:.18em;color:#a99b8c}.hero-project-label strong{font-weight:500;font-size:18px}.package-grid,.project-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:32px}.package{padding:32px;background:var(--panel);border:1px solid var(--line);border-radius:16px}.package:nth-child(2){border-color:#78402a}.package h3{margin:18px 0 24px;font-weight:500;font-size:32px}.price{color:var(--fg);font-size:48px;line-height:1.3;letter-spacing:-.04em;margin:20px 0}.price small{display:block;color:var(--muted);font-size:12px;letter-spacing:.06em}.price span{font-size:14px;color:var(--muted);letter-spacing:0}.package ul{padding-left:20px;color:#cfc7be;margin-bottom:30px}.package li{padding-block:5px}.fine-print{font-size:13px;color:#b1a69c;max-width:82ch;margin:24px 0}.work-card{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--panel);min-width:0}.project-image{display:block;position:relative;overflow:hidden}.project-image img{display:block;width:100%;height:auto;aspect-ratio:1.5;object-fit:cover;object-position:top;transition:transform .25s}.project-image:hover img{transform:scale(1.025)}.project-image>span{position:absolute;left:14px;bottom:14px;background:#121110ed;border:1px solid #76665a;color:var(--fg);padding:8px 12px;border-radius:40px;font-size:11px}.project-copy{padding:26px}.project-copy h3{margin:12px 0}.project-copy p{font-size:15px}.project-copy>a,.location-section a{font-size:14px;color:#ff946c}.project-copy dt{font-size:12px;color:#f4efe9;margin-top:18px;font-weight:bold}.project-copy dd{margin:6px 0;font-size:14px;color:#bdb1a7}.software-preview,.location-section,.ownership{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.software-preview h2{font-size:clamp(34px,3.4vw,48px)}.software-image{display:block;text-decoration:none;border:1px solid #5b4a3f;border-radius:14px;overflow:hidden;background:var(--panel)}.software-image img{display:block;width:100%;height:auto}.software-image span{display:block;font-size:11px;color:var(--muted);padding:12px 18px}.process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px;margin:42px 0 30px}.process-grid h3{font-size:23px;margin:18px 0}.process-grid p{font-size:15px}.location-section img{width:100%;height:auto;max-height:350px}.location-section p{max-width:45ch}.closing{text-align:center;padding-block:80px;background:radial-gradient(ellipse at bottom,#ff43000d,transparent 65%)}.closing .actions{justify-content:center}.closing p{max-width:55ch;margin-inline:auto}.site-footer{display:grid;grid-template-columns:1fr .8fr 1fr;gap:36px;border-top:1px solid var(--line);padding-block:42px;font-size:13px}.site-footer nav{display:grid;grid-template-columns:1fr 1fr;gap:4px 20px;align-content:start}.site-footer a{display:inline-flex;min-height:36px;align-items:center}.site-footer p{font-size:12px}.page-intro{padding-block:72px 54px}.page-intro h1{font-size:clamp(42px,6vw,78px);line-height:1.05;max-width:1000px}.page-intro .lede{margin-top:28px;max-width:65ch}.demo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:38px}.demo-grid h3{font-size:23px}.demo-grid .project-copy{padding:22px}.dashboard{width:100%;height:auto;border:1px solid var(--line);border-radius:18px}.ownership li{color:#cfc7be;margin:16px 0}.faq-section details{padding:20px 0;border-bottom:1px solid var(--line)}.faq-section summary{cursor:pointer;font-size:19px;min-height:32px}.faq-section details p{max-width:80ch}.contact-section{padding-top:0}.contact-info{padding-top:26px}.contact-info h2{font-size:32px}.field input:focus-visible,.field select:focus-visible{outline:2px solid var(--coral);outline-offset:3px}.field input::placeholder{color:#a2968d}.hp-field{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.review-section{gap:40px}.review-section[hidden]{display:none!important}.values h3{font-size:22px;margin:24px 0 8px}.mini{overflow:hidden}.contact-status[data-error=true]{color:#ffb09a}
@media(max-width:1000px){.site-header nav{gap:16px}.home-hero{gap:30px}.home-hero h1{font-size:54px}.demo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.software-preview,.ownership,.location-section{gap:32px}.site-footer{grid-template-columns:1fr 1fr}.site-footer>div:last-child{grid-column:1/-1}}
@media(max-width:760px){section{padding-block:44px}.site-header{padding-block:20px;flex-wrap:wrap;gap:16px}.site-header nav{width:100%;flex-wrap:wrap;gap:8px 22px}.site-header nav.is-collapsed{display:none}.menu-toggle{margin-left:auto}.home-hero{grid-template-columns:1fr;padding-block:46px;gap:36px}.home-hero h1{font-size:clamp(44px,9vw,64px)}.hero-project{transform:none;max-width:560px}.package-grid,.project-cards,.software-preview,.ownership,.location-section{grid-template-columns:1fr}.process-grid{grid-template-columns:1fr;gap:15px}.process-grid article{padding-bottom:16px;border-bottom:1px solid var(--line)}.package{padding:24px}.demo-grid{gap:16px}.location-section img{max-height:300px}.page-intro{padding-block:44px}.page-intro h1{font-size:clamp(38px,8vw,58px)}.closing{padding-block:54px}.site-footer{gap:25px}.preview-wrap{position:static}.lead-form{padding:20px}.project-copy{padding:22px}.sec-head{margin-bottom:24px}}
@media(max-width:500px){.demo-grid{grid-template-columns:1fr}.site-footer{grid-template-columns:1fr}.site-footer>div:last-child{grid-column:auto}.actions{align-items:stretch}.actions>a{justify-content:center}.hero-project-label{padding:16px}.price{font-size:42px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
/* Original transformation hero, scoped to avoid changing the new page layouts. */
.restored-hero{padding-block:56px 64px;align-items:start}.restored-hero h1{font-size:clamp(46px,4.7vw,68px);line-height:1.02;text-wrap:balance}.restored-hero h1 .c{text-wrap:balance}.restored-hero .actions{margin:0}.restored-hero .service-links{margin:0}.restored-hero .hero-facts{margin-bottom:24px}.restored-hero .hero-facts b{font-size:19px}.restored-hero .hero-facts span{font-size:11px}.hero-controls{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}.hero-controls button{font:inherit;font-size:13px;background:transparent;border:1px solid var(--wire);border-radius:24px;padding:10px 16px;min-height:44px;cursor:pointer}.hero-controls button:disabled{opacity:.6;cursor:default}#hero-help,.hero-demo-note{font-size:12px;color:#bdb1a7;margin:10px 0;text-align:center}.restored-hero .steps button{min-height:44px}.restored-hero .knob{touch-action:none;min-width:44px;min-height:44px}.restored-hero .buildlog{min-height:106px}.restored-hero .s-copy p{color:inherit}.restored-hero .serif{font-family:var(--f-serif)}.restored-hero .heavy{font-family:var(--f-display);font-weight:800}.restored-hero .stage{isolation:isolate}.restored-hero .stepper{margin-top:28px}
@media(max-width:960px){.restored-hero{grid-template-columns:1fr;gap:32px}.restored-hero .visual{width:100%;max-width:650px;margin-inline:auto}.restored-hero .hero-copy{gap:20px}.restored-hero h1{font-size:clamp(48px,9vw,74px)}}
@media(max-width:520px){.restored-hero{padding-block:36px 44px}.restored-hero .buildlog{padding:12px;gap:10px}.restored-hero .hero-facts{margin-bottom:18px}.hero-controls{justify-content:center}.restored-hero .bl-txt p{font-size:12px}}
/* Compact transformation timeline: retain the existing layout footprint. */
.restored-hero .stepper{counter-reset:hero-stage}
.restored-hero .track,.restored-hero .fill{top:13px;height:2px;border-radius:2px}
.restored-hero .track{background:#ffffff1c;box-shadow:0 1px 0 #000}
.restored-hero .fill{background:linear-gradient(90deg,#ff4300,#ff781e);box-shadow:0 0 6px #ff5800,0 0 16px #ff430078}
.restored-hero .fill:after{content:'';position:absolute;right:0;top:-2px;width:6px;height:6px;border-radius:50%;background:#ffb568;box-shadow:0 0 10px 3px #ff5b00}
.restored-hero .steps button{gap:2px;font-size:12px;counter-increment:hero-stage}
.restored-hero .steps button:before{content:'0' counter(hero-stage);box-sizing:border-box;width:28px;height:28px;display:grid;place-items:center;font-size:10px;font-weight:700;background:linear-gradient(145deg,#292521,#141311);border:1px solid #51483e;box-shadow:inset 0 1px 1px #ffffff14;color:#a69c91}
.restored-hero .steps button.done:before{background:linear-gradient(145deg,#ff8525,#ed3c00);border-color:#ff9a4f;color:#fff}
.restored-hero .steps button.now:before{box-shadow:0 0 12px #ff5c0080,0 0 25px #ff43003b,inset 0 1px 2px #ffd1a9}
.restored-hero .steps button.now{color:#fff}
.restored-hero .steps button:focus-visible{outline:2px solid #ff9046;outline-offset:6px;border-radius:5px}
.restored-hero .buildlog{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 0% 0%,#ff6a0012,transparent 65%),linear-gradient(135deg,#24211e,#171614);border-color:#ffffff12;box-shadow:inset 0 1px 0 #ffffff06,0 8px 24px #0002;gap:18px}
.restored-hero .buildlog:after{content:'';position:absolute;bottom:0;left:18px;right:18px;height:1px;background:linear-gradient(90deg,transparent,#ff651866,transparent)}
.restored-hero .bl-sw{position:relative;width:56px;height:56px;border:1px solid #ff6a0080;border-radius:13px;background:radial-gradient(circle at 20% 0%,#ff7b2138,transparent 75%),linear-gradient(145deg,#3d2418,#1e1712);box-shadow:inset 0 0 12px #ff5b001c,0 0 14px #ff5b001a;justify-content:center}
.restored-hero .bl-sw i{display:none}
.restored-hero .bl-sw .aa{font-family:Georgia,serif;font-size:27px;color:#f8d9bc;margin:0;opacity:1;transform:none}
.restored-hero .bl-txt .eyebrow{display:block;font-size:18px;font-weight:700;letter-spacing:-.02em;text-transform:none;color:#fff;line-height:1.2}
.restored-hero .bl-txt p{font-family:inherit;font-size:12px;line-height:1.5;color:#bfb4a8;margin-top:6px}
.restored-hero .caret{display:none}
.restored-hero .ring .fg{stroke:#ff650e;filter:drop-shadow(0 0 2px #ff590080)}
.restored-hero .ring .bg{stroke:#ffffff12}
.restored-hero .ring b{font-size:12px;color:#f3e8dc}
@media(max-width:520px){.restored-hero .bl-sw{display:none}.restored-hero .buildlog{gap:10px}.restored-hero .bl-txt .eyebrow{font-size:17px}}
@media(prefers-reduced-motion:reduce){.restored-hero .ring .fg,.restored-hero .steps button:before{transition:none}}
.restored-hero .steps button{line-height:14px;height:44px}
/* Stronger orange light, without increasing the component footprint. */
.restored-hero .fill{box-shadow:0 0 5px #ff8a32,0 0 12px #ff6500,0 0 24px #ff4b00b3,0 0 38px #ff430052}
.restored-hero .fill:after{background:#ffe0ac;box-shadow:0 0 5px 2px #ffb45b,0 0 14px 5px #ff6800,0 0 28px 8px #ff430070}
.restored-hero .steps button.now:before{box-shadow:inset 0 1px 3px #ffe1b7,0 0 7px 2px #ff8b36,0 0 19px 5px #ff5800a6,0 0 34px 9px #ff430047}
.restored-hero .ring svg{overflow:visible}
.restored-hero .ring .fg{filter:drop-shadow(0 0 3px #ff8a29) drop-shadow(0 0 7px #ff5600b3)}
.restored-hero .bl-sw{border-color:#ff8b32;box-shadow:inset 0 0 16px #ff5b0033,0 0 9px #ff650070,0 0 23px #ff4b0033}
/* Continuous, lightweight orange atmosphere across the main website. */
.webb-site{background-color:#121110;background-image:url('/assets/site/orange-flow.svg'),radial-gradient(ellipse at 0% 40%,#c3480009,transparent 55%),radial-gradient(ellipse at 100% 60%,#c3480007,transparent 55%);background-size:100% 1800px,100% 1800px,100% 1800px;background-repeat:repeat-y}
.webb-site .site-header{background:transparent}
.webb-site .hero-qualities{display:flex;flex-wrap:wrap;gap:14px 22px;color:#e9e1d8;font-size:13px}
.webb-site .hero-qualities>span{display:inline-flex;align-items:center;gap:9px}
.webb-site .hero-qualities svg{width:23px;height:23px;flex:none;color:#ff731c;filter:drop-shadow(0 0 4px #ff5a0055)}
@media(max-width:760px){.webb-site{background-size:auto 1500px,100% 1500px,100% 1500px;background-position:center top}.webb-site .hero-qualities{gap:14px 18px;font-size:12px}.webb-site .hero-qualities svg{width:21px;height:21px}}

.webb-site{background-position:center top,center top,center top}

.webb-site .restored-hero{border-bottom-color:transparent}
.gym-device-preview{position:relative;display:block;aspect-ratio:1.35;text-decoration:none;min-width:0;isolation:isolate}
.gym-device{position:absolute;display:block;overflow:hidden;background:#242220;border:5px solid #363330;border-radius:12px;box-shadow:0 15px 35px #0006}
.gym-device img{display:block;width:100%;height:auto}
.gym-device.desktop{width:87%;top:4%;left:0;border-width:3px}
.device-top{display:flex;gap:12px;align-items:center;padding:7px 10px;font:10px system-ui;color:#9c9287;background:#242220}.device-top>span{font-size:8px}
.gym-device.tablet{width:32%;right:0;bottom:10%;border-radius:15px;z-index:2}
.gym-device.phone{width:17%;left:57%;bottom:6%;border-radius:16px;z-index:3;border-width:4px}
.device-caption{position:absolute;bottom:0;left:0;width:100%;text-align:center;color:#afa396;font-size:11px}
.gym-device-preview:focus-visible{outline:2px solid #ff731c;outline-offset:8px;border-radius:12px}
@media(max-width:500px){.gym-device{border-width:3px}.gym-device.phone{border-width:3px;border-radius:11px}.gym-device.tablet{border-radius:10px}.device-top{padding:4px 7px;font-size:8px}.device-top>span{font-size:6px}.device-caption{font-size:10px}}
.software-intro{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:64px;padding-block:64px 56px}
.software-intro h1{font-size:clamp(42px,4.6vw,66px);line-height:1.04;letter-spacing:-.04em;margin:22px 0}
.software-intro h1 span{color:var(--coral)}
.software-intro .lede{font-size:17px;max-width:52ch}
.software-intro .actions{gap:10px}.software-intro .actions a{font-size:13px;padding:13px 19px}
.software-intro .fine-print{font-size:12px;margin-bottom:0}
.software-intro-preview{width:100%;max-width:440px;justify-self:end}
.software-concepts .project-image{aspect-ratio:1.8;background:#201e1b}.software-concepts .project-image img{aspect-ratio:1.8}
.software-concepts .project-copy .eyebrow{font-size:10px}.software-concepts .project-copy h3{font-size:25px}
.software-workflow .process-grid{margin-bottom:0}
@media(max-width:900px){.software-intro{gap:32px;grid-template-columns:1fr 1fr}.software-intro .actions{flex-direction:column;align-items:flex-start}}
@media(max-width:680px){.software-intro{grid-template-columns:1fr;padding-block:40px;gap:28px}.software-intro-preview{max-width:350px;justify-self:center}.software-intro h1{font-size:44px}.software-intro .actions{flex-direction:row}.software-concepts .demo-grid{grid-template-columns:1fr}}
.about-studio{display:grid;grid-template-columns:1.1fr .9fr;gap:72px;align-items:center;padding-block:56px}
.about-studio h1{font-size:clamp(42px,4.5vw,66px);line-height:1.04;letter-spacing:-.04em;margin:24px 0}.about-studio h1 span{color:var(--coral)}
.about-studio-copy .lede{font-size:18px}.about-studio-copy>p{max-width:48ch}.about-studio-copy>.ghost-btn{margin-top:20px}
.about-studio .desk-card{width:100%;max-width:420px;justify-self:end}.about-studio .desk-heading{font-size:8px;padding:14px 16px}.about-studio .desk-caption{padding:16px 18px}.about-studio .desk-caption strong{font-size:21px}.about-studio .desk-project{padding:12px 18px}
@media(max-width:760px){.about-studio{grid-template-columns:1fr;gap:32px;padding-block:40px}.about-studio .desk-card{justify-self:center;max-width:370px}.about-studio h1{font-size:44px}}
.gym-device.phone{display:block;top:auto;right:auto;min-width:0}.gym-device.tablet{top:auto;left:auto}.gym-device img{opacity:1;visibility:visible;transform:none}
.review-card blockquote p{color:var(--fg);font-size:16px;line-height:1.65}.review-card blockquote p:first-child{margin-top:0}.review-business{display:block;font-size:12px;color:var(--muted);margin:5px 0 16px}.review-full summary{font-size:13px;color:#ff946c;cursor:pointer;padding:8px 0}.review-full[open] summary{margin-bottom:10px}.review-section>div:first-child>.ghost-btn{margin-top:12px}
.google-review-source{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:15px}.google-wordmark{font:500 25px/1.1 Arial,sans-serif;letter-spacing:-1.2px}.google-wordmark span:nth-child(1),.google-wordmark span:nth-child(4){color:#4285f4}.google-wordmark span:nth-child(2),.google-wordmark span:nth-child(6){color:#ea4335}.google-wordmark span:nth-child(3){color:#fbbc05}.google-wordmark span:nth-child(5){color:#34a853}.google-review-source>span:last-child{font-size:11px;color:var(--muted)}#reviews .review-rating{color:#fbbc05;font-size:20px;letter-spacing:3px}#reviews .review-card{border-color:#ffffff24}#reviews h2{margin-bottom:20px}
/* Compact review presentation with clear Google attribution. */
#reviews{padding-block:42px;gap:36px;align-items:center}
#reviews h2{font-size:clamp(30px,3vw,42px);margin-bottom:12px}
#reviews>div:first-child>p:not(.eyebrow){font-size:14px;margin-block:10px}
#reviews .review-card{padding:20px 24px}
#reviews .google-review-source{margin-bottom:10px}
#reviews .google-wordmark{font-size:23px}
#reviews .review-rating{font-size:17px;line-height:1.2}
#reviews blockquote{margin:12px 0}
#reviews blockquote p{font-size:14px;line-height:1.55}
#reviews .review-full summary{padding:4px 0;font-size:12px}
#reviews .review-business{margin:3px 0 10px}
#reviews .ghost-btn{padding:10px 16px;font-size:13px}
@media(max-width:760px){#reviews{padding-block:32px;gap:20px}#reviews .review-card{padding:18px 20px}}
/* Primary orange actions: warm light on hover, keyboard focus and press. */
.webb-site .btn{transition:transform .2s ease,background .2s ease,box-shadow .2s ease}
@media(hover:hover){.webb-site .btn:not(:disabled):not([aria-disabled="true"]):hover{background:#ff5917;box-shadow:0 0 12px #ff650080,0 0 28px #ff430050,0 8px 22px #ff430030}}
.webb-site .btn:focus-visible{outline:2px solid #ffb887;outline-offset:4px;box-shadow:0 0 12px #ff650080,0 0 28px #ff430050}
.webb-site .btn:not(:disabled):not([aria-disabled="true"]):active{background:#ff6929;transform:translateY(0) scale(.98);box-shadow:0 0 16px #ff8a2bb3,0 0 36px #ff530080,0 0 54px #ff430038}
@media(prefers-reduced-motion:reduce){.webb-site .btn{transition:none}.webb-site .btn:hover,.webb-site .btn:active{transform:none}}
/* Quiet ambient light around the outer cards and preview frames. */
.webb-site :is(.restored-hero .screen,.work-card,.package,.review-card,.desk-card,.software-image,.lead-form,.gym-device){box-shadow:0 0 0 1px #ff6a0009,0 0 16px #ff5a0014,0 0 38px #ff43000b,0 12px 28px #0003}
/* White outlined actions mirror the primary buttons with a neutral glow. */
.webb-site .ghost-btn{transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}
@media(hover:hover){.webb-site .ghost-btn:not(:disabled):not([aria-disabled="true"]):hover{border-color:#ffffffb3;background:#ffffff0a;box-shadow:0 0 10px #ffffff40,0 0 24px #ffffff20}}
.webb-site .ghost-btn:focus-visible{outline:2px solid #fff;outline-offset:4px;border-color:#ffffffb3;box-shadow:0 0 10px #ffffff40,0 0 24px #ffffff20}
.webb-site .ghost-btn:not(:disabled):not([aria-disabled="true"]):active{border-color:#fff;background:#ffffff12;transform:scale(.98);box-shadow:0 0 14px #ffffff66,0 0 32px #ffffff33}
@media(prefers-reduced-motion:reduce){.webb-site .ghost-btn{transition:none}.webb-site .ghost-btn:active{transform:none}}

/* Portfolio browsing */
.portfolio-filters{display:flex;flex-wrap:wrap;gap:9px;margin-top:30px}.portfolio-filters[hidden],.portfolio-count[hidden],.concept-card[hidden]{display:none!important}.portfolio-filters button{font:inherit;font-size:13px;color:#d8cfc6;background:#191715;border:1px solid #4b4038;border-radius:24px;padding:11px 17px;min-height:44px;cursor:pointer;transition:box-shadow .2s,border-color .2s}.portfolio-filters button[aria-pressed=true]{background:#ff4c00;border-color:#ff4c00;color:#100c09}.portfolio-filters button:hover{box-shadow:0 0 18px #ff5c002b;border-color:#ff8757}.portfolio-filters button:focus-visible,.concept-actions a:focus-visible{outline:2px solid #ff946c;outline-offset:4px}.portfolio-count{font-size:12px;color:#b5a99c;margin:14px 0 0}.concept-card{display:flex;flex-direction:column}.concept-card .project-copy{display:flex;flex-direction:column;flex:1}.concept-card .eyebrow{font-size:10px;letter-spacing:.12em;line-height:1.7}.concept-actions{display:flex;flex-direction:column;align-items:flex-start;gap:17px;margin-top:auto;padding-top:15px}.concept-actions>a:first-child{color:#ff946c;font-size:14px}.concept-actions .ghost-btn{font-size:12px;padding:11px 15px;line-height:1.4}.concept-card .project-copy>p:not(.eyebrow){margin-bottom:18px}.enquiry-context{padding:14px 17px;border-left:2px solid #ff4c00;background:#ff4c000a;color:#f4ede6;font-size:14px}.client-enquiry{margin-top:20px}.client-feedback{margin:22px 0;padding-left:16px;border-left:2px solid #ff4c00;font-size:14px}.client-feedback p{font-size:14px}.client-feedback cite{font-size:12px;color:#b5a99c;font-style:normal}

/* Let the orange artwork flow continuously between page sections. */
.webb-site main>section{border-top:0;background-color:transparent}
.webb-site main>.closing{background:none}

.webb-site .site-header{border-bottom:0}.webb-site .site-footer{border-top:0}

/* Compact, quieter homepage package overview. */
.webb-site .home-packages .sec-head h2{font-size:clamp(30px,3.1vw,42px);line-height:1.12}
.webb-site .home-packages .sec-note{font-size:15px;max-width:42ch}
.webb-site .home-packages .package-grid{gap:22px;margin-top:24px}
.webb-site .home-packages .package{padding:26px 28px;border-color:#ffffff12;box-shadow:0 0 18px #ff650006;background:#191817}
.webb-site .home-packages .package h3{font-size:25px;line-height:1.2;margin:14px 0 18px}
.webb-site .home-packages .price{font-size:36px;margin:16px 0 20px}
.webb-site .home-packages .price small{font-size:11px;margin-bottom:3px}
.webb-site .home-packages .package>p:not(.price):not(.eyebrow){font-size:14px;line-height:1.65;max-width:52ch}
.webb-site .home-packages .package .eyebrow{font-size:10px;color:#aa9d91}
.webb-site .home-packages .ghost-btn{font-size:13px;padding:11px 17px}
.webb-site .home-packages .fine-print{font-size:12px;margin-top:20px}
@media(max-width:600px){.webb-site .home-packages .package{padding:22px}.webb-site .home-packages .package h3{font-size:23px}.webb-site .home-packages .price{font-size:34px}}

.editor-inclusion{font-size:14px;line-height:1.7;margin:22px 0 0;max-width:85ch;color:#bdb3a9}.editor-inclusion strong{color:#e2dbd3;font-weight:500}

/* Align the progress rail with the centres of all three equal-width markers. */
.restored-hero .steps button{width:64px;flex:0 0 64px;align-items:center;margin:0 -32px}
.restored-hero .track{left:0;right:0}
.restored-hero .fill{left:0;width:calc((100 - var(--pos)) * 1%)}
.restored-hero .fill:after{right:-3px}
.restored-hero .steps button:before{transition:none}

/* Homepage packages are a compact summary; detail lives on Websites. */
.webb-site .home-packages{padding-block:40px}
.webb-site .home-packages .sec-head{margin-bottom:20px}
.webb-site .home-packages .sec-head h2{font-size:clamp(28px,2.5vw,34px)}
.webb-site .home-packages .package-grid{margin-top:18px;gap:20px}
.webb-site .home-packages .package{padding:20px 24px;display:grid;grid-template-columns:1fr auto;column-gap:18px;align-items:center}
.webb-site .home-packages .package .eyebrow{grid-column:1;margin:0 0 7px}
.webb-site .home-packages .package h3{grid-column:1;font-size:22px;margin:0}
.webb-site .home-packages .package .price{grid-column:2;grid-row:1/3;font-size:30px;margin:0;white-space:nowrap}
.webb-site .home-packages .price span{display:block;text-align:right;font-size:11px}
.webb-site .home-packages .price small{text-align:right}
.webb-site .home-packages .package>p:not(.price):not(.eyebrow){grid-column:1/-1;margin:15px 0 12px}
.webb-site .home-packages .package .ghost-btn{grid-column:1/-1;justify-self:start;padding:9px 15px;min-height:44px}
.webb-site .home-packages .editor-inclusion{font-size:13px;margin-top:17px;max-width:none}
.webb-site .home-packages .fine-print{margin:12px 0 18px;max-width:none;font-size:11px}
.webb-site .home-packages>.btn{font-size:13px;padding:12px 20px;min-height:44px}
@media(max-width:500px){.webb-site .home-packages .package{padding:18px;column-gap:12px}.webb-site .home-packages .package h3{font-size:20px}.webb-site .home-packages .package .price{font-size:27px}}

.webb-site .home-packages .package{transition:box-shadow .2s ease,border-color .2s ease}
.webb-site .home-packages .package-highlights{grid-column:1/-1;display:grid;grid-template-columns:1fr;gap:5px;padding:0 0 0 17px;margin:0 0 18px;color:#c6bcb2;font-size:13px;line-height:1.5}
.webb-site .home-packages .package-highlights li{padding:0}
.webb-site .home-packages .package-highlights li::marker{color:#ff885b}
@media(hover:hover){.webb-site .home-packages .package:hover{border-color:#ff713c70;box-shadow:0 0 18px #ff650028,0 0 38px #ff430014}}
.webb-site .home-packages .package:focus-within{border-color:#ff713c70;box-shadow:0 0 18px #ff650028,0 0 38px #ff430014}
@media(prefers-reduced-motion:reduce){.webb-site .home-packages .package{transition:none}}

.webb-site .home-packages .package-highlights{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px;row-gap:7px}
@media(max-width:420px){.webb-site .home-packages .package-highlights{column-gap:20px;font-size:12px}}

@media(max-width:360px){.webb-site .page-intro h1{font-size:32px;overflow-wrap:break-word}.webb-site .ghost-btn{white-space:normal;text-align:center}}

@media(max-width:760px){.restored-hero .visual{box-sizing:border-box;padding-inline:8px}}