/* A single subject, composed in three genuinely different visual directions. */
.hero{padding-top:34px}.hero-topline{margin-bottom:28px}.hero h1{font-size:clamp(64px,8.2vw,128px);line-height:.9;margin-top:0}.hero h1 br{display:none}.hero h1 em{display:block;line-height:.98;font-size:1.07em}.hero-introduction{display:flex;justify-content:space-between;align-items:flex-end;gap:40px}.hero-introduction .hero-bottom{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:30px;margin:0 0 9px;max-width:270px}.hero-bottom p{font-size:14px;line-height:1.7}.hero-bottom .round-link{font-size:11px;gap:28px}.hero-topline .small-index{display:flex;align-items:center;gap:9px}.live-dot{width:5px;height:5px;background:var(--accent);border-radius:50%;display:inline-block}.design-experience{margin-top:44px}.design-intro{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:18px;gap:20px}.design-intro p{font-size:12px}.design-intro p strong{font-weight:500}.design-intro .design-hint{font-size:10px;color:var(--muted)}
.design-stage{perspective:1600px;position:relative;isolation:isolate}.design-frame{position:relative;height:580px;overflow:hidden;background:#e5e0d5;color:#333929;transform:rotateX(var(--view-x,0deg)) rotateY(var(--view-y,0deg));transform-origin:center;transition:background .65s,color .65s,transform .3s ease-out;will-change:auto}.stage-grain{position:absolute;inset:0;opacity:.11;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.45' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:multiply;z-index:6}.stage-nav{position:absolute;inset:27px 33px auto;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:25px;padding-bottom:16px;border-bottom:1px solid #3339293b;transition:border-color .65s,color .65s}.stage-brand{font-family:var(--sans);font-size:17px;font-weight:600;letter-spacing:-.055em;line-height:1.1}.stage-brand>span{font-family:var(--serif);font-size:20px;font-style:italic;margin-left:6px;font-weight:500}.stage-nav-items{display:flex;gap:24px;font-size:8px}.stage-nav-plus{font-size:21px;line-height:1}.stage-image{position:absolute;left:52%;top:107px;width:43%;height:calc(100% - 144px);overflow:hidden;transition:left .75s cubic-bezier(.2,.7,.2,1),top .75s cubic-bezier(.2,.7,.2,1),width .75s cubic-bezier(.2,.7,.2,1),height .75s cubic-bezier(.2,.7,.2,1),border-radius .75s,transform .75s;z-index:1}.stage-image img{width:100%;height:100%;object-fit:cover;object-position:52% center;transition:filter .75s,transform .9s ease,object-position .75s}.stage-image::after{content:'';position:absolute;inset:0;background:transparent;transition:background .75s}.stage-swatch{position:absolute;left:39%;top:65%;width:15%;height:28%;z-index:3;overflow:hidden;transform:rotate(-7deg);box-shadow:0 10px 35px #35342224;transition:opacity .45s,transform .75s,left .75s,top .75s}.stage-swatch img{width:100%;height:100%;object-fit:cover}.stage-caption{position:absolute;left:34px;top:122px;font-size:8px;font-weight:500;letter-spacing:.11em;z-index:4;text-transform:uppercase;transition:top .75s,left .75s,color .75s}.stage-title{position:absolute;left:32px;top:185px;font-family:var(--sans);font-size:clamp(45px,6.2vw,92px);font-weight:430;letter-spacing:-.06em;line-height:.97;z-index:4;transition:top .75s,left .75s,color .75s,transform .75s,font-size .75s;pointer-events:none}.stage-title>span{display:block}.stage-title>em{display:block;font-size:1.25em;line-height:1.05;letter-spacing:-.055em}.stage-description{position:absolute;left:34px;top:76%;max-width:210px;font-size:10px;line-height:1.65;z-index:4;transition:top .75s,left .75s,color .75s,opacity .5s}.stage-material{position:absolute;left:34px;bottom:26px;font-family:var(--sans);font-size:8px;letter-spacing:.1em;z-index:4;transition:color .6s}.stage-number{position:absolute;right:34px;bottom:24px;font-family:var(--sans);font-size:9px;letter-spacing:.06em;z-index:4;color:#fff}.stage-cross{position:absolute;left:46%;top:104px;width:19px;height:19px;z-index:4;opacity:1;transition:all .75s}.stage-cross:before,.stage-cross:after{content:'';position:absolute;background:currentColor;left:9px;width:1px;height:19px}.stage-cross:after{transform:rotate(90deg)}
.design-stage[data-design=expressive] .design-frame{background:#deff4f;color:#1c241b}.design-stage[data-design=expressive] .stage-nav{border-color:#1c241b55}.design-stage[data-design=expressive] .stage-brand{font-size:22px;letter-spacing:-.065em;font-weight:800}.design-stage[data-design=expressive] .stage-brand>span{font-family:var(--sans);font-style:normal;font-weight:800;font-size:16px}.design-stage[data-design=expressive] .stage-image{left:43%;top:79px;width:50%;height:78%;transform:rotate(5deg)}.design-stage[data-design=expressive] .stage-image img{filter:grayscale(1) contrast(1.1);object-position:center;transform:scale(1.04)}.design-stage[data-design=expressive] .stage-title{top:105px;left:34px;font-family:var(--sans);font-size:clamp(70px,10.9vw,163px);line-height:.88;font-weight:800;text-transform:uppercase;letter-spacing:-.08em;color:#deff4f;mix-blend-mode:difference}.design-stage[data-design=expressive] .stage-title>span{font-size:.96em;white-space:nowrap}.design-stage[data-design=expressive] .stage-title>em{font-family:var(--sans);font-style:normal;font-size:1em;font-weight:800;line-height:1;letter-spacing:-.08em}.design-stage[data-design=expressive] .stage-caption{left:auto;right:34px;top:86%;font-size:8px;text-align:right}.design-stage[data-design=expressive] .stage-description{top:78%;max-width:220px;font-size:10px;font-weight:500}.design-stage[data-design=expressive] .stage-swatch{opacity:0;transform:rotate(-15deg) scale(.7)}.design-stage[data-design=expressive] .stage-number{color:#1c241b}.design-stage[data-design=expressive] .stage-cross{top:79%;left:31%;width:43px;height:43px;transform:rotate(45deg)}.design-stage[data-design=expressive] .stage-cross:before,.design-stage[data-design=expressive] .stage-cross:after{left:20px;height:43px;width:2px}
.design-stage[data-design=atmospheric] .design-frame{background:#171c15;color:#f4f0e7}.design-stage[data-design=atmospheric] .stage-image{inset:0;width:100%;height:100%;transform:none}.design-stage[data-design=atmospheric] .stage-image img{object-position:center 56%;filter:brightness(.65);transform:scale(1.025)}.design-stage[data-design=atmospheric] .stage-image::after{background:linear-gradient(180deg,#15191430,#15191400 35%,#15191488)}.design-stage[data-design=atmospheric] .stage-nav{border-color:#f4f0e75c}.design-stage[data-design=atmospheric] .stage-caption{top:24%;left:0;width:100%;text-align:center;font-size:8px;letter-spacing:.2em}.design-stage[data-design=atmospheric] .stage-title{left:0;top:33%;width:100%;text-align:center;font-size:clamp(48px,7.4vw,110px);letter-spacing:-.055em}.design-stage[data-design=atmospheric] .stage-title>span{font-family:var(--serif);font-style:italic;font-size:1.1em}.design-stage[data-design=atmospheric] .stage-title>em{font-family:var(--sans);font-style:normal;font-weight:400;font-size:1.03em;margin-top:5px;letter-spacing:-.065em}.design-stage[data-design=atmospheric] .stage-description{left:50%;top:80%;transform:translateX(-50%);text-align:center;max-width:300px;width:80%;font-size:9px}.design-stage[data-design=atmospheric] .stage-swatch{opacity:0;transform:translateY(80px) rotate(7deg)}.design-stage[data-design=atmospheric] .stage-cross{opacity:0}.design-stage[data-design=atmospheric] .stage-material{letter-spacing:.14em;font-size:8px}.design-stage[data-design=atmospheric] .stage-grain{mix-blend-mode:soft-light;opacity:.18}
.design-controls{display:grid;grid-template-columns:1fr auto;align-items:center;gap:35px;padding:23px 0 21px;border-bottom:1px solid var(--line)}.design-tabs{display:flex;gap:7px;flex-wrap:wrap}.design-tab{position:relative;display:flex;align-items:center;gap:13px;padding:12px 17px;background:none;border:1px solid transparent;border-radius:2px;color:var(--muted);font-size:12px;line-height:1.4;transition:background .25s,color .25s,border-color .25s}.design-tab[aria-selected=true]{border-color:var(--ink);color:var(--ink)}.design-tab:hover{background:#e9e8de}.design-tab-number{font-size:9px;opacity:.65}.design-tab-swatch{width:11px;height:11px;border-radius:50%;border:1px solid #22272020;background:#d6ccb5}.design-tab[data-design-choice=expressive] .design-tab-swatch{background:#dfff4f}.design-tab[data-design-choice=atmospheric] .design-tab-swatch{background:#283322}.design-inquiry{font-size:11px;border-bottom:1px solid var(--ink);padding-bottom:4px;white-space:nowrap;display:inline-flex;gap:18px;align-items:center}.design-inquiry>span{font-size:17px}.design-explanation{display:flex;justify-content:space-between;gap:35px;align-items:start;padding-top:17px;font-size:10px;color:var(--muted)}.design-explanation>p:first-child{max-width:480px}.design-explanation>p:last-child{font-size:9px;text-align:right;max-width:265px}.design-explanation strong{font-weight:500;color:var(--ink)}.design-noscript{font-size:11px;padding-top:12px}.design-tabs,.design-inquiry{display:none}.design-ready .design-tabs{display:flex}.design-ready .design-inquiry{display:inline-flex}.design-ready .design-noscript{display:none}.design-counter{font-family:var(--serif);font-size:23px;font-style:italic;margin-right:6px;color:var(--ink)}
.direction-note{display:flex;align-items:center;gap:12px;font-size:11px;background:#d7ddc8;padding:13px 15px;margin-bottom:23px}.direction-note p{flex:1}.direction-note strong{font-weight:600}.direction-note button{background:none;border:0;padding:2px 5px;font-size:20px;line-height:1;min-width:30px;min-height:30px}.inspiration-strip{padding-block:85px}.inspiration-top{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:30px}.inspiration-top h2{font-size:clamp(32px,3.9vw,58px)}.inspiration-top>a{font-size:11px;border-bottom:1px solid currentColor;padding-bottom:3px}.inspiration-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.inspiration-card{position:relative;overflow:hidden;min-height:340px;background:#212820;color:#f5f3ed}.inspiration-card>img{width:100%;height:100%;position:absolute;object-fit:cover;transition:transform .65s;filter:brightness(.8)}.inspiration-card:hover>img{transform:scale(1.035)}.inspiration-card>span{position:absolute;left:25px;top:24px;font-size:10px;letter-spacing:.06em;text-transform:uppercase}.inspiration-card>strong{position:absolute;left:25px;bottom:26px;font-family:var(--sans);font-size:clamp(32px,4vw,58px);font-weight:450;line-height:.95;letter-spacing:-.04em;z-index:1}.inspiration-card>strong em{font-size:1.15em}.inspiration-card::after{content:'↗';position:absolute;right:23px;bottom:23px;width:41px;height:41px;border:1px solid #fff8;border-radius:50%;display:grid;place-items:center;font-size:23px}.inspiration-card::before{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#172018bb);z-index:1;pointer-events:none}.inspiration-card.photo{color:#e6eda5}.inspiration-card.photo>img{object-position:50% 40%;filter:brightness(.68)}.inspiration-card.interior>img{object-position:50% 60%}.work-section{padding-top:110px}.studio-note{position:relative}.studio-symbol{font-size:75px}.contact-copy h2{font-size:clamp(45px,5.5vw,83px)}
@media(min-width:1600px){.design-frame{height:680px}.stage-title{top:215px}.stage-nav{inset:32px 40px auto}.stage-caption{top:143px}.stage-image{top:123px;height:calc(100% - 163px)}.design-stage[data-design=expressive] .stage-title{top:123px;font-size:175px}}
@media(max-width:1050px){.hero-introduction .hero-bottom{max-width:220px;gap:24px}.hero-bottom p{font-size:12px}.hero h1{font-size:8.4vw}.design-frame{height:500px}.stage-title{top:170px;font-size:6.3vw}.stage-image{top:102px;height:calc(100% - 137px)}.stage-description{font-size:9px;max-width:155px;top:77%}.stage-swatch{left:40%;width:16%;height:26%}.stage-caption{font-size:7px}.stage-nav-items{font-size:7px;gap:17px}.design-stage[data-design=expressive] .stage-description{font-size:9px;max-width:200px}.design-tab{font-size:11px;padding:10px 12px;gap:9px}.design-controls{gap:15px}.design-inquiry{font-size:10px;gap:10px}}
@media(max-width:760px){.hero-introduction{align-items:flex-start;gap:25px}.hero-introduction .hero-bottom{margin:8px 0 0;gap:20px;max-width:180px}.hero h1{font-size:8.3vw}.hero-bottom p{font-size:11px}.hero-bottom .round-link{font-size:10px;gap:13px}.hero-topline{margin-bottom:25px}.design-experience{margin-top:32px}.design-frame{height:440px}.stage-nav{inset:22px 24px auto;padding-bottom:13px}.stage-brand{font-size:14px}.stage-brand>span{font-size:16px}.stage-nav-items{gap:14px;font-size:6px}.stage-nav-plus{font-size:17px}.stage-caption{left:24px;top:101px;font-size:6px}.stage-title{left:22px;top:153px;font-size:6.6vw}.stage-description{left:24px;font-size:8px;max-width:145px;top:74%}.stage-material{left:24px;bottom:22px;font-size:6px}.stage-number{right:24px;bottom:22px;font-size:7px}.stage-image{top:86px;height:calc(100% - 120px);left:53%;width:43%}.stage-cross{top:93px;left:47%;transform:scale(.75)}.stage-swatch{left:42%;top:65%;height:26%;width:16%}.design-stage[data-design=expressive] .stage-title{left:22px;top:125px;font-size:11.1vw}.design-stage[data-design=expressive] .stage-image{top:83px;left:40%;width:54%;height:73%}.design-stage[data-design=expressive] .stage-nav .stage-brand{font-size:16px}.design-stage[data-design=expressive] .stage-caption{right:24px;top:85%;font-size:6px}.design-stage[data-design=expressive] .stage-description{top:78%;font-size:8px;max-width:170px}.design-stage[data-design=expressive] .stage-cross{left:34%;top:76%;transform:rotate(45deg) scale(.65)}.design-stage[data-design=atmospheric] .stage-title{font-size:8vw;top:35%}.design-stage[data-design=atmospheric] .stage-caption{top:26%;font-size:7px}.design-stage[data-design=atmospheric] .stage-description{font-size:8px;top:81%}.design-stage[data-design=atmospheric] .stage-material{font-size:6px}.design-controls{grid-template-columns:1fr;padding-block:16px;gap:17px}.design-tabs{justify-content:space-between;gap:5px}.design-tab{padding:10px 13px;font-size:11px;gap:10px}.design-inquiry{justify-self:end;font-size:11px}.design-explanation{padding-top:15px;font-size:10px;gap:25px}.design-explanation>p:last-child{max-width:200px;font-size:8px}.design-counter{font-size:21px}.inspiration-strip{padding-block:65px}.inspiration-card{min-height:300px}.inspiration-card>strong{font-size:38px}.inspiration-card>span{left:20px;top:20px;font-size:8px}.inspiration-card>strong{left:20px;bottom:23px}.inspiration-card::after{width:32px;height:32px;font-size:20px;right:18px;bottom:18px}.inspiration-grid{gap:20px}}
@media(max-width:540px){.hero{padding-top:28px}.hero-topline{margin-bottom:25px}.hero-topline .small-index{display:none}.hero-introduction{display:block}.hero h1{font-size:13.7vw}.hero h1 em{font-size:1.07em}.hero-introduction .hero-bottom{max-width:none;flex-direction:row;justify-content:space-between;align-items:center;margin:24px 0 0;gap:25px}.hero-bottom p{font-size:12px}.hero-bottom .round-link{font-size:10px;gap:12px}.hero-bottom .round-link>span:first-child{max-width:57px}.hero-bottom .circle-arrow{width:35px;height:35px}.design-experience{margin-top:32px}.design-intro{align-items:flex-start;margin-bottom:13px}.design-intro p{font-size:10px;max-width:210px;line-height:1.6}.design-intro .design-hint{display:none}.design-frame{height:490px}.stage-nav{inset:19px 20px auto;padding-bottom:12px}.stage-brand{font-size:14px}.stage-brand>span{font-size:16px}.stage-nav-items{display:none}.stage-nav-plus{font-size:18px}.stage-caption{left:20px;top:86px;font-size:6px}.stage-title{left:18px;top:126px;font-size:43px;line-height:.93;letter-spacing:-.05em}.stage-title>em{font-size:1.26em;line-height:1.03}.stage-image{left:28%;top:235px;width:67%;height:226px}.stage-image img{object-position:50% 62%}.stage-swatch{left:5%;top:64%;width:28%;height:24%;transform:rotate(-7deg)}.stage-description{left:20px;top:213px;max-width:205px;font-size:7px}.stage-material{left:20px;bottom:12px;font-size:5px}.stage-number{right:19px;bottom:12px;font-size:6px;color:#333929}.stage-cross{top:116px;left:auto;right:20px;transform:scale(.8)}.design-stage[data-design=expressive] .stage-nav .stage-brand{font-size:17px}.design-stage[data-design=expressive] .stage-title{left:17px;top:103px;font-size:17.7vw;letter-spacing:-.075em;line-height:1;mix-blend-mode:difference}.design-stage[data-design=expressive] .stage-title>span{font-size:.96em;line-height:1}.design-stage[data-design=expressive] .stage-title>em{font-size:1em;line-height:.92}.design-stage[data-design=expressive] .stage-image{left:18%;top:170px;width:76%;height:54%;transform:rotate(6deg)}.design-stage[data-design=expressive] .stage-description{left:20px;top:auto;bottom:29px;max-width:175px;font-size:7px;transform:none}.design-stage[data-design=expressive] .stage-caption{left:20px;right:auto;top:77px;text-align:left;font-size:6px}.design-stage[data-design=expressive] .stage-cross{left:auto;right:23px;top:auto;bottom:23px;transform:rotate(45deg) scale(.55)}.design-stage[data-design=expressive] .stage-material{display:none}.design-stage[data-design=expressive] .stage-number{bottom:12px;font-size:6px}.design-stage[data-design=atmospheric] .stage-nav{border-color:#f4f0e770}.design-stage[data-design=atmospheric] .stage-title{left:0;top:36%;font-size:12.3vw;line-height:1}.design-stage[data-design=atmospheric] .stage-title>em{margin-top:2px;font-size:1.15em}.design-stage[data-design=atmospheric] .stage-caption{top:28%;font-size:6px}.design-stage[data-design=atmospheric] .stage-description{top:76%;font-size:8px;max-width:215px;line-height:1.8}.design-stage[data-design=atmospheric] .stage-material{left:20px;bottom:20px;font-size:5px}.design-stage[data-design=atmospheric] .stage-number{right:20px;bottom:20px;color:#fff;font-size:6px}.design-stage[data-design=atmospheric] .stage-image img{object-position:60% center;filter:brightness(.6)}.design-controls{gap:17px;padding:15px 0 17px}.design-tabs{gap:3px;flex-wrap:nowrap}.design-tab{padding:10px 9px;gap:6px;font-size:10px;flex:1;justify-content:center;white-space:nowrap}.design-tab-number{display:none}.design-tab-swatch{width:8px;height:8px;flex-shrink:0}.design-inquiry{font-size:10px;gap:14px}.design-explanation{display:block;padding-top:14px}.design-explanation>p:first-child{font-size:10px;max-width:320px;min-height:32px;line-height:1.7}.design-explanation>p:last-child{text-align:left;max-width:none;margin-top:11px;font-size:8px;line-height:1.7}.design-counter{font-size:20px}.work-section{padding-top:70px}.inspiration-strip{padding-top:15px;padding-bottom:65px}.inspiration-top{align-items:flex-end;margin-bottom:24px;gap:20px}.inspiration-top h2{font-size:37px}.inspiration-top>a{font-size:10px;white-space:nowrap}.inspiration-grid{grid-template-columns:1fr;gap:16px}.inspiration-card{min-height:320px}.inspiration-card>strong{font-size:47px}.inspiration-card>span{font-size:9px;left:23px;top:22px}.inspiration-card>strong{left:23px;bottom:27px}.inspiration-card::after{width:38px;height:38px;bottom:24px;right:21px;font-size:21px}.direction-note{font-size:10px}.contact-copy h2{font-size:53px}}
@media(max-width:360px){.hero h1{font-size:13.4vw}.hero-bottom p{font-size:11px}.design-tab{font-size:9px;padding-inline:7px;gap:5px}.stage-title{font-size:38px}.design-stage[data-design=expressive] .stage-title{font-size:17.5vw}.stage-nav{inset-inline:17px}.inspiration-top h2{font-size:32px}.contact-copy h2{font-size:46px}}
@media(prefers-reduced-motion:reduce){.design-frame{transform:none!important}.design-frame *{transition:none!important}.inspiration-card:hover>img{transform:none}}
.design-intro{align-items:center}.design-intro>p{font-size:11px;line-height:1.6}.design-intro .design-hint{display:block;font-size:9px;margin-top:3px}.design-controls{padding-block:16px}.design-controls-hint{font-size:10px;color:var(--muted)}.design-tabs{justify-content:flex-end}.design-stage[data-design=expressive] .stage-caption{top:85%;right:33px;background:#deff4f;padding:5px 8px}.design-inquiry{justify-self:end}
@media(max-width:760px){.design-intro{flex-direction:column;align-items:stretch;gap:13px}.design-intro>p{display:flex;justify-content:space-between;align-items:center;max-width:none}.design-intro .design-hint{margin:0}.design-tabs{justify-content:space-between}.design-controls{grid-template-columns:1fr auto;gap:20px}.design-controls-hint{max-width:210px;font-size:9px}.design-inquiry{font-size:10px}.design-explanation{gap:20px}}
@media(max-width:540px){.design-intro>p{font-size:10px}.design-intro .design-hint{font-size:8px}.design-controls{grid-template-columns:1fr;gap:11px;padding-block:14px}.design-controls-hint{max-width:none;font-size:9px}.design-inquiry{justify-self:start}.design-stage[data-design=expressive] .stage-caption{top:76px;left:20px;right:auto;background:none;padding:0}.design-explanation{padding-top:13px}.design-explanation>p:last-child{margin-top:9px}}
.design-stage[data-design=expressive] .stage-title>span{word-spacing:.12em}.design-frame{contain:layout paint}
@media(max-width:540px){.design-tab{min-height:44px}.design-stage[data-design=expressive] .stage-title{font-size:17vw}}
@media(max-width:360px){.design-stage[data-design=expressive] .stage-title{font-size:16.8vw}}

/* The service and next step precede the interactive design example. */
.hero .hero-introduction{align-items:flex-start;gap:clamp(30px,4vw,70px)}
.hero-heading{min-width:0;flex:1}
.hero .hero-heading h1{font-size:clamp(60px,7.3vw,112px)}
.hero-promise{font-size:12px;line-height:1.7;margin-top:25px;max-width:410px;color:var(--muted)}
.hero .hero-introduction .hero-bottom{flex:0 1 370px;max-width:370px;margin:7px 0 0;gap:15px}
.hero .hero-bottom .hero-offer{font-size:clamp(17px,1.5vw,21px);line-height:1.5;letter-spacing:-.02em}
.hero .hero-bottom .hero-service{font-size:13px;line-height:1.7;color:var(--muted)}
.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px 24px;margin-top:9px}
.hero-actions .button{font-size:12px;padding:14px 18px;min-height:48px;gap:20px}
.hero-work-link{font-size:11px;display:inline-flex;align-items:center;gap:16px;min-height:44px;border-bottom:1px solid var(--line)}
.design-intro>p{max-width:410px}
.design-intro>p strong{display:block;font-size:17px;line-height:1.4;letter-spacing:-.02em}
@media(max-width:1050px){.hero .hero-introduction .hero-bottom{flex-basis:310px}.hero .hero-heading h1{font-size:7vw}.hero-promise{max-width:310px;font-size:11px}.hero .hero-bottom .hero-offer{font-size:17px}}
@media(max-width:760px){.hero .hero-introduction{display:block}.hero .hero-heading h1{font-size:clamp(44px,12.7vw,86px)}.hero-promise{max-width:none;margin-top:19px}.hero .hero-introduction .hero-bottom{max-width:520px;margin-top:25px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}.hero .hero-bottom .hero-offer{font-size:18px}.hero .hero-bottom .hero-service{font-size:13px}.hero-actions{gap:12px 24px;margin-top:8px}.design-intro>p{display:block;max-width:none}.design-intro .design-hint{margin-top:5px;font-size:10px}.design-intro>p strong{font-size:16px}}
@media(max-width:540px){.hero .hero-heading h1{font-size:13.4vw}.hero-promise{font-size:11px;max-width:300px}.hero .hero-bottom .hero-offer{font-size:17px}.hero-actions{width:100%;gap:6px}.hero-actions .button{justify-content:space-between;width:100%;font-size:12px}.hero-work-link{margin-top:4px}.design-intro>p strong{font-size:16px;max-width:310px}.design-intro .design-hint{font-size:10px}}