@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700&display=swap');
:root{--ink:#26332d;--muted:#77796f;--paper:#f6f5f0;--line:#d9d8d0;--accent:#a39473;--serif:'Noto Sans KR',sans-serif;--sans:'Noto Sans KR',sans-serif;--pad:clamp(24px,7.4vw,118px)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}.header{height:84px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;background:var(--paper);position:relative;z-index:10}.brand img{display:block;width:122px;height:auto}.main-nav{display:flex;align-items:center;gap:clamp(25px,4vw,62px);font-size:13px;letter-spacing:.08em;text-transform:uppercase}.main-nav a{transition:color .25s}.main-nav a:hover,.text-link:hover{color:var(--accent)}.nav-call{border:1px solid var(--line);padding:13px 18px}.nav-call span{margin-left:20px}.menu-toggle{display:none}.hero{height:min(760px,calc(100svh - 84px));min-height:590px;position:relative;color:#fff;overflow:hidden;background:#70766d}.hero-photo,.hero-shade,.subhero-img,.subhero-tint,.cta-bg{position:absolute;inset:0}.hero-photo{background:url('work-lounge.png') center 52%/cover;animation:slowzoom 16s ease-in-out infinite alternate}.hero-shade{background:linear-gradient(90deg,rgba(20,29,25,.65),rgba(20,29,25,.08) 75%),linear-gradient(0deg,rgba(20,29,25,.35),transparent 30%)}.hero-copy{position:absolute;left:var(--pad);top:50%;transform:translateY(-48%);max-width:760px}.eyebrow{font-size:10px;letter-spacing:.18em;margin:0 0 27px;display:flex;align-items:center;gap:13px}.eyebrow i{width:26px;height:1px;background:currentColor;display:inline-block;opacity:.65}.hero h1,.subhero h1,.page-intro h1,.contact-page h1{font-family:var(--serif);font-weight:400;font-size:clamp(42px,6.3vw,86px);line-height:1.38;letter-spacing:-.075em;margin:0}.hero h1 em,.subhero h1 em,.page-intro em,.contact-page em,.intro h2 em,.services h2 em,.detail h2 em,.manifesto em{font-style:normal;color:#d5c5a3}.hero-sub{font-size:14px;line-height:1.9;color:rgba(255,255,255,.8);margin:22px 0 36px}.round-link{display:grid;place-items:center;width:52px;height:52px;border:1px solid rgba(255,255,255,.55);border-radius:50%;font-size:22px;transition:.3s}.round-link:hover{background:#fff;color:var(--ink);transform:rotate(-45deg)}.hero-index{position:absolute;left:calc(var(--pad) + 79px);bottom:14px;font-size:10px;letter-spacing:.1em}.hero-caption{position:absolute;left:var(--pad);right:var(--pad);bottom:30px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.18em;color:rgba(255,255,255,.68)}.section-pad{padding:clamp(82px,11vw,160px) var(--pad)}.section-kicker{font-size:11px;letter-spacing:.18em;color:var(--muted);text-transform:uppercase}.intro-grid{display:grid;grid-template-columns:1fr .62fr;gap:9%;align-items:end;margin:50px 0 70px}.intro h2,.services h2,.detail h2{font:400 clamp(32px,4.2vw,58px)/1.6 var(--serif);letter-spacing:-.07em;margin:0}.intro h2 em,.services h2 em,.detail h2 em{color:#9b8b6b}.intro-text{max-width:370px;padding-bottom:5px}.intro-text p,.detail-grid p{font-size:14px;line-height:2.15;color:#666b63;margin:0 0 27px;word-break:keep-all}.text-link{display:inline-flex;align-items:center;gap:27px;font-size:11px;letter-spacing:.03em;padding:8px 0;border-bottom:1px solid #aaa99f;transition:.25s}.text-link span{font-size:16px}.intro-line{height:1px;background:var(--line)}.work{padding-top:35px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:40px}.section-head h2{font:400 clamp(26px,3vw,39px) var(--serif);letter-spacing:-.06em;margin:20px 0 0}.work-grid{display:grid;grid-template-columns:1.26fr 1fr 1fr;gap:14px;align-items:start}.work-card{height:390px;display:block;position:relative;overflow:hidden;background:#e5e3dc}.work-card:first-child{height:500px}.work-card img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.work-card:hover img{transform:scale(1.04)}.work-label{position:absolute;left:22px;bottom:21px;color:white;text-shadow:0 1px 8px #111;font-size:9px;letter-spacing:.16em}.work-label small{display:block;font:14px var(--serif);letter-spacing:0;margin-top:8px}.services{display:grid;grid-template-columns:.85fr 1.15fr;gap:10%;background:#ebeae3}.services h2{margin:34px 0 22px}.services-intro>p{font-size:13px;line-height:1.9;color:#707168}.services-intro .text-link{margin-top:20px}.service-list{border-top:1px solid #c9c8bf}.service-list a{min-height:68px;border-bottom:1px solid #c9c8bf;display:flex;align-items:center;justify-content:space-between;font:18px var(--serif);letter-spacing:-.04em;transition:padding .25s,color .25s}.service-list a:hover{padding-left:10px;color:#8e805e}.service-list a span{font:18px var(--sans)}.cta{height:440px;position:relative;display:grid;place-items:center;text-align:center;color:#fff;overflow:hidden;background:#555}.cta-bg{background:linear-gradient(rgba(27,38,33,.57),rgba(27,38,33,.58)),url('work-lounge.png') center/cover}.cta-copy{position:relative}.cta-copy .eyebrow{justify-content:center}.cta h2{font:400 clamp(32px,4vw,52px)/1.55 var(--serif);letter-spacing:-.07em;margin:0 0 27px}.cta-button{display:inline-flex;gap:50px;border:1px solid rgba(255,255,255,.65);padding:15px 20px;font-size:11px;letter-spacing:.05em;transition:.25s}.cta-button:hover{background:#fff;color:var(--ink)}.footer{padding:42px var(--pad) 28px;background:#25312b;color:#f5f4ef}.footer-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:28px}.footer-top img{width:120px;height:auto;background:#fff;padding:2px 5px}.footer-phone{font:22px var(--sans);letter-spacing:.04em}.footer-phone span{font-size:15px;margin-left:20px}.footer-bottom{border-top:1px solid rgba(255,255,255,.2);padding-top:17px;display:flex;gap:30px;justify-content:space-between;color:rgba(255,255,255,.55);font-size:9px;letter-spacing:.08em}.mobile-call{display:none}.subhero{height:540px;position:relative;color:#fff;background:#777}.subhero-img{background-image:var(--sub-image);background-size:cover;background-position:center 52%}.subhero-tint{background:linear-gradient(90deg,rgba(25,34,29,.68),rgba(25,34,29,.08)),linear-gradient(0deg,rgba(0,0,0,.22),transparent 50%)}.subhero-copy{position:absolute;left:var(--pad);top:50%;transform:translateY(-47%);max-width:800px}.subhero h1{font-size:clamp(39px,5.4vw,70px)}.subhero-copy>p:last-child{font-size:12px;line-height:1.9;max-width:540px;color:rgba(255,255,255,.78);margin-top:20px}.subhero-foot{position:absolute;bottom:25px;left:var(--pad);display:flex;gap:13px;font-size:8px;letter-spacing:.15em;color:rgba(255,255,255,.72)}.detail{padding-top:95px;padding-bottom:100px}.detail-grid{display:grid;grid-template-columns:1fr .68fr;gap:9%;align-items:start;margin-top:40px}.detail-grid h2{font-size:clamp(30px,3.8vw,52px);line-height:1.65}.detail-grid h2 em{font-size:1em;display:block;margin-top:8px}.detail-grid>div{padding-top:9px}.point-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:70px}.point-grid article{min-height:150px;padding:20px 20px 15px 0;border-bottom:1px solid var(--line)}.point-grid article+article{padding-left:22px;border-left:1px solid var(--line)}.point-grid small{font:10px var(--sans);color:var(--accent)}.point-grid h3{font:17px var(--serif);letter-spacing:-.04em;margin:26px 0 14px}.point-grid article>span{font-size:11px;color:#999}.feature-image{height:500px;position:relative;overflow:hidden;background:#ddd}.feature-image>img{width:100%;height:100%;object-fit:cover}.feature-image>div{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:35px var(--pad);background:linear-gradient(transparent,rgba(0,0,0,.35));color:#fff}.feature-image span{font-size:9px;letter-spacing:.16em}.feature-image b{font:24px var(--serif);margin-top:10px}.related{padding-top:100px;padding-bottom:100px}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.related-grid a{position:relative;padding:22px 40px 22px 0;border-bottom:1px solid var(--line)}.related-grid a+a{padding-left:22px;border-left:1px solid var(--line)}.related-grid span{display:block;font-size:8px;letter-spacing:.14em;color:var(--muted)}.related-grid b{display:block;font:16px var(--serif);margin-top:12px}.related-grid i{position:absolute;right:14px;top:28px;font-style:normal}.contact-strip{padding:35px var(--pad);background:#e9e8e1;display:flex;align-items:center;justify-content:space-between}.contact-strip p{font:19px var(--serif);margin:0}.contact-strip a{font:21px var(--sans)}.contact-strip span{font-size:14px;margin-left:17px}.page-intro{padding-top:110px;padding-bottom:76px}.page-intro .eyebrow,.contact-page .eyebrow{color:var(--muted)}.page-intro h1,.contact-page h1{font-size:clamp(39px,5.7vw,74px)}.page-intro h1 em,.contact-page h1 em{color:#988a6d}.page-intro>p:last-child{font-size:13px;line-height:1.9;color:#77796f;margin:21px 0 0}.about-photo{height:520px;overflow:hidden}.about-photo img{width:100%;height:100%;object-fit:cover}.manifesto{padding:124px 10%;background:#28342e;color:white;display:flex;justify-content:space-between;align-items:center;gap:20px}.manifesto>span{font-size:8px;letter-spacing:.14em;color:#b9b8ae}.manifesto p{font:clamp(23px,3vw,39px)/1.8 var(--serif);text-align:center;letter-spacing:-.06em}.portfolio-grid{padding-top:10px;display:grid;grid-template-columns:repeat(2,1fr);gap:40px 17px}.portfolio-item{padding:0;border:0;background:none;text-align:left;position:relative;cursor:pointer;overflow:hidden}.portfolio-item img{width:100%;height:clamp(230px,36vw,480px);object-fit:cover;display:block;transition:transform .7s}.portfolio-item:hover img{transform:scale(1.025)}.portfolio-item>span{display:block;padding-top:15px;font-size:8px;letter-spacing:.13em;color:var(--muted)}.portfolio-item>span b{display:block;font:17px var(--serif);letter-spacing:-.04em;color:var(--ink);margin-top:6px}.portfolio-item>i{position:absolute;right:0;bottom:4px;font-style:normal}.lightbox{max-width:min(92vw,1100px);max-height:92vh;border:0;padding:0;background:#171b18;color:white}.lightbox::backdrop{background:rgba(14,18,15,.9)}.lightbox img{display:block;max-width:88vw;max-height:82vh;object-fit:contain}.lightbox p{font:14px var(--serif);padding:0 20px 12px}.lightbox-close{position:absolute;right:10px;top:7px;border:0;background:#202520;color:white;font-size:30px;width:42px;height:42px;cursor:pointer}.contact-page{min-height:calc(100vh - 84px);padding-top:clamp(80px,12vw,160px);position:relative}.contact-page h1{line-height:1.5}.contact-lead{font-size:14px;line-height:2;color:#77796f;margin:27px 0 44px}.contact-number{font:clamp(33px,6vw,70px) var(--sans);letter-spacing:-.05em;border-bottom:1px solid var(--ink);padding-bottom:10px;display:inline-flex;align-items:center;gap:24px}.contact-number span{font-size:.4em}.contact-note{font-size:11px;line-height:1.9;color:#85867d;margin-top:21px}.contact-bottom{position:absolute;bottom:30px;left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;font-size:8px;letter-spacing:.13em;color:#8c8d83}@keyframes slowzoom{from{transform:scale(1)}to{transform:scale(1.045)}}
.will-reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.will-reveal.is-visible{opacity:1;transform:translateY(0)}
@media(max-width:760px){:root{--pad:24px}.header{height:68px;padding:0 22px}.brand img{width:106px}.menu-toggle{display:flex;flex-direction:column;gap:5px;border:0;background:none;padding:10px;z-index:12}.menu-toggle span{width:23px;height:1px;background:var(--ink);transition:.25s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3px) rotate(-45deg)}.main-nav{display:flex;position:fixed;inset:0;background:var(--paper);z-index:11;flex-direction:column;justify-content:center;gap:31px;font:22px var(--serif);letter-spacing:0;transform:translateY(-105%);transition:transform .45s cubic-bezier(.6,0,.2,1)}.main-nav.is-open{transform:translateY(0)}.main-nav .nav-call{font:15px var(--sans);letter-spacing:.08em;margin-top:4px}.hero{height:calc(88svh - 68px);min-height:590px;max-height:760px}.hero-photo{background-position:57% center}.hero-shade{background:linear-gradient(90deg,rgba(20,29,25,.53),rgba(20,29,25,.08)),linear-gradient(0deg,rgba(20,29,25,.28),transparent 36%)}.hero-copy{top:48%;left:24px;right:22px}.hero h1{font-size:clamp(39px,10vw,58px)}.hero-sub{font-size:12px;margin:17px 0 27px}.hero-caption{left:24px;right:24px;bottom:21px;font-size:7px}.hero-index{left:91px;bottom:14px;font-size:9px}.section-pad{padding:78px 24px}.intro-grid{grid-template-columns:1fr;gap:26px;margin:34px 0 40px}.intro h2,.services h2{font-size:34px}.intro-text p,.detail-grid p{font-size:13px}.work{padding-top:20px}.section-head{align-items:start;gap:14px;margin-bottom:25px}.section-head h2{font-size:24px;margin-top:14px}.section-head>.text-link{font-size:9px;gap:8px;margin-top:22px;white-space:nowrap}.work-grid{grid-template-columns:1fr 1fr;gap:9px}.work-card,.work-card:first-child{height:260px}.work-card:first-child{grid-column:span 2;height:320px}.work-label{left:13px;bottom:14px;font-size:8px}.work-label small{font-size:12px}.services{grid-template-columns:1fr;gap:36px}.services h2{margin:23px 0 13px}.services-intro>p{font-size:12px}.service-list a{min-height:61px;font-size:16px}.cta{height:370px}.cta h2{font-size:34px}.footer{padding:31px 24px 26px;padding-bottom:100px}.footer-top img{width:108px}.footer-phone{font-size:17px}.footer-phone span{margin-left:6px}.footer-bottom{flex-direction:column;gap:8px;font-size:8px}.mobile-call{display:block;position:fixed;z-index:9;bottom:0;left:0;right:0;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:rgba(246,245,240,.96);border-top:1px solid var(--line);backdrop-filter:blur(12px)}.mobile-call>a{display:flex;align-items:center;justify-content:center;gap:12px;height:52px;background:var(--ink);color:white}.call-icon{width:30px;height:30px;border:1px solid rgba(255,255,255,.45);border-radius:50%;display:grid;place-items:center;font-size:14px}.mobile-call small,.mobile-call b{display:block}.mobile-call small{font-size:8px;letter-spacing:.12em;color:#c5c6bc}.mobile-call b{font-size:14px;letter-spacing:.08em;margin-top:2px}.subhero{height:465px}.subhero-copy{left:24px;right:24px}.subhero h1{font-size:clamp(36px,9vw,53px)}.subhero-copy>p:last-child{font-size:11px}.subhero-foot{left:24px;bottom:20px}.detail{padding-top:69px;padding-bottom:75px}.detail-grid{grid-template-columns:1fr;gap:20px;margin-top:30px}.detail-grid h2{font-size:32px}.detail-grid h2 em{font-size:.52em}.point-grid{margin-top:40px}.point-grid article{min-height:130px;padding:16px 8px 12px 0}.point-grid article+article{padding-left:12px}.point-grid h3{font-size:13px;line-height:1.65;margin:19px 0 10px}.feature-image{height:330px}.feature-image>div{padding:24px}.feature-image b{font-size:20px}.related{padding-top:68px;padding-bottom:70px}.related-grid{grid-template-columns:1fr}.related-grid a,.related-grid a+a{padding:16px 35px 16px 0;border-left:0}.related-grid b{font-size:15px}.related-grid i{top:24px}.contact-strip{padding:26px 24px;gap:12px}.contact-strip p{font-size:14px}.contact-strip a{font-size:16px;white-space:nowrap}.contact-strip span{margin-left:5px}.page-intro{padding-top:83px;padding-bottom:52px}.page-intro h1,.contact-page h1{font-size:clamp(37px,9vw,57px)}.page-intro>p:last-child{font-size:12px}.about-photo{height:330px}.manifesto{padding:65px 24px;flex-direction:column;gap:12px}.manifesto p{font-size:25px;margin:13px 0}.portfolio-grid{padding-top:5px;grid-template-columns:1fr;gap:26px}.portfolio-item img{height:300px}.portfolio-item>span b{font-size:16px}.contact-page{min-height:calc(100svh - 68px);padding-top:95px;padding-bottom:120px}.contact-page h1{font-size:48px}.contact-lead{font-size:13px;margin:22px 0 37px}.contact-number{font-size:38px;gap:14px}.contact-note{font-size:10px}.contact-bottom{bottom:90px;left:24px;right:24px;font-size:7px;gap:12px}.contact-bottom span:last-child{text-align:right}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}.will-reveal{opacity:1;transform:none}}

.portfolio-count{display:inline-block;margin-top:9px;color:#8b887e;font:8px 'Noto Sans KR',sans-serif;letter-spacing:.14em}.portfolio-item:focus-visible{outline:2px solid #a39473;outline-offset:4px}.lightbox[open]{display:flex;align-items:center;justify-content:center;gap:clamp(8px,2vw,24px);width:min(94vw,1280px);max-width:94vw;max-height:92vh;padding:46px 22px 18px;overflow:visible}.lightbox figure{margin:0;min-width:0;max-width:100%;text-align:center}.lightbox figure img{display:block;max-width:min(78vw,1080px);max-height:76vh;width:auto;height:auto;object-fit:contain;margin:auto}.lightbox figcaption{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:15px 3px 0;color:#fff}.lightbox-title{font:14px 'Noto Sans KR',sans-serif;text-align:left}.lightbox-count{font:10px 'Noto Sans KR',sans-serif;color:#c7c5bb;letter-spacing:.12em;white-space:nowrap}.lightbox-nav{flex:0 0 42px;width:42px;height:42px;border:1px solid rgba(255,255,255,.5);border-radius:50%;background:rgba(255,255,255,.07);color:white;font:30px/1 var(--sans);cursor:pointer;transition:background .2s,color .2s}.lightbox-nav:hover{background:#fff;color:var(--ink)}.lightbox-close{z-index:2}.portfolio-item>i{pointer-events:none}
@media(max-width:760px){.lightbox[open]{width:96vw;max-width:96vw;max-height:90vh;gap:5px;padding:44px 8px 14px}.lightbox-nav{flex-basis:34px;width:34px;height:34px;font-size:25px}.lightbox figure{flex:1}.lightbox figure img{max-width:calc(96vw - 92px);max-height:70vh}.lightbox figcaption{padding:12px 2px 0;gap:8px}.lightbox-title{font-size:12px}.lightbox-count{font-size:9px}.portfolio-count{font-size:7px}}
.feature-values{background:#fff}.feature-values>.section-kicker{text-align:center}.feature-values-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,4vw,56px);margin-top:45px}.feature-values-grid article{text-align:center;padding:0 12px;word-break:keep-all}.feature-icon{width:78px;height:78px;margin:0 auto 22px;border:1px solid #e1ded7;border-radius:50%;display:grid;place-items:center;color:#8e8275}.feature-icon svg{width:36px;height:36px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.feature-values-grid h3{font:500 19px var(--serif);letter-spacing:-.04em;margin:0 0 14px}.feature-values-grid p{max-width:330px;margin:0 auto;color:#77796f;font-size:13px;line-height:1.9}.feature-values-grid article.will-reveal{transition-delay:.08s}.feature-values-grid article:nth-child(2).will-reveal{transition-delay:.16s}.feature-values-grid article:nth-child(3).will-reveal{transition-delay:.24s}
@media(max-width:760px){.feature-values-grid{grid-template-columns:1fr;gap:34px;margin-top:35px}.feature-values-grid article{padding:0 12px}.feature-icon{width:66px;height:66px;margin-bottom:15px}.feature-icon svg{width:31px;height:31px}.feature-values-grid h3{font-size:17px;margin-bottom:9px}.feature-values-grid p{font-size:12px}.manifesto{padding:82px 24px}.manifesto p{line-height:1.85}}
.work-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.work-card,.work-card:first-child{height:auto;aspect-ratio:1.46}.work-card img{width:100%;height:100%;object-fit:cover}.portfolio-item img{height:auto;aspect-ratio:1.5;object-fit:cover;transform:scale(1.045);transition:transform .65s ease}.portfolio-item:hover img{transform:scale(1.09)}
.portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 16px}.portfolio-item img{height:auto;aspect-ratio:1.5;object-fit:cover;object-position:center;transform:none}.portfolio-item:hover img{transform:scale(1.025)}.portfolio-item>span{font-size:9px}.portfolio-item>span b{font-size:18px}.portfolio-count{font-size:8px}.portfolio-item[data-title="뿌리병원"] img{object-position:center bottom}.lightbox figure{width:min(68vw,760px)}.lightbox figure img{width:100%;height:auto;aspect-ratio:1.5;max-width:100%;max-height:68vh;object-fit:cover;object-position:center}.lightbox[data-project="뿌리병원"] figure img{object-position:center bottom}.lightbox-title{font-size:16px}
.subhero-img{background-size:110% auto;background-position:left center}
.hero-photo{background-image:var(--hero-image,url('work-home.jpg'));opacity:0;transform:scale(1.025);animation:none;transition:opacity 1.3s ease}.hero-slide-one{--hero-image:url('hero-daecheong.jpg')}.hero-slide-two{--hero-image:url('work-cafe.jpg')}.hero-photo.is-active{opacity:1;animation:slowzoom 12s ease-in-out infinite alternate}.hero-dots{position:absolute;right:var(--pad);bottom:58px;z-index:2;display:flex;gap:8px}.hero-dots button{border:0;width:20px;height:2px;background:rgba(255,255,255,.52);padding:0;cursor:pointer;transition:width .3s,background .3s}.hero-dots button.is-active{width:38px;background:#fff}.hero-action{display:inline-flex;align-items:center;gap:30px;padding:15px 20px;margin:0 0 0 14px;background:rgba(246,245,240,.88);color:var(--ink);font-size:12px;letter-spacing:.02em;transition:background .25s}.hero-action:hover{background:#fff}.hero-action span{font-size:16px}
.about-editorial{display:grid;grid-template-columns:.92fr 1.08fr;gap:clamp(38px,7vw,110px);align-items:center;padding-top:72px;padding-bottom:86px}.about-editorial-copy h1{font:500 clamp(42px,5.1vw,68px)/1.28 var(--serif);letter-spacing:-.075em;margin:28px 0 26px}.about-editorial-copy h1 em{font-style:normal;color:#a39473}.about-editorial-copy>p:not(.eyebrow){max-width:550px;font-size:14px;line-height:2;color:#666b63;word-break:keep-all}.about-editorial-copy .about-lead{font-size:16px!important;color:var(--ink)!important}.about-editorial-photo{height:clamp(470px,54vw,700px);overflow:hidden;background:#e9e7df}.about-editorial-photo img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.about-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:36px;padding-top:20px;border-top:1px solid var(--line)}.about-facts div{display:flex;flex-direction:column;gap:7px}.about-facts strong{font:600 19px var(--sans);letter-spacing:-.03em}.about-facts span{font-size:9px;letter-spacing:.1em;color:var(--muted)}.about-trust{background:#f0efe9}.about-trust-head{max-width:790px;margin-bottom:45px}.about-trust-head .eyebrow{color:var(--muted)}.about-trust-head h2{font:500 clamp(30px,4vw,50px)/1.5 var(--serif);letter-spacing:-.065em;margin:0 0 15px}.about-trust-head h2 em{font-style:normal;color:#9d8d6b}.about-trust-head>p:last-child{color:#72736c;font-size:13px;line-height:1.9}.trust-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.trust-grid article{min-height:190px;padding:19px 15px 17px;border:1px solid #deddd5;border-radius:8px;background:#f8f7f3}.trust-grid small{font:14px var(--sans);color:#8e9db4}.trust-grid h3{font:500 15px/1.55 var(--serif);margin:17px 0 12px;letter-spacing:-.04em}.trust-grid p{font-size:10px;line-height:1.75;color:#77796f;margin:0}.about-principles>h2,.specialty-section>h2{font:500 clamp(27px,3vw,38px) var(--serif);letter-spacing:-.06em;margin:18px 0 32px}.principle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.principle-grid article{padding:24px;border:1px solid #dce0e8;border-radius:9px;background:#fff;text-align:center}.principle-grid article:nth-child(2){border-color:#bd8f5f;background:#fffaf4}.principle-grid span,.specialty-grid article>span{font-size:9px;font-weight:600;letter-spacing:.1em;color:#8f9db3}.principle-grid article:nth-child(2)>span{color:#bd7743}.principle-grid h3{font:600 21px var(--serif);margin:9px 0 15px}.principle-grid p{max-width:320px;margin:auto;color:#6c7180;font-size:12px;line-height:1.85;word-break:keep-all}.specialty-section{background:#f4f6f5}.specialty-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.specialty-grid article{padding:24px;border:1px solid #dce1e8;border-radius:9px;background:#fff}.specialty-grid article:nth-child(2)>span{background:#f17716}.specialty-grid article>span{display:inline-block;padding:5px 9px;background:#253e9d;color:#fff;border-radius:5px}.specialty-grid article:nth-child(3)>span{background:#334155}.specialty-grid h3{font:500 20px var(--serif);margin:16px 0 12px}.specialty-grid ul{padding-left:17px;margin:0;color:#687080;font-size:12px;line-height:2}.specialty-grid li::marker{color:#a39473}
@media(max-width:900px){.trust-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.about-editorial{gap:34px}.about-editorial-photo{height:560px}}
@media(max-width:1100px){.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.portfolio-grid{grid-template-columns:1fr;gap:25px}.portfolio-item img{aspect-ratio:1.46}.lightbox[open]{gap:4px}.lightbox figure{width:calc(96vw - 92px)}.lightbox figure img{max-height:64vh}.work-grid{grid-template-columns:1fr;gap:12px}.work-card,.work-card:first-child{height:auto;aspect-ratio:1.5}.hero-action{margin:0 0 0 8px;padding:13px 14px;font-size:11px}.hero-dots{right:24px;bottom:55px}.about-editorial{grid-template-columns:1fr;gap:28px;padding-top:48px;padding-bottom:66px}.about-editorial-copy h1{font-size:42px;margin:20px 0}.about-editorial-copy .about-lead{font-size:14px!important}.about-editorial-photo{height:auto;aspect-ratio:1.05}.about-facts{gap:8px}.about-facts strong{font-size:16px}.about-facts span{font-size:8px;line-height:1.5}.about-trust{padding-top:68px;padding-bottom:70px}.about-trust-head{margin-bottom:28px}.trust-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.trust-grid article{min-height:160px;padding:16px 13px}.trust-grid h3{font-size:14px;margin:13px 0 10px}.trust-grid p{font-size:9px}.principle-grid,.specialty-grid{grid-template-columns:1fr;gap:10px}.principle-grid article,.specialty-grid article{padding:21px}.about-principles>h2,.specialty-section>h2{font-size:25px;margin-bottom:24px}}

.portfolio-item img{height:auto;aspect-ratio:1.5;object-fit:contain;background:#ebeae4}.portfolio-item{align-self:start}.lightbox figure img{image-rendering:auto}
@media(max-width:760px){.portfolio-item img{height:auto;aspect-ratio:1.32;object-fit:contain}.section-kicker{font-size:10px}.main-nav{font-size:18px}}

/* Keep every portfolio thumbnail in one identical frame on desktop and mobile. */
.portfolio-grid{align-items:start}
.portfolio-item{display:block;width:100%;min-width:0;overflow:hidden}
.portfolio-item>img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:center;background:#ebeae4;transform:none}
.portfolio-item:hover>img{transform:scale(1.025)}
@media(max-width:760px){.portfolio-grid{grid-template-columns:1fr}.portfolio-item>img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}}

/* Align the home hero call-to-action and slide number on one clean grid. */
.hero-copy .hero-action{display:inline-flex;align-self:flex-start;justify-content:space-between;gap:30px;min-width:270px;min-height:54px;margin:0;padding:0 19px;line-height:1.4}
.hero-copy .hero-action span{display:inline-flex;align-items:center;justify-content:center;flex:0 0 20px}
.hero-copy>.round-link{display:none}
.hero-copy>.hero-index{position:static;display:block;margin-top:14px;font-size:10px;line-height:1.4;letter-spacing:.12em;color:rgba(255,255,255,.78)}
@media(max-width:760px){.hero-copy .hero-action{min-width:min(270px,100%);min-height:52px;padding:0 16px;font-size:11px}.hero-copy>.hero-index{margin-top:12px;font-size:9px}.hero-dots{bottom:38px}}


/* transparent inline logo */.brand-logo{display:block;width:150px;height:auto;color:var(--ink)}.footer-top .brand-logo{color:#f5f4ef;width:150px}@media(max-width:760px){.brand .brand-logo{width:124px}.footer-top .brand-logo{width:128px}}
/* footer company info */.footer-info{font-style:normal;display:flex;flex-wrap:wrap;gap:8px 28px;padding-bottom:24px;color:rgba(245,244,239,.78);font-size:13px;line-height:1.6;letter-spacing:.02em}.footer-info b{font-weight:500;color:#a39473;margin-right:8px}.footer-info a{color:inherit;text-decoration:none}.footer-info a:hover{color:#f5f4ef}@media(max-width:760px){.footer-info{flex-direction:column;gap:4px;font-size:12px}}
.about-em{font-weight:700;font-size:1.08em;color:var(--ink)}

/* ===== 2026-11-10: larger text, tighter spacing ===== */
@media(min-width:761px){
.main-nav{font-size:15px}
.eyebrow{font-size:12px;margin-bottom:20px}
.hero-sub{font-size:17px;line-height:1.8;margin:18px 0 30px}
.hero-index,.hero-caption{font-size:11px}
.section-pad{padding:clamp(56px,6.5vw,96px) var(--pad)}
.section-kicker{font-size:13px}
.intro-grid{margin:32px 0 44px}
.intro-text{max-width:460px}
.intro-text p,.detail-grid p{font-size:16.5px;line-height:1.95;margin-bottom:20px}
.text-link{font-size:13px}
.section-head{margin-bottom:28px}
.section-head h2{font-size:clamp(30px,3.2vw,44px)}
.work-label{font-size:11px}.work-label small{font-size:17px}
.services-intro>p{font-size:16px}
.service-list a{font-size:21px;min-height:62px}
.cta{height:380px}
.cta-button,.hero-action{font-size:13px}
.footer-bottom{font-size:11px}
.subhero{height:480px}
.subhero-copy>p:last-child{font-size:15px}
.subhero-foot{font-size:10px}
.detail{padding-top:64px;padding-bottom:64px}
.point-grid{margin-top:44px}
.point-grid small{font-size:12px}
.point-grid h3{font-size:20px;margin:18px 0 10px}
.point-grid article>span{font-size:13px}
.feature-image span{font-size:11px}.feature-image b{font-size:28px}
.related{padding-top:64px;padding-bottom:64px}
.related-grid span{font-size:10px}.related-grid b{font-size:19px}
.page-intro{padding-top:72px;padding-bottom:44px}
.page-intro>p:last-child{font-size:16px}
.manifesto{padding:80px 10%}.manifesto>span{font-size:11px}
.portfolio-item>span{font-size:11px}.portfolio-item>span b{font-size:20px}
.portfolio-count{font-size:10px}
.contact-page{padding-top:clamp(60px,8vw,110px)}
.contact-lead{font-size:16px}.contact-note{font-size:13px}.contact-bottom{font-size:10px}
.feature-values-grid h3{font-size:25px}.feature-values-grid p{font-size:17px;max-width:380px;line-height:1.85}.feature-icon{width:92px;height:92px}.feature-icon svg{height:42px}.feature-values-grid{margin-top:36px}
}
@media(max-width:760px){
.section-pad{padding:56px 22px}
.eyebrow{font-size:11px}
.hero-sub{font-size:14px}
.hero-caption{font-size:9px}
.intro-text p,.detail-grid p{font-size:15px;line-height:1.85}
.services-intro>p{font-size:14px}
.service-list a{font-size:17px}
.section-head h2{font-size:26px}
.work-label{font-size:10px}.work-label small{font-size:14px}
.footer-bottom{font-size:10px}
.subhero-copy>p:last-child{font-size:13px}
.subhero-foot{font-size:10px}
.detail{padding-top:52px;padding-bottom:52px}
.point-grid h3{font-size:15px}
.point-grid small,.point-grid article>span{font-size:11px}
.related{padding-top:48px;padding-bottom:48px}
.related-grid span{font-size:10px}.related-grid b{font-size:16px}
.page-intro{padding-top:60px;padding-bottom:36px}
.page-intro>p:last-child{font-size:14px}
.manifesto{padding:56px 22px}.manifesto>span{font-size:10px}
.portfolio-item>span{font-size:10px}.portfolio-count{font-size:9px}
.contact-lead{font-size:15px}.contact-note{font-size:12px}.contact-bottom{font-size:9px}
.feature-values-grid p{font-size:14px}
.mobile-call small{font-size:10px}
}
/* ===== hover motion ===== */
@media(hover:hover) and (prefers-reduced-motion:no-preference){
.work-card,.feature-image,.about-photo{overflow:hidden}
.work-card img,.feature-image>img,.about-photo img{transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.work-card:hover img,.feature-image:hover>img,.about-photo:hover img{transform:scale(1.06)}
.portfolio-item{transition:transform .4s cubic-bezier(.2,.7,.2,1)}
.portfolio-item img{transition:filter .4s,box-shadow .4s}
.portfolio-item:hover{transform:translateY(-8px)}
.portfolio-item:hover img{filter:brightness(1.06);box-shadow:0 18px 34px rgba(38,51,45,.18)}
.portfolio-item>i{transition:transform .35s}
.portfolio-item:hover>i{transform:translate(4px,-4px)}
.main-nav a{transition:color .25s,transform .25s}
.main-nav a:not(.nav-call):hover{color:var(--accent);transform:translateY(-2px)}
.nav-call,.cta-button,.hero-action,.round-link{transition:transform .3s,background .3s,color .3s,box-shadow .3s}
.nav-call:hover,.cta-button:hover,.hero-action:hover{transform:translateY(-3px);box-shadow:0 10px 22px rgba(0,0,0,.14)}
.nav-call span,.cta-button span,.hero-action span,.text-link span{display:inline-block;transition:transform .3s}
.nav-call:hover span,.cta-button:hover span,.hero-action:hover span,.text-link:hover span{transform:translate(4px,-4px)}
.text-link{transition:gap .3s,color .3s}
.text-link:hover{color:var(--accent)}
.related-grid a,.point-grid article,.feature-values-grid article{transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.related-grid a:hover,.point-grid article:hover,.feature-values-grid article:hover{transform:translateY(-6px)}
.feature-icon{transition:transform .4s}
.feature-values-grid article:hover .feature-icon{transform:rotate(-6deg) scale(1.08)}
.brand-logo rect{transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.brand:hover .brand-logo rect:nth-of-type(2){transform:translate(-3px,-3px)}
.brand:hover .brand-logo rect:nth-of-type(1){transform:translate(2px,2px)}
}@media(min-width:761px){
.about-editorial{padding-top:56px;padding-bottom:64px}
.about-editorial-copy>p:not(.eyebrow){font-size:16.5px;line-height:1.9}
.about-editorial-copy .about-lead{font-size:18px!important}
.about-facts strong{font-size:22px}.about-facts span{font-size:12px}
.about-trust-head{margin-bottom:32px}
.about-trust-head>p:last-child{font-size:16px}
.trust-grid article{min-height:170px;padding:22px 18px 20px}
.trust-grid small{font-size:15px}
.trust-grid h3{font-size:18px;margin:14px 0 10px}
.trust-grid p{font-size:13px;line-height:1.7}
.about-principles>h2,.specialty-section>h2{margin:14px 0 26px}
.principle-grid span,.specialty-grid article>span{font-size:11px}
.principle-grid h3{font-size:24px}
.principle-grid p{font-size:15px}
.specialty-grid h3{font-size:23px}
.specialty-grid ul{font-size:15px;line-height:1.9}
.manifesto p{font-size:clamp(28px,3.2vw,44px)}
}
@media(max-width:760px){
.about-editorial-copy>p:not(.eyebrow){font-size:15px}
.about-editorial-copy .about-lead{font-size:16px!important}
.about-facts strong{font-size:18px}.about-facts span{font-size:10.5px}
.about-trust{padding-top:52px;padding-bottom:52px}
.about-trust-head>p:last-child{font-size:14px}
.trust-grid h3{font-size:16px}.trust-grid p{font-size:12px}
.principle-grid span,.specialty-grid article>span{font-size:10px}
.principle-grid p{font-size:14px}
.specialty-grid ul{font-size:14px}
}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
.trust-grid article,.principle-grid article,.specialty-grid article{transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s}
.trust-grid article:hover,.principle-grid article:hover,.specialty-grid article:hover{transform:translateY(-6px);box-shadow:0 14px 30px rgba(38,51,45,.12)}
}/* hero button: outlined glass, gold on hover */
.hero .hero-copy .hero-action{background:rgba(20,26,23,.18);color:#fff;border:1px solid rgba(255,255,255,.7);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:15px;font-weight:500;letter-spacing:.03em;min-height:56px;padding:0 22px}
.hero .hero-copy .hero-action span{font-size:18px}
.hero .hero-copy .hero-action:hover{background:#a39473;border-color:#a39473;color:#fff}
@media(max-width:760px){.hero .hero-copy .hero-action{font-size:14px;min-height:52px;padding:0 18px}}
/* Social shortcuts stay clear of the mobile telephone bar and device safe areas. */
.social-shortcuts{position:fixed;right:max(24px,env(safe-area-inset-right));bottom:calc(24px + env(safe-area-inset-bottom));z-index:15;display:flex;flex-direction:column;gap:12px}
.social-shortcut{display:grid;place-items:center;width:68px;height:68px;border-radius:50%;box-shadow:0 4px 18px rgba(0,0,0,.18);transition:transform .2s,box-shadow .2s}
.social-shortcut svg{display:block;width:40px;height:40px}
.social-kakao{background:#fee500;color:#381e1f}.social-blog{background:#03c75a;color:#fff}
.social-shortcut:focus-visible{outline:3px solid var(--ink);outline-offset:4px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.social-shortcut:hover{transform:translateY(-3px);box-shadow:0 7px 22px rgba(0,0,0,.24)}}
@media(max-width:760px){.social-shortcuts{right:max(16px,env(safe-area-inset-right));bottom:calc(90px + env(safe-area-inset-bottom));gap:10px}.social-shortcut{width:56px;height:56px}.social-shortcut svg{width:34px;height:34px}body.nav-open .social-shortcuts{visibility:hidden}}
/* Show the complete project photo at its original ratio, without cropping. */
.feature-image{height:auto;width:100%;max-width:none;margin-inline:0}
.feature-image>img{display:block;width:100%;height:auto;object-fit:contain}
@media(hover:hover){.feature-image:hover>img{transform:none}}
/* Use wide project photographs without the previous extra 110% zoom. */
.subhero-img{background-size:cover;background-position:center}
@media(min-width:761px){.subhero{height:clamp(420px,38vw,640px)}}

/* Apply the same sans-serif to form controls and inline SVG brand lettering. */
input,textarea,select{font-family:var(--sans)}
.brand-logo text{font-family:var(--sans)}

/* Typography matched to the supplied LJ Interior screenshots. */
body{font-weight:400}
h1,h2,h3,h4,h5,h6{font-family:var(--sans);font-weight:700;letter-spacing:-.035em}
.hero h1,.subhero h1,.page-intro h1,.contact-page h1,.about-editorial-copy h1{font-weight:700;letter-spacing:-.04em;line-height:1.25}
.hero h1{font-size:clamp(40px,5.2vw,72px)}
.subhero h1{font-size:clamp(36px,4.5vw,60px)}
.page-intro h1{font-size:48px}
.about-editorial-copy h1,.contact-page h1{font-size:60px}
.intro h2,.services h2,.detail h2,.section-head h2,.cta h2,.about-trust-head h2,.about-principles>h2,.specialty-section>h2{font-weight:700;letter-spacing:-.035em;line-height:1.4}
.feature-values-grid h3,.point-grid h3,.trust-grid h3,.principle-grid h3,.specialty-grid h3{font-weight:700;letter-spacing:-.025em}
.main-nav{font-weight:500;letter-spacing:0;text-transform:none}
.hero-sub,.intro-text p,.detail-grid p,.about-editorial-copy>p:not(.eyebrow),.contact-lead{font-weight:400;letter-spacing:-.015em;line-height:1.8}
.about-editorial-copy>p:not(.eyebrow){font-size:17px}
.page-intro>p:last-child{font-size:16px;line-height:1.6;letter-spacing:-.01em}
.portfolio-item>span b{font-family:var(--sans);font-size:24px;font-weight:700;letter-spacing:-.025em;line-height:1.4}
.portfolio-item>span,.portfolio-count,.lightbox-count{font-weight:600}
.lightbox-title,.work-label small,.related-grid b,.service-list a,.feature-image b{font-weight:600;letter-spacing:-.025em}
.eyebrow,.section-kicker{font-weight:600}
.about-facts strong{font-weight:700;font-size:30px}
.about-facts span{font-weight:600}
.brand-logo text{font-weight:700}
@media(max-width:760px){
.hero h1{font-size:clamp(36px,9vw,48px)}
.subhero h1{font-size:clamp(32px,8vw,44px)}
.page-intro h1{font-size:36px}
.about-editorial-copy h1,.contact-page h1{font-size:42px}
.about-editorial-copy>p:not(.eyebrow){font-size:15px}
.page-intro>p:last-child{font-size:14px}
.portfolio-item>span b{font-size:21px}
.about-facts strong{font-size:24px}
}

/* Select different, subject-appropriate photos for each section. */
.hero-slide-one{--hero-image:url('hero-lobby-clean.jpg')}
.hero-slide-two{--hero-image:url('gallery/portfolio-56.jpg')}
.cta-bg{background-image:linear-gradient(rgba(27,38,33,.57),rgba(27,38,33,.58)),url('gallery/portfolio-23.jpg')}
.about-editorial-photo{height:auto;aspect-ratio:4/3}
.about-editorial-photo img{display:block;width:100%;height:auto;object-fit:contain}
/* Avoid zooming the new photographs beyond the space needed to fill the banner. */
.hero-photo{transform:none}
.hero-photo.is-active{animation:none}

/* Preserve the full banner photograph; put mobile copy below it for legibility. */
.subhero{height:auto;width:100%;aspect-ratio:var(--banner-ratio,16/9);max-width:none;margin-inline:0}
.subhero-img{background-size:100% 100%;background-position:center}
@media(min-width:761px){.hero{width:100%;height:auto;min-height:0;aspect-ratio:16/9;max-width:none;margin-inline:0}}
@media(max-width:760px){
.subhero{aspect-ratio:auto;display:flex;flex-direction:column;background:var(--ink)}
.subhero-img{position:relative;inset:auto;width:100%;aspect-ratio:var(--banner-ratio,16/9);flex-shrink:0}
.subhero-tint{display:none}
.subhero-copy{position:static;transform:none;max-width:none;padding:28px 24px 20px}
.subhero-copy h1{font-size:clamp(30px,8vw,40px)}
.subhero-copy .eyebrow{margin-bottom:18px;font-size:10px}
.subhero-foot{position:static;padding:0 24px 22px;flex-wrap:wrap}
.hero{height:auto;min-height:0;max-height:none;padding-top:56.25%;background:var(--ink)}
.hero-photo{inset:0 0 auto;width:100%;height:auto;aspect-ratio:16/9;background-position:center;background-size:cover}
.hero-shade{display:none}
.hero-copy{position:relative;inset:auto;transform:none;max-width:none;padding:28px 24px}
.hero h1{font-size:clamp(32px,8.5vw,44px)}
.hero-dots{bottom:auto;top:calc(56.25vw - 24px)}
.hero-caption{position:static;padding:0 24px 24px;gap:12px;flex-wrap:wrap}
}

/* Compact section rhythm: keep hierarchy while removing empty vertical space. */
.section-pad{padding-block:clamp(44px,5vw,72px)}
.page-intro{padding-top:56px;padding-bottom:28px}
.section-head{margin-bottom:24px}
.intro-grid{margin-top:28px;margin-bottom:32px}
.detail,.related{padding-top:52px;padding-bottom:52px}
.about-editorial{padding-top:44px;padding-bottom:48px}
.about-trust{padding-top:48px;padding-bottom:48px}
.about-trust-head{margin-bottom:28px}
.manifesto{display:grid;grid-template-columns:minmax(160px,1fr) minmax(0,2fr);align-items:center;gap:24px;padding:36px var(--pad)}
.manifesto>span{font-size:11px;line-height:1.6;letter-spacing:.12em}
.manifesto p{margin:0;text-align:right;font-size:clamp(28px,3vw,40px);font-weight:600;line-height:1.4;letter-spacing:-.035em}
.feature-values-grid{margin-top:28px}
.services h2{margin-top:24px;margin-bottom:18px}
@media(max-width:760px){
.section-pad{padding-top:40px;padding-bottom:40px}
.page-intro{padding-top:40px;padding-bottom:24px}
.intro-grid{margin-top:24px;margin-bottom:28px;gap:20px}
.detail,.related{padding-top:40px;padding-bottom:40px}
.about-editorial{padding-top:36px;padding-bottom:40px;gap:24px}
.about-trust{padding-top:40px;padding-bottom:40px}
.about-editorial-copy h1{margin-top:18px;margin-bottom:20px}
.about-facts{margin-top:24px}
.manifesto{grid-template-columns:1fr;gap:12px;padding:28px 22px}
.manifesto>span{text-align:left;font-size:10px}
.manifesto p{text-align:left;font-size:28px;line-height:1.4;margin:0}
.feature-values-grid{margin-top:24px;gap:28px}
.services{gap:28px}
}

/* Fill the viewport width without cropping the banner photographs. */
.hero-photo{background-size:100% 100%;background-position:center}

/* Clear open-chat contact entry points on Home, About, and Reservation. */
.chat-inquiry{margin-top:24px}
.chat-inquiry-link{display:inline-flex;align-items:center;justify-content:center;gap:12px;max-width:100%;min-height:52px;padding:14px 20px;background:#fee500;color:#381e1f;border:1px solid transparent;border-radius:6px;font-size:15px;font-weight:600;line-height:1.5}
.chat-inquiry-link svg{width:23px;height:23px;flex-shrink:0}
.chat-inquiry-link>span:last-child{margin-left:10px}
.chat-inquiry-link:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.chat-inquiry .chat-inquiry-note{margin:10px 0 0;font-size:13px;font-weight:400;line-height:1.6;color:var(--muted);word-break:keep-all}
.cta .chat-inquiry{margin-top:18px}
.cta .chat-inquiry-note{color:rgba(255,255,255,.85)}
.cta{height:auto;min-height:380px;padding:48px var(--pad)}
.contact-page .contact-bottom{position:static;margin-top:36px}
@media(hover:hover){.chat-inquiry-link:hover{background:#f5db00}}
@media(max-width:760px){.chat-inquiry{margin-top:20px}.chat-inquiry-link{padding:13px 16px;font-size:14px;gap:10px}.chat-inquiry .chat-inquiry-note{font-size:12px}.cta{min-height:0;padding:40px 22px}.contact-page{padding-bottom:100px}}

/* Quiet contact links complement the separate floating brand-color shortcuts. */
.contact-channel-links{display:flex;align-items:stretch;flex-wrap:wrap;gap:12px}
.cta .contact-channel-links{justify-content:center}
.chat-inquiry-link{min-height:52px;border:1px solid var(--line);border-radius:4px;background:transparent;color:var(--ink);font-weight:500;transition:transform .22s ease,background-color .22s ease,border-color .22s ease,color .22s ease,box-shadow .22s ease}
.chat-inquiry-link svg{width:21px;height:21px;transition:transform .22s ease}
.chat-inquiry-link>span:last-child{transition:transform .22s ease}
.cta .chat-inquiry-link{border-color:rgba(255,255,255,.65);background:rgba(24,33,28,.25);color:#fff}
.chat-inquiry .chat-inquiry-note{font-size:12px;line-height:1.7;margin-top:12px}
.cta .chat-inquiry-note{color:rgba(255,255,255,.72)}
@media(hover:hover){
.chat-inquiry-link:hover{background:var(--ink);border-color:var(--ink);color:#fff}
.cta .chat-inquiry-link:hover{background:var(--paper);border-color:var(--paper);color:var(--ink)}
}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
.chat-inquiry-link:hover{transform:translateY(-3px);box-shadow:0 7px 18px rgba(0,0,0,.13)}
.chat-inquiry-link:hover>span:last-child{transform:translate(3px,-3px)}
.chat-inquiry-link:hover svg{transform:scale(1.06)}
}
@media(max-width:760px){
.contact-channel-links{gap:10px}
.contact-channel-links .chat-inquiry-link{flex:1 1 240px}
.cta .contact-channel-links{max-width:360px;margin-inline:auto}
}

/* Three equal contact buttons share one aligned row. */
.cta-copy{width:100%}
.cta .contact-channel-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;max-width:900px;margin-inline:auto}
.cta .contact-channel-links .chat-inquiry-link{width:100%;min-width:0;min-height:56px;justify-content:flex-start;padding:14px 18px;gap:10px;font-size:clamp(12px,1vw,15px)}
.cta .contact-channel-links .chat-inquiry-link>span:last-child{margin-left:auto}
.cta .contact-channel-links .chat-inquiry-link svg{flex:0 0 21px}
@media(max-width:760px){
.cta .contact-channel-links{grid-template-columns:1fr;max-width:360px;gap:10px}
.cta .contact-channel-links .chat-inquiry-link{min-height:52px;padding:13px 18px;font-size:14px}
}

/* Reservation: emphasize open chat and keep the telephone as a secondary option. */
.contact-page .chat-inquiry{margin-top:28px;max-width:740px}
.contact-page .contact-channel-links{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:12px}
.contact-page .chat-inquiry-link{min-width:0;min-height:64px;padding:16px 20px;gap:12px}
.contact-page .chat-inquiry-link>span:last-child{margin-left:auto}
.contact-page .chat-inquiry-link:not(.blog-inquiry-link){background:var(--ink);border-color:var(--ink);color:#fff;font-size:17px;font-weight:700;box-shadow:0 5px 15px rgba(38,51,45,.12)}
.contact-page .chat-inquiry-link:not(.blog-inquiry-link) svg{width:26px;height:26px}
.contact-page .blog-inquiry-link{font-size:14px;font-weight:500}
.contact-phone-secondary{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;max-width:740px;margin-top:28px;padding-top:20px;border-top:1px solid var(--line)}
.contact-phone-label{font-size:13px;color:var(--muted)}
.contact-page .contact-phone-secondary .contact-number{font-size:26px;line-height:1.4;font-weight:500;letter-spacing:-.025em;border:0;padding:0;gap:10px}
.contact-phone-secondary .contact-note{margin:0;font-size:12px}
@media(hover:hover){.contact-page .chat-inquiry-link:not(.blog-inquiry-link):hover{background:#405147;border-color:#405147;color:#fff}}
@media(max-width:760px){
.contact-page .contact-channel-links{grid-template-columns:1fr}
.contact-page .chat-inquiry-link:not(.blog-inquiry-link){font-size:16px;min-height:62px}
.contact-page .blog-inquiry-link{min-height:50px}
.contact-page .contact-phone-secondary .contact-number{font-size:23px}
.contact-phone-secondary .contact-note{flex-basis:100%}
}