*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{
  --paper:#f2ede4;--paper2:#ede8df;--paper3:#e4ddd3;
  --ink:#1a1612;--ink2:rgba(26,22,18,.55);--ink3:rgba(26,22,18,.28);
  --rust:#b85c2a;--rust2:#c96830;--rust3:#e07a3a;
  --line:rgba(26,22,18,.1);--line2:rgba(26,22,18,.2);
  --display:'Special Gothic Expanded One',sans-serif;
  --cond:'Barlow Condensed',sans-serif;
  --body:'Barlow',sans-serif;
}
html{scroll-behavior:smooth}
.sec-h,#hero{scroll-margin-top:64px}
body{background:var(--paper);color:var(--ink);font-family:var(--body);font-weight:300;overflow-x:hidden;-webkit-font-smoothing:antialiased}

/* TICKER */
.ticker{background:var(--rust);padding:8px 0;overflow:hidden;white-space:nowrap}
.ticker-track{display:inline-flex;will-change:transform;animation:tick 22s linear infinite;animation-play-state:paused}
.ticker-track.running{animation-play-state:running}
.ticker-item{font-family:var(--cond);font-size:11px;font-weight:500;letter-spacing:.2em;color:var(--paper);text-transform:uppercase;padding:0 32px}
.ticker-sep{color:rgba(242,237,228,.4);padding:0 4px}
@keyframes tick{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* NAV */
nav{position:sticky;top:0;z-index:100;background:var(--paper);border-bottom:2px solid var(--ink);display:flex;justify-content:space-between;align-items:stretch}
.logo{font-family:var(--display);font-size:20px;letter-spacing:.04em;color:var(--ink);text-decoration:none;display:flex;align-items:center;padding:14px 32px;border-right:1px solid var(--line2)}
.logo span{color:var(--rust)}
.nav-mid{display:flex;align-items:stretch;flex:1}
.nav-mid a{font-family:var(--cond);font-size:11px;font-weight:500;letter-spacing:.16em;color:var(--ink2);text-decoration:none;text-transform:uppercase;display:flex;align-items:center;padding:0 18px;border-right:1px solid var(--line);transition:color .15s,background .15s}
.nav-mid a:hover{color:var(--rust);background:rgba(184,92,42,.04)}
.nav-mid a.nav-active{color:var(--rust);box-shadow:inset 0 -2px 0 var(--rust)}
.nav-r{display:flex;align-items:stretch}
.nav-langs{display:flex;align-items:stretch;border-left:1px solid var(--line2)}
.nav-langs a{font-family:var(--cond);font-size:11px;font-weight:600;letter-spacing:.1em;color:var(--ink3);text-decoration:none;text-transform:uppercase;display:flex;align-items:center;padding:0 12px;border-right:1px solid var(--line);transition:color .15s,background .15s}
.nav-langs a.active{color:var(--rust);background:rgba(184,92,42,.06)}
.nav-langs a:hover{color:var(--rust)}
.nav-cta{font-family:var(--display)!important;font-size:12px!important;letter-spacing:.08em!important;color:var(--paper)!important;background:var(--rust);padding:0 28px!important;text-decoration:none;text-transform:uppercase;display:flex;align-items:center;transition:background .15s,box-shadow .15s!important;white-space:nowrap;border-left:none!important;border:2px solid var(--rust)!important}
.nav-cta:hover{background:var(--rust2)!important;border-color:var(--rust2)!important;box-shadow:3px 3px 0 var(--ink)}

/* MOBILE MENU */
.burger{display:none;background:none;border:none;cursor:pointer;padding:14px 16px;border-left:1px solid var(--line);flex-direction:column;justify-content:center;gap:5px;-webkit-appearance:none}
.burger span{display:block;width:22px;height:2px;background:var(--ink);transition:transform .25s,opacity .2s}
.burger.open span:nth-child(1){transform:translateY(3.5px) rotate(45deg)}
.burger.open span:nth-child(2){opacity:0}
.burger.open span:nth-child(3){transform:translateY(-3.5px) rotate(-45deg)}
.mob-menu{display:none;position:absolute;top:100%;left:0;right:0;background:var(--paper);border-bottom:2px solid var(--ink);z-index:99;flex-direction:column;padding:0;max-height:0;overflow:hidden;transition:max-height .35s cubic-bezier(.16,1,.3,1)}
.mob-menu.open{max-height:320px}
.mob-menu a{font-family:var(--cond);font-size:13px;font-weight:500;letter-spacing:.14em;color:var(--ink);text-decoration:none;text-transform:uppercase;padding:16px 24px;border-bottom:1px solid var(--line);transition:color .15s,background .15s}
.mob-menu a:hover{color:var(--rust);background:rgba(184,92,42,.04)}
.mob-langs{display:flex;border-top:1px solid var(--line2)}
.mob-langs a{flex:1;text-align:center;padding:14px 0;border-right:1px solid var(--line);border-bottom:none;font-weight:600;letter-spacing:.1em;color:var(--ink3)}
.mob-langs a:last-child{border-right:none}
.mob-langs a.active{color:var(--rust);background:rgba(184,92,42,.06)}

/* HERO */
#hero{min-height:min(760px,calc(100vh - 52px));display:grid;grid-template-columns:1fr 1fr;border-bottom:2px solid var(--ink)}
.hero-l{border-right:2px solid var(--ink);display:flex;flex-direction:column;justify-content:center;padding:56px 48px;position:relative;background:var(--paper);min-width:0}
.hero-stamp{position:absolute;top:40px;left:48px;font-family:var(--cond);font-size:10px;font-weight:500;letter-spacing:.3em;color:var(--ink3);text-transform:uppercase;display:flex;align-items:center;gap:10px}
.hero-stamp::before{content:'';width:20px;height:1px;background:var(--rust)}
h1{font-family:var(--display);font-size:clamp(36px,5.2vw,70px);line-height:.9;letter-spacing:-.01em;color:var(--ink);margin-bottom:36px}
h1 em{display:block;font-style:normal;color:var(--rust)}
h1 .out{display:block;-webkit-text-stroke:1.5px var(--ink);color:transparent}
.hero-meta{display:flex;gap:0;border-top:1px solid var(--line2);padding-top:24px}
.hm{flex:1;padding-right:20px;border-right:1px solid var(--line)}
.hm:last-child{border-right:none;padding-left:20px;padding-right:0}
.hm-n{font-family:var(--display);font-size:32px;color:var(--rust);line-height:1;display:block;margin-bottom:4px}
.hm-t{font-family:var(--cond);font-size:9px;font-weight:500;letter-spacing:.18em;color:var(--ink3);text-transform:uppercase}
.hero-r{position:relative;overflow:hidden;background:var(--paper2);display:flex;flex-direction:column}
.hero-r-vis{flex:1;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:24px}
.ct-tex{position:absolute;inset:0;background:repeating-linear-gradient(17deg,transparent 0,rgba(184,92,42,.05) 1px,transparent 2px,transparent 48px),repeating-linear-gradient(73deg,transparent 0,rgba(196,146,58,.04) 1px,transparent 2px,transparent 72px),radial-gradient(ellipse 90% 70% at 40% 40%,rgba(184,92,42,.2) 0%,transparent 60%),radial-gradient(ellipse 50% 50% at 75% 70%,rgba(140,60,20,.14) 0%,transparent 50%),linear-gradient(160deg,#e8d8c0 0%,#d4c0a0 30%,#c4aa88 60%,#d0bc9e 100%)}
.ct-lines{position:absolute;inset:0;background:repeating-linear-gradient(180deg,transparent 0,transparent 39px,rgba(26,22,18,.05) 39px,rgba(26,22,18,.05) 40px)}
.hero-r-foot{padding:14px 24px;border-top:1px solid var(--line2);display:flex;justify-content:space-between;align-items:center}
.hrf-t{font-family:var(--cond);font-size:10px;font-weight:500;letter-spacing:.2em;color:var(--ink3);text-transform:uppercase}
.hrf-s{font-family:var(--cond);font-size:10px;font-weight:600;letter-spacing:.12em;color:var(--rust);text-transform:uppercase}

/* BAND */
.band{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line2)}
.bnd{padding:28px 32px;border-right:1px solid var(--line);position:relative;overflow:hidden;transition:background .15s}
.bnd:last-child{border-right:none}
.bnd:hover{background:rgba(184,92,42,.04)}
.bnd-val{font-family:var(--display);font-size:clamp(24px,3vw,42px);color:var(--rust);line-height:1;display:block;margin-bottom:6px}
.bnd-lbl{font-family:var(--cond);font-size:10px;font-weight:600;letter-spacing:.16em;color:var(--ink3);text-transform:uppercase;display:block;margin-bottom:4px}
.bnd-desc{font-size:12px;font-weight:300;color:var(--ink2);line-height:1.55}

/* SEC HEADER */
.sec-h{padding:0 48px;border-bottom:1px solid var(--line2);display:flex;align-items:center;background:var(--paper)}
.sec-n{font-family:var(--cond);font-size:10px;font-weight:600;letter-spacing:.22em;color:var(--rust);text-transform:uppercase;padding:13px 18px 13px 0;border-right:1px solid var(--line);margin-right:18px;min-width:44px}
.sec-ttl{font-family:var(--display);font-size:clamp(18px,2.2vw,32px);color:var(--ink);letter-spacing:-.01em}
.sec-ttl em{font-style:normal;color:var(--rust)}
.sec-fill{flex:1}
.sec-note{font-family:var(--cond);font-size:11px;font-weight:400;letter-spacing:.06em;color:var(--ink3);max-width:260px;text-align:right}

/* SERVICES */
.svc-list{border-bottom:1px solid var(--line2)}
.svc{display:grid;grid-template-columns:56px 1fr 180px;border-bottom:1px solid var(--line);transition:background .15s;cursor:default;position:relative;overflow:hidden}
.svc:last-child{border-bottom:none}
.svc::before{content:'';position:absolute;left:0;top:0;bottom:0;width:0;background:var(--rust);transition:width .25s cubic-bezier(.16,1,.3,1)}
.svc:hover{background:rgba(184,92,42,.04)}
.svc:hover::before{width:3px}
.svc-n{font-family:var(--display);font-size:10px;color:var(--ink3);padding:26px 0 26px 48px;border-right:1px solid var(--line);display:flex;align-items:flex-start;position:relative;z-index:1}
.svc-b{padding:26px 28px;position:relative;z-index:1}
.svc-name{font-family:var(--display);font-size:clamp(18px,2vw,28px);color:var(--ink);margin-bottom:4px;letter-spacing:-.01em;transition:color .15s}
.svc:hover .svc-name{color:var(--rust)}
.svc-tag{font-family:var(--cond);font-size:10px;font-weight:500;letter-spacing:.14em;color:var(--ink3);text-transform:uppercase}
.svc-exp{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.16,1,.3,1),opacity .3s;opacity:0}
.svc:hover .svc-exp{max-height:60px;opacity:1}
.svc-exp p{font-size:12px;font-weight:300;color:var(--ink2);line-height:1.65;padding-top:8px}
.svc-pr{padding:26px 48px 26px 0;display:flex;align-items:flex-start;justify-content:flex-end;border-left:1px solid var(--line);position:relative;z-index:1}
.svc-pr span{font-family:var(--display);font-size:10px;color:var(--rust)}

/* MATERIAL */
.mat-sec{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line2)}
.mat-l{padding:60px 48px;border-right:1px solid var(--line2)}
.mat-title{font-family:var(--display);font-size:clamp(32px,4.5vw,68px);line-height:.94;letter-spacing:-.02em;color:var(--ink);margin-bottom:24px}
.mat-title em{font-style:normal;color:var(--rust)}
.mat-body{font-size:14px;font-weight:300;color:var(--ink2);line-height:1.85}
.mat-body strong{font-weight:400;color:var(--ink)}
.mat-r{display:flex;flex-direction:column}
.mf{flex:1;padding:28px 40px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:96px 1fr;gap:0 20px;align-items:center;transition:background .15s}
.mf:last-child{border-bottom:none}
.mf:hover{background:rgba(184,92,42,.03)}
.mf-n{font-family:var(--display);font-size:clamp(32px,3.8vw,54px);color:var(--rust);line-height:1}
.mf-n sup{font-size:38%;vertical-align:super}
.mf-lbl{font-family:var(--cond);font-size:10px;font-weight:600;letter-spacing:.18em;color:var(--ink3);text-transform:uppercase;display:block;margin-bottom:4px}
.mf-txt{font-size:12px;font-weight:300;color:var(--ink2);line-height:1.6}
.mf-txt strong{font-weight:400;color:var(--ink)}

/* GALLERY */
.gal-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:180px;gap:1px;background:var(--line2);border-bottom:1px solid var(--line2)}
.gi{overflow:hidden;position:relative;cursor:pointer}
.gi:nth-child(1){grid-column:span 6;grid-row:span 2}
.gi:nth-child(2){grid-column:span 6}
.gi:nth-child(3){grid-column:span 3}
.gi:nth-child(4){grid-column:span 3}
.gi:nth-child(5){grid-column:span 4}
.gi:nth-child(6){grid-column:span 8}
.gi-bg{position:absolute;inset:0;transition:transform .5s cubic-bezier(.16,1,.3,1)}
.gi:hover .gi-bg{transform:scale(1.04)}
.gi-bg picture{display:block;width:100%;height:100%}
.gi-bg img{display:block;width:100%;height:100%;object-fit:cover}
.gi-lbl{position:absolute;bottom:0;left:0;right:0;padding:24px 14px 12px;background:linear-gradient(to top,rgba(26,22,18,.65) 0%,transparent 100%);font-family:var(--cond);font-size:10px;font-weight:500;letter-spacing:.18em;color:rgba(242,237,228,.75);text-transform:uppercase;transform:translateY(100%);transition:transform .3s ease}
.gi:hover .gi-lbl{transform:translateY(0)}
.gal-note{padding:16px 48px;font-family:var(--cond);font-size:10px;font-weight:500;letter-spacing:.2em;color:var(--ink3);text-transform:uppercase;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line2)}
.gal-note::before{content:'↗';color:var(--rust)}

/* WHY */
.why-sec{display:grid;grid-template-columns:3fr 7fr;border-bottom:1px solid var(--line2)}
.why-l{padding:60px 32px 60px 40px;border-right:1px solid var(--line2);display:flex;flex-direction:column;justify-content:space-between;min-width:0;overflow:hidden}
.why-big{font-family:var(--display);font-size:clamp(34px,3.8vw,48px);line-height:.9;color:var(--ink);margin-bottom:24px}
.why-big em{font-style:normal;color:var(--rust)}
.why-sub{font-size:13px;font-weight:300;color:var(--ink2);line-height:1.75;margin-bottom:28px}
.btn-main{font-family:var(--display);font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--paper);background:var(--rust);padding:16px 32px;text-decoration:none;display:inline-block;transition:background .15s,box-shadow .15s,border-color .15s;border:2px solid var(--rust);cursor:pointer;-webkit-appearance:none;appearance:none;line-height:1.2}
.btn-main:hover{background:var(--rust2);border-color:var(--rust2);box-shadow:4px 4px 0 var(--ink)}
.btn-main:active{box-shadow:2px 2px 0 var(--ink);transform:translate(1px,1px)}
.btn-ghost{font-family:var(--cond);font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--ink);text-decoration:none;display:inline-flex;align-items:center;gap:8px;margin-top:12px;padding:10px 0;border-bottom:2px solid var(--rust);transition:color .15s,border-color .15s,gap .2s;cursor:pointer}
.btn-ghost:hover{color:var(--rust);border-color:var(--rust2);gap:12px}
.btn-ghost::after{content:'→';font-size:14px;transition:transform .2s}
.btn-ghost:hover::after{transform:translateX(2px)}
.why-r{display:flex;flex-direction:column}
.wr{flex:1;padding:32px 40px 32px 36px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:44px 1fr;gap:0 20px;transition:background .15s}
.wr:last-child{border-bottom:none}
.wr:hover{background:rgba(184,92,42,.03)}
.wr-n{font-family:var(--display);font-size:13px;color:var(--rust);padding-top:3px}
.wr-name{font-family:var(--display);font-size:clamp(16px,1.7vw,24px);color:var(--ink);margin-bottom:6px;letter-spacing:-.01em}
.wr-desc{font-size:12px;font-weight:300;color:var(--ink2);line-height:1.7;max-width:58ch}
.wr-desc strong{font-weight:400;color:var(--ink)}

/* FAQ */
.faq-sec{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line2)}
.faq-l{padding:60px 48px;border-right:1px solid var(--line2)}
.faq-title{font-family:var(--display);font-size:clamp(32px,4.2vw,62px);line-height:.94;letter-spacing:-.02em;color:var(--ink);margin-bottom:18px}
.faq-title em{font-style:normal;color:var(--rust)}
.faq-sub{font-size:13px;font-weight:300;color:var(--ink2);line-height:1.75;margin-bottom:28px}
.faq-r .faq-item{border-bottom:1px solid var(--line)}
.faq-r .faq-item:first-child{border-top:1px solid var(--line2)}
.faq-q{padding:18px 48px 18px 36px;display:flex;justify-content:space-between;align-items:center;gap:14px;cursor:pointer;font-family:var(--cond);font-size:14px;font-weight:500;letter-spacing:.02em;color:var(--ink);transition:color .15s,background .15s;user-select:none}
.faq-q:hover{color:var(--rust);background:rgba(184,92,42,.03)}
.faq-plus{font-family:var(--display);font-size:18px;color:var(--rust);flex-shrink:0;transition:transform .3s;line-height:1}
.faq-item.open .faq-plus{transform:rotate(45deg)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.16,1,.3,1)}
.faq-item.open .faq-a{max-height:200px}
.faq-a p{font-size:13px;font-weight:300;color:var(--ink2);line-height:1.8;padding:0 48px 18px 36px}

/* CONTACT */
.ct-sec{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line2)}
.ct-l{padding:60px 48px;border-right:1px solid var(--line2);background:var(--ink);display:flex;flex-direction:column;justify-content:space-between}
.ct-big{font-family:var(--display);font-size:clamp(36px,5vw,76px);line-height:.9;letter-spacing:-.02em;color:var(--paper);margin-bottom:36px}
.ct-big em{font-style:normal;color:var(--rust3)}
.ct-info{display:flex;flex-direction:column;gap:14px}
.ct-row{display:flex;gap:14px;align-items:center;text-decoration:none;transition:color .15s}
.ct-lbl{font-family:var(--cond);font-size:9px;font-weight:600;letter-spacing:.22em;color:rgba(242,237,228,.3);text-transform:uppercase;min-width:52px}
.ct-val{font-family:var(--cond);font-size:12px;font-weight:400;letter-spacing:.06em;color:rgba(242,237,228,.65);transition:color .15s}
.ct-row:hover .ct-val{color:var(--rust3)}
.ct-r{padding:60px 48px;background:var(--paper2)}
.ct-form{display:flex;flex-direction:column;gap:11px}
.fg{display:flex;flex-direction:column;gap:4px}
.fg-2{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.fl{font-family:var(--cond);font-size:9px;font-weight:600;letter-spacing:.22em;color:var(--ink3);text-transform:uppercase}
.fi,.fs,.ft{background:var(--paper);border:none;border-bottom:2px solid rgba(26,22,18,.2);color:var(--ink);font-family:var(--cond);font-size:14px;font-weight:400;padding:10px 0;outline:none;width:100%;appearance:none;-webkit-appearance:none;transition:border-color .15s;border-radius:0}
.fi:focus,.fs:focus,.ft:focus{border-bottom-color:var(--rust)}
.fi::placeholder,.ft::placeholder{color:var(--ink3)}
.fs option{background:var(--paper)}
.ft{resize:vertical;min-height:80px}
.cf-consent{display:flex;align-items:flex-start;gap:10px;cursor:pointer}
.cf-consent input{accent-color:var(--rust);width:14px;height:14px;flex-shrink:0;margin-top:2px}
.cf-note{font-family:var(--cond);font-size:12px;font-weight:400;color:var(--ink3);line-height:1.6}
.cf-note a{color:var(--ink2);text-decoration:underline;text-underline-offset:3px}
.cf-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:4px}
.cf-resp{font-family:var(--cond);font-size:10px;font-weight:500;letter-spacing:.14em;color:var(--ink3);text-transform:uppercase}

/* FOOTER */
footer{display:grid;grid-template-columns:1fr 1fr 1fr;border-top:2px solid var(--ink)}
.fl-1{padding:22px 48px;border-right:1px solid var(--line2);display:flex;flex-direction:column;gap:5px}
.fl-logo{font-family:var(--display);font-size:18px;letter-spacing:.04em;color:var(--ink);text-decoration:none}
.fl-logo span{color:var(--rust)}
.fl-copy{font-family:var(--cond);font-size:10px;font-weight:400;letter-spacing:.08em;color:var(--ink3)}
.fl-2{padding:22px 36px;border-right:1px solid var(--line2);display:flex;align-items:center;justify-content:center}
.fl-addr{font-family:var(--cond);font-size:11px;font-weight:400;letter-spacing:.08em;color:var(--ink2);line-height:1.7;text-align:center}
.fl-3{padding:22px 32px;display:flex;align-items:center;justify-content:flex-end}
.fl-links{display:flex;flex-direction:column;gap:5px;align-items:flex-end}
.fl-links a{font-family:var(--cond);font-size:10px;font-weight:500;letter-spacing:.14em;color:var(--ink3);text-decoration:none;text-transform:uppercase;transition:color .15s}
.fl-links a:hover{color:var(--rust)}

/* REVEAL */
.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}
.reveal.in{opacity:1;transform:none}
.rl{opacity:0;transform:translateX(-18px);transition:opacity .6s ease,transform .6s ease}
.rl.in{opacity:1;transform:none}
.rr{opacity:0;transform:translateX(18px);transition:opacity .6s ease,transform .6s ease}
.rr.in{opacity:1;transform:none}

/* FOCUS */
.btn-main:focus-visible,.btn-ghost:focus-visible,.nav-cta:focus-visible,.faq-q:focus-visible{outline:2px solid var(--rust);outline-offset:3px}
.nav-mid a:focus-visible,.nav-langs a:focus-visible{outline:2px solid var(--rust);outline-offset:-2px}
.fi:focus-visible,.fs:focus-visible,.ft:focus-visible{outline:none;border-bottom-color:var(--rust)}

/* REDUCED MOTION */
@media(prefers-reduced-motion:reduce){
  .ticker-track{animation:none!important}
  .reveal,.rl,.rr{opacity:1;transform:none;transition:none}
  .btn-main,.btn-ghost,.nav-cta{transition:none}
}

@media(max-width:900px){
  nav{padding:0 20px}
  .nav-mid{display:none}
  .nav-langs{display:none}
  .nav-cta{display:none}
  .burger{display:flex}
  .mob-menu{display:flex}
  #hero{grid-template-columns:1fr}
  .hero-r{height:280px}
  .hero-l{padding:90px 24px 36px}
  .hero-meta{gap:0}
  .hm{padding-right:10px}
  .hm:last-child{padding-left:10px}
  .hm-n{font-size:26px}
  .band{grid-template-columns:1fr 1fr}
  .bnd{padding:22px 20px}
  .sec-h{padding:0 20px}
  .svc{grid-template-columns:40px 1fr}
  .svc-n{padding-left:20px}
  .svc-pr{display:none}
  .mat-sec{grid-template-columns:1fr}
  .mat-l{padding:40px 24px}
  .gal-grid{grid-template-columns:1fr 1fr;grid-auto-rows:140px}
  .gi:nth-child(n){grid-column:span 1;grid-row:span 1}
  .gi:nth-child(1){grid-column:span 2}
  .gi:nth-child(6){grid-column:span 2}
  .gal-note{padding:14px 24px}
  .why-sec{grid-template-columns:1fr}
  .why-l{padding:40px 24px;border-right:none;border-bottom:1px solid var(--line2)}
  .btn-main{width:100%;text-align:center;padding:16px 20px}
  .wr{padding:24px 20px}
  .faq-sec{grid-template-columns:1fr}
  .faq-l{padding:40px 24px;border-right:none;border-bottom:1px solid var(--line2)}
  .faq-q{padding:16px 24px}
  .faq-a p{padding:0 24px 16px}
  .ct-sec{grid-template-columns:1fr}
  .ct-l{padding:40px 24px}
  .ct-r{padding:40px 24px}
  .fg-2{grid-template-columns:1fr}
  footer{grid-template-columns:1fr}
  .fl-1,.fl-2,.fl-3{border-right:none;border-bottom:1px solid var(--line);padding:18px 24px;justify-content:flex-start}
}