/* 결담: 밝은 사진 위주. 깊은 이끼색과 흙색으로 정리하고, 글자는 왼쪽 기준, 부품은 각진 모양으로 통일한다 */
:root{--bg:#FAFAF6;--ink:#20251F;--body:#4A4F47;--mute:#6C7068;--faint:#979A92;--sand:#ECEBE3;--line:#DCDAD0;--moss:#36423A;--moss-d:#232B25;--clay:#B5673F;--hd:60px;--gut:20px;--r:3px}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:84px;-webkit-text-size-adjust:100%}
body{font-family:Spoqa,-apple-system,"Apple SD Gothic Neo",sans-serif;font-size:16px;line-height:1.7;color:var(--ink);background:var(--bg);word-break:keep-all;-webkit-font-smoothing:antialiased;letter-spacing:-.01em;padding-bottom:calc(60px + env(safe-area-inset-bottom))}
body.lock{overflow:hidden}
a{color:inherit;text-decoration:none}ul,ol{list-style:none}img{display:block;max-width:100%;height:auto}button,input,select,textarea{font:inherit;color:inherit}button{background:none;border:0;cursor:pointer}
[hidden]{display:none!important}:focus-visible{outline:2px solid var(--clay);outline-offset:2px}
.en{font-family:"Space Grotesk",Spoqa,sans-serif}.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.wrap{width:100%;max-width:calc(1320px + var(--gut)*2);margin:0 auto;padding:0 var(--gut)}
h1,h2,h3{font-weight:500;letter-spacing:-.03em;line-height:1.3;text-wrap:balance}
h1,.s-h h2,.two h2,.revs h2{font-size:30px}
.eb{font:500 12px/1 "Space Grotesk",sans-serif;letter-spacing:.14em;color:var(--clay);margin-bottom:12px}
.lead{font-size:16px;line-height:1.85;color:var(--body)}
.fine{font-size:12px;color:var(--faint);margin-top:14px;line-height:1.5}
.ar{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 22px;border-radius:var(--r);background:var(--moss);color:#fff;font-size:15px;font-weight:500;transition:background .15s,color .15s}.btn:hover{background:var(--moss-d)}
.btn.sm{min-height:42px;padding:0 18px;font-size:14px}.btn.sm .ar{display:none}.btn.line{background:none;color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.btn.line:hover{background:var(--ink);color:#fff}
.btn.txt{background:none;color:var(--ink);padding:0;min-height:44px;border-bottom:1px solid var(--ink);border-radius:0}.btn.txt:hover{background:none;color:var(--clay);border-color:var(--clay)}
.txt-l{font-size:14px;border-bottom:1px solid currentColor;min-height:32px;display:inline-flex;align-items:center}
.two{display:grid;gap:18px}.s-h{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:28px}
.sec{padding:60px 0}.sec.tight{padding-top:44px;padding-bottom:30px}.sand{background:var(--sand)}
/* 머리글 */
.hd{position:sticky;top:0;z-index:40;background:var(--bg);box-shadow:0 1px 0 var(--line)}
.hd-in{display:flex;align-items:center;justify-content:space-between;height:var(--hd);padding:0 var(--gut);max-width:calc(1320px + var(--gut)*2);margin:0 auto}
.logo{display:flex;align-items:baseline;gap:8px}.logo b{font-size:24px;font-weight:700;letter-spacing:-.04em}.logo span{font:500 11px "Space Grotesk",sans-serif;letter-spacing:.04em;color:var(--mute)}
.nav,.hd-cta,.tel{display:none}
.burger{position:relative;width:44px;height:44px;margin-right:-10px}.burger i{position:absolute;left:11px;right:11px;height:1.5px;background:var(--ink);transition:transform .2s,top .2s}.burger i:nth-child(1){top:18px}.burger i:nth-child(2){top:26px}.burger.x i:nth-child(1){top:22px;transform:rotate(45deg)}.burger.x i:nth-child(2){top:22px;transform:rotate(-45deg)}
.mnav{position:fixed;inset:var(--hd) 0 0;z-index:35;background:var(--bg);padding:12px var(--gut) 40px;overflow:auto}.mnav a{display:flex;justify-content:space-between;align-items:center;min-height:64px;font-size:21px;font-weight:500;border-bottom:1px solid var(--line)}
/* 첫 화면 */
.hero{position:relative;background:var(--moss-d)}
.hero-s{height:58svh;min-height:330px;max-height:520px}.hero-s .swiper-slide,.hero-s a{display:block;height:100%}.hero-s img{width:100%;height:100%;object-fit:cover}
.h-txt{background:var(--moss);color:#fff;padding:20px 0 16px}.hero h1{font-size:26px}.h-txt p{font-size:13px;opacity:.82;margin-top:4px}
.h-ctl{display:flex;align-items:center;gap:12px;margin-top:10px;font:400 13px "Space Grotesk",sans-serif}.h-no{white-space:nowrap}.h-bar{position:relative;flex:1;height:1px;background:rgba(255,255,255,.3)}.h-bar i{position:absolute;left:0;top:-.5px;height:2px;width:20%;background:#fff;transition:width .3s}
.h-nav{width:44px;height:44px;display:flex;align-items:center;justify-content:center;margin:0 -6px}.h-nav svg{width:22px;fill:none;stroke:currentColor;stroke-width:1.4}
/* 소개 */
.phil{padding-top:56px;padding-bottom:40px}.phil .btn{margin-top:20px}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:0 14px;margin-top:40px}.stats div{border-top:1px solid var(--ink);padding-top:12px}.stats dt{font-size:12px;line-height:1.4;color:var(--mute);min-height:34px}.stats dd{font:500 25px/1.2 "Space Grotesk",Spoqa,sans-serif;margin-top:6px}
.stats.four{grid-template-columns:1fr 1fr;gap:22px 14px}.stats.four dt{min-height:0}
/* 사례 */
.feat{padding-top:30px}.f-grid{display:grid;gap:26px}.f-i{overflow:hidden;background:var(--sand);aspect-ratio:4/3}.f-i img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.f-c:hover img,.p-c:hover img{transform:scale(1.025)}.f-n,.p-n{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding-top:10px;border-bottom:1px solid var(--line);padding-bottom:10px}.f-n b,.p-n h2{font-size:17px;font-weight:500;letter-spacing:-.02em}.f-n span,.p-n span{font-size:13px;color:var(--mute);white-space:nowrap}
/* 후기 */
.revs{background:var(--sand);padding:56px 0 34px;overflow:hidden}.revs h2{margin-bottom:26px}.mq{overflow:hidden}.mq-t{display:flex;gap:14px;width:max-content;animation:mq 90s linear infinite}.mq:hover .mq-t{animation-play-state:paused}@keyframes mq{to{transform:translateX(-50%)}}
.rv{flex:none;width:270px;padding-top:14px;border-top:2px solid var(--moss);display:flex;flex-direction:column;justify-content:space-between;gap:14px}.rv blockquote{font-size:15px;line-height:1.75}.rv figcaption{font-size:13px;color:var(--mute)}.r-f{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:16px}.r-f .fine{margin:0}
/* FAQ */
.faq details{border-top:1px solid var(--line)}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:64px;padding:12px 0;cursor:pointer;list-style:none;font-size:15.5px;font-weight:500}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"";flex:none;width:9px;height:9px;border-right:1.5px solid var(--mute);border-bottom:1.5px solid var(--mute);transform:rotate(45deg) translate(-2px,-2px);transition:transform .2s}.faq details[open] summary:after{transform:rotate(-135deg) translate(-2px,-2px)}.faq p{padding:0 0 20px;font-size:15px;color:var(--body)}
/* 바닥글 */
.ft{background:var(--moss-d);color:#E6E7E0;font-size:14px;padding:44px 0 26px}.ft-t{display:grid;grid-template-columns:1fr 1fr;gap:28px 20px}.ft-t>div:last-child{grid-column:1/-1}.tt{font:500 12px "Space Grotesk",sans-serif;letter-spacing:.12em;color:#A9AEA4;margin-bottom:6px}.ft-t p{line-height:2}
.sl{font:500 13.5vw/1 "Space Grotesk",sans-serif;letter-spacing:-.04em;margin:40px 0 28px;color:#F4F4EE}
.ft-b{padding-top:18px;border-top:1px solid rgba(255,255,255,.16);font-size:12.5px;line-height:1.7;color:#BFC2B8;display:grid;gap:8px}.ft-b p:first-child a{margin-right:16px}.ft-b .ul{text-decoration:underline}.ft-b b{color:#fff;font-weight:500}
/* 상담 고정 */
.fab{position:fixed;left:0;right:0;bottom:0;z-index:30;display:grid;grid-template-columns:60px 1fr;background:var(--moss);padding-bottom:env(safe-area-inset-bottom)}.fab>*{height:60px;display:flex;align-items:center;justify-content:center;color:#fff}.top-b{box-shadow:inset -1px 0 0 rgba(255,255,255,.18)}.top-b svg{width:20px;fill:none;stroke:currentColor;stroke-width:1.5}.ask{gap:10px;background:var(--clay);font-size:16px;font-weight:500}
/* 하위 머리 */
.pg{padding:44px 0 20px}.pg.slim{padding-bottom:6px}.pg .lead{margin-top:8px}
/* 줄 목록 */
.rows article{display:grid;grid-template-columns:34px 1fr;gap:4px 8px;padding:20px 0;border-top:1px solid var(--line)}.no{font:500 13px/1.9 "Space Grotesk",sans-serif;color:var(--clay)}.rows h3{font-size:20px}.rows p{grid-column:2;font-size:14.5px;color:var(--body)}.r-i{grid-column:2;margin-top:10px;overflow:hidden;aspect-ratio:3/2}.r-i img{width:100%;height:100%;object-fit:cover}
.off{display:grid;gap:30px}.off img{width:100%;aspect-ratio:3/2;object-fit:cover}.off small{display:block;margin-top:14px;font-size:11px;letter-spacing:.12em;color:var(--mute)}.off h3{font-size:21px;margin:2px 0 6px}.off p{font-size:14.5px;color:var(--body)}
.onl{display:grid;gap:0}.onl article{padding:18px 0;border-top:1px solid #C9C7BC}.onl small{font-size:11px;font-weight:500;letter-spacing:.12em;color:var(--clay)}.onl h3{font-size:18px;margin:2px 0 6px}.onl p{font-size:14.5px;color:var(--body)}
/* 분류 */
.chips{display:flex;gap:4px 18px;overflow-x:auto;scrollbar-width:none;margin:0 calc(var(--gut)*-1);padding:0 var(--gut);border-bottom:1px solid var(--line)}.chips::-webkit-scrollbar{display:none}.chips button{flex:none;min-height:44px;font-size:14px;color:var(--mute);border-bottom:2px solid transparent;margin-bottom:-1px}.chips button:hover{color:var(--ink)}.chips [aria-pressed=true]{color:var(--ink);font-weight:500;border-color:var(--ink)}
.list{padding:10px 0 60px}.side-t{display:none}.l-r{display:flex;gap:10px;margin:10px 0 22px}.srch{flex:1}.srch input,.sort select{width:100%;height:44px;padding:0 12px;border:1px solid var(--line);border-radius:var(--r);background:#fff;font-size:14px;outline:0}.srch input:focus,.sort select:focus{border-color:var(--ink)}.sort select{color:var(--body);cursor:pointer}
.p-grid{display:grid;gap:26px}.p-i{aspect-ratio:3/2;overflow:hidden;background:var(--sand)}.p-i img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.none{padding:50px 0;color:var(--mute);text-align:center}
/* 사례 상세 */
.det{padding:22px 0 60px}.back{display:inline-flex;align-items:center;min-height:32px;font-size:13px;color:var(--mute)}.d-i h1{margin-top:4px}
.d-m{display:flex;gap:30px;margin:12px 0 14px}.d-m dt{font-size:12px;color:var(--mute)}.d-m dd{font-size:15px;font-weight:500}
.d-a{display:flex;gap:8px;margin-top:16px}.d-a .btn{flex:1}.share{flex:none;width:50px;height:50px;box-shadow:inset 0 0 0 1px var(--line);border-radius:var(--r);display:flex;align-items:center;justify-content:center}.share svg{width:18px;fill:none;stroke:currentColor;stroke-width:1.5}
.mos{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:20px}.m.w{grid-column:1/-1}.m.w img{width:100%}.m.h>div{aspect-ratio:1;overflow:hidden;background:var(--sand)}.m.h img{width:100%;height:100%;object-fit:cover}
/* 스토리 */
.st-w{padding:16px 0 60px}.st-g{display:grid;gap:34px}.st-i{aspect-ratio:4/5;overflow:hidden;background:var(--sand)}.st-i img{width:100%;height:100%;object-fit:cover}.st-g small,.st-t small{display:block;font-size:12px;color:var(--clay);margin-top:12px}.st-g h2{font-size:18px;margin-top:2px}.st-g p{font-size:14.5px;color:var(--body);margin-top:4px}
.st-d{padding:0 0 60px}.st-dg{padding:0}.st-p img{width:100%}.st-t{padding:18px var(--gut) 0}.st-t>p:not(.fine){font-size:16px;line-height:1.9;color:var(--body);margin-top:18px}.st-t .d-a .btn{flex:1}.st-n{display:grid;grid-template-columns:1fr auto;align-items:center;margin-top:26px;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.st-n small{grid-column:1/-1;margin:0;color:var(--mute)}.st-n b{font-weight:500;font-size:17px}
/* 쇼룸 */
.sh{padding:18px 0 0}.sh-g{display:grid;gap:18px}.shops{border-top:1px solid var(--ink)}.shops button{display:block;width:100%;text-align:left;padding:14px 12px;border-bottom:1px solid var(--line);transition:background .15s}.shops [aria-pressed=true]{background:var(--sand)}.shops b{display:block;font-weight:500;font-size:17px}.shops span{display:block;font-size:13.5px;color:var(--body)}.shops small{font-size:12px;color:var(--mute)}
.map{position:relative;aspect-ratio:1/.85;margin-top:14px;background:var(--sand);overflow:hidden}.map svg{position:absolute;inset:5%;width:90%;height:90%;fill:#DEDCD2}.map>small{position:absolute;left:10px;bottom:6px;font-size:11px;color:var(--mute)}
.pin{position:absolute;width:44px;height:44px;margin:-22px;display:flex;align-items:center;justify-content:center}.pin:before{content:"";width:11px;height:11px;transform:rotate(45deg);background:var(--faint);box-shadow:0 0 0 3px var(--bg)}.pin span{position:absolute;top:32px;font-size:12px;white-space:nowrap;color:var(--mute)}.pin.on:before{background:var(--clay);width:14px;height:14px}.pin.on span{color:var(--ink);font-weight:500}
.sh-c img{width:100%;aspect-ratio:4/3;object-fit:cover}.sh-t{padding-top:12px}.sh-t h2{font-size:19px}.sh-t p{font-size:14.5px;color:var(--body)}
.near{padding:40px 0 60px}.near h2{font-size:20px;margin-bottom:14px}.hs{display:flex;gap:12px;overflow-x:auto;scrollbar-width:none;margin:0 calc(var(--gut)*-1);padding:0 var(--gut)}.hs::-webkit-scrollbar{display:none}.hs .p-c{flex:none;width:70%}
/* 상담 */
.iq{padding:36px 0 60px}.iq-g{display:grid;gap:28px}.steps{margin-top:18px}.steps li{display:grid;grid-template-columns:34px 1fr;padding:12px 0;border-top:1px solid var(--line)}.steps b{font:500 13px/1.9 "Space Grotesk",sans-serif;color:var(--clay)}.steps h2{font-size:16px}.steps p{font-size:14px;color:var(--body)}
.iq-r{background:#fff;box-shadow:0 0 0 1px var(--line);padding:22px 16px}.demo{font-size:12px;color:var(--mute);margin-bottom:16px;padding:8px 10px;background:var(--sand)}
#form{display:grid;gap:18px}.r2{display:grid;gap:18px}#form label{display:block;font-size:13.5px;font-weight:500}#form i{font-style:normal;font-size:11px;font-weight:400;color:var(--clay);margin-left:2px}
#form input:not([type=checkbox]),#form select{display:block;width:100%;height:48px;margin-top:6px;padding:0 12px;border:1px solid #BFBDB2;border-radius:var(--r);background:#fff;font-size:15px;font-weight:400;outline:0}#form input:focus,#form select:focus{border-color:var(--moss);box-shadow:0 0 0 2px rgba(54,66,58,.15)}#form input::placeholder{color:#B7B4AC}
.ad{display:flex;gap:6px;margin-top:6px}.ad input{margin-top:0!important}.ad button{flex:none;width:68px;height:48px;background:var(--sand);border-radius:var(--r);font-size:14px;font-weight:400}
.agr{display:grid}.agr label{display:flex!important;align-items:center;gap:10px;min-height:38px;cursor:pointer;font-weight:400!important}.agr input{width:18px;height:18px;accent-color:var(--moss);flex:none}.agr span{font-size:13px;color:var(--body);line-height:1.4}
.err{color:#B3261E;font-size:14px;font-weight:500}#form .btn{width:100%}
.dn{outline:0}.dn h2{font-size:20px;margin-bottom:10px}.dn dl{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;margin-bottom:12px;font-size:14px}.dn dt{color:var(--mute);white-space:nowrap}.dn dd{overflow-wrap:anywhere}.dn p{font-size:13.5px;color:var(--mute);margin-bottom:14px}
/* 회사 */
.bh{height:300px;overflow:hidden;background:var(--moss-d)}.bh img{width:100%;height:100%;object-fit:cover}
.hist li{padding:12px 0;border-top:1px solid #C9C7BC;display:grid;grid-template-columns:62px 1fr;align-items:baseline}.hist b{font:500 15px "Space Grotesk",sans-serif}.hist p{font-size:14.5px;color:var(--body)}
.dirs>div{padding:14px 0;border-top:1px solid var(--line)}.dirs small{font-size:12px;font-weight:500;color:var(--clay)}.dirs p{font-size:17px;font-weight:500;letter-spacing:-.02em}.dirs .btn{margin-top:14px}
.toast{position:fixed;left:50%;bottom:76px;transform:translateX(-50%);z-index:60;background:#111;color:#fff;padding:11px 20px;border-radius:var(--r);font-size:13px;white-space:nowrap;max-width:90vw;overflow:hidden;text-overflow:ellipsis}
@media(prefers-reduced-motion:reduce){*{transition:none!important}html{scroll-behavior:auto}.mq-t{animation:none}}

/* --- 태블릿 이상 --- */
@media(min-width:769px){
  :root{--hd:76px;--gut:40px}
  body{padding-bottom:0}
  h1,.s-h h2,.two h2,.revs h2{font-size:38px}
  .two{grid-template-columns:5fr 7fr;gap:48px;align-items:start}.lead{font-size:17px}
  .sec{padding:96px 0}.sec.tight{padding-top:64px;padding-bottom:50px}.s-h{margin-bottom:40px}
  .hd-in{justify-content:flex-start;gap:12px}.logo b{font-size:27px}.nav{display:flex;gap:clamp(18px,2.4vw,36px);margin:0 auto 0 clamp(24px,4vw,60px);font-size:15px}.nav a{padding:6px 0;border-bottom:1.5px solid transparent}.nav a:hover,.nav a[aria-current]{border-color:var(--ink)}.hd-cta{display:inline-flex}.burger{display:none}
  .hero-s{height:min(600px,calc(100svh - var(--hd) - 150px));max-height:none;min-height:400px}.h-txt{padding:24px 0}.h-txt .wrap{display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:40px}.h-txt p{grid-column:1;font-size:14px}.hero h1{font-size:30px}.h-ctl{grid-column:2;grid-row:1/3;margin:0;min-width:280px}
  .phil{padding-top:96px}.phil .btn{margin-top:26px}.stats{margin-top:70px;gap:0 28px}.stats dt{font-size:14px;min-height:0}.stats dd{font-size:52px;margin-top:18px}.stats.four{grid-template-columns:repeat(4,1fr)}.stats.four dd{font-size:42px}
  .f-grid{grid-template-columns:1.6fr 1fr;grid-template-rows:auto auto;gap:30px 24px}.f-c.big{grid-row:1/3;display:flex;flex-direction:column}.f-c.big .f-i{flex:1;aspect-ratio:auto}.feat{padding-top:30px}
  .f-n b{font-size:19px}
  .revs{padding:90px 0 44px}.revs h2{margin-bottom:44px}.rv{width:360px}.mq-t{gap:28px}.rv blockquote{font-size:16px}
  .ft{padding:64px 0 30px}.ft-t{grid-template-columns:1fr 1fr 2fr}.ft-t>div:last-child{grid-column:auto}.sl{font-size:clamp(60px,11vw,172px);margin:54px 0 30px}
  .fab{left:auto;right:24px;bottom:24px;background:none;display:flex;gap:6px;padding:0}.fab>*{height:52px;box-shadow:0 8px 24px rgba(0,0,0,.2);border-radius:var(--r)}.top-b{width:52px;background:var(--moss)}.ask{padding:0 22px;font-size:15px}.ask:hover{background:#9C5634}
  .pg{padding:76px 0 30px}.pg.slim{padding-bottom:20px}
  .rows article{grid-template-columns:60px 1.1fr 1.4fr 280px;gap:0 24px;padding:28px 0;align-items:start}.rows h3{font-size:24px}.rows p{grid-column:auto;font-size:15.5px}.r-i{grid-column:auto;margin:0}.no{font-size:14px}
  .off{grid-template-columns:7fr 5fr;gap:28px;align-items:end}.off h3{font-size:25px}
  .onl{grid-template-columns:repeat(4,1fr);gap:0 24px}.onl article{padding-top:22px}
  .chips{margin:0;padding:0}.p-grid{grid-template-columns:repeat(2,1fr);gap:40px 24px}
  .l-r .srch{max-width:300px}
  .det{padding-top:30px}.mos{margin-top:24px;gap:10px}
  .st-g{grid-template-columns:repeat(3,1fr);gap:64px 28px}.st-g a:nth-child(3n+2){margin-top:70px}.st-g h2{font-size:20px}
  .st-dg{display:grid;grid-template-columns:1fr 1fr;gap:56px;padding:0 var(--gut);align-items:start;margin-top:40px}.st-p{position:sticky;top:96px}.st-t{padding:0}.st-t h1{font-size:34px}
  .sh-g{grid-template-columns:1fr 1.2fr;gap:30px;align-items:start}.near{padding:56px 0 90px}.hs{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:0;padding:0}.hs .p-c{width:auto}.near h2{font-size:24px}
  .iq{padding:76px 0 96px}.iq-g{grid-template-columns:4fr 6fr;gap:60px;align-items:start}.iq-r{padding:36px}.r2{grid-template-columns:1fr 1fr}
  .bh{height:520px}
  .hist{display:grid;grid-template-columns:repeat(5,1fr);gap:24px}.hist li{display:block;padding-top:18px}.hist b{font-size:24px}.hist p{margin-top:8px}
  .toast{bottom:90px}
}
/* --- PC --- */
@media(min-width:1100px){
  :root{--gut:48px}
  .tel{display:inline;font-size:15px;font-weight:500;margin-right:14px;white-space:nowrap}.tel small{font-size:11px;font-weight:400;color:var(--mute)}
  .hero-s{height:min(660px,calc(100svh - var(--hd) - 130px))}.hero h1{font-size:34px}
  .p-grid{grid-template-columns:repeat(2,1fr)}
  .l-g{display:grid;grid-template-columns:230px 1fr;gap:48px;align-items:start}.side{position:sticky;top:100px}.side-t{display:block;font-size:13px;color:var(--mute);margin-bottom:6px}.side .chips{display:grid;border:0;gap:0}.side .chips button{text-align:left;min-height:42px;border-bottom:1px solid var(--line);margin:0}.side .chips [aria-pressed=true]{border-color:var(--ink)}.l-r{display:grid;margin:18px 0 0}.l-r .srch{max-width:none}
  .det-g{display:grid;grid-template-columns:300px 1fr;gap:56px;align-items:start}.d-i{position:sticky;top:100px}.d-i h1{font-size:34px}.rooms{display:grid;border:0;gap:0;margin-top:6px}.rooms button{text-align:left;min-height:42px;border-bottom:1px solid var(--line);margin:0}.rooms [aria-pressed=true]{border-color:var(--ink)}.mos{margin:0}
  .sh-g{grid-template-columns:400px 1fr;gap:40px}
}
@media(min-width:1280px){.p-grid{grid-template-columns:repeat(3,1fr);gap:40px 20px}.p-n h2{font-size:16px}}