@font-face{font-family:Pretendard;src:url('assets/fonts/PretendardSite.woff2') format('woff2');font-weight:45 920;font-style:normal;font-display:swap}
:root{--paper:#f5f3ed;--white:#fff;--ink:#242c26;--muted:#71766b;--olive:#4f6047;--line:#d8dbce;--sage:#e6e9dc;--dark:#26352e;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Pretendard,-apple-system,BlinkMacSystemFont,'Segoe UI','Malgun Gothic',sans-serif;line-height:1.65;word-break:keep-all;-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button{border:0;background:none}img{display:block;max-width:100%;object-fit:cover}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.25;font-weight:600;letter-spacing:-.05em}h2{font-size:clamp(32px,3.4vw,52px)}p{letter-spacing:-.022em}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #a47b35;outline-offset:5px}::selection{background:#cdd5b7}.wrap{max-width:1440px;width:calc(100% - 112px);margin-inline:auto}.section-space{padding-block:112px}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.14em;line-height:1.5;display:flex;align-items:center;gap:10px;margin-bottom:28px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--olive);box-shadow:0 0 0 4px #4f604710}.muted-heading{color:#8a8d80}.small-count{font-size:10px;letter-spacing:.06em;padding:3px 8px;border:1px solid #d3d7c8;border-radius:3px;margin-left:5px}.skip-link{position:fixed;left:16px;top:-100px;z-index:1000;padding:12px 22px;background:var(--ink);color:white}.skip-link:focus{top:12px}.reading-progress{position:fixed;inset:0 auto auto 0;height:2px;width:0;background:var(--olive);z-index:101}.site-header{position:sticky;top:0;z-index:40;background:#f5f3edef;backdrop-filter:blur(18px);border-bottom:1px solid transparent;transition:border-color .3s}.site-header.scrolled{border-bottom-color:var(--line)}.header-inner{height:91px;max-width:1600px;width:calc(100% - 112px);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center}.brand-mark{width:173px;height:44px;overflow:hidden;display:block;mix-blend-mode:multiply}.brand-mark img{width:692px;height:auto;max-width:none;transform:translate(-246px,-7px)}.desktop-nav{display:flex;align-items:center;gap:30px;font-size:13px}.desktop-nav a{position:relative;padding:12px 0}.desktop-nav a:after{content:'';position:absolute;left:0;bottom:5px;width:100%;height:1px;background:var(--olive);transform:scaleX(0);transform-origin:left;transition:transform .3s}.desktop-nav a:hover:after{transform:scaleX(1)}.header-contact{background:var(--ink);color:var(--paper);border-radius:40px;padding:12px 22px;font-size:12px;display:flex;gap:22px;align-items:center;transition:background .3s}.header-contact:hover{background:var(--olive)}.header-contact span{font-size:19px}.menu-toggle{display:none}.mobile-menu{display:none}.hero{min-height:710px;display:grid;grid-template-columns:1fr 1.06fr;align-items:center;gap:42px;padding-block:42px 70px}.hero-copy{position:relative;padding-block:22px 0}.hero .eyebrow{margin-bottom:34px;font-size:10px}.hero h1{font-size:clamp(46px,5.05vw,78px);line-height:1.2;letter-spacing:-.065em;font-weight:550}.hero h1>span{display:block;animation:hero-in 1s var(--ease) both}.hero h1>span:nth-child(2){animation-delay:.12s}.hero h1>span:nth-child(3){animation-delay:.24s}.serif-line{color:var(--olive)}.hero-description{font-size:15px;line-height:1.9;color:#687061;margin-top:30px}.hero-actions{display:flex;align-items:center;gap:27px;margin-top:34px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:17px 23px;font-size:13px;line-height:1.4;border-radius:4px;transition:background .3s,transform .3s;min-height:53px;font-weight:500}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--olive);color:white}.button.primary:hover{background:#364830}.button.outline{border:1px solid #b8bfae;background:transparent}.button.outline:hover{background:#e1e6d4}.button span{font-size:19px;font-weight:400}.button svg{height:19px;width:19px;fill:none;stroke:currentColor;stroke-width:1.5}.text-link{font-size:13px;display:inline-flex;align-items:center;gap:14px;position:relative;line-height:1.6;padding:9px 0;min-height:40px}.text-link:after{content:'';height:1px;background:currentColor;position:absolute;bottom:6px;left:0;right:0;opacity:.4;transform-origin:left;transition:transform .4s}.text-link:hover:after{transform:scaleX(.7)}.text-link span{font-size:18px}.hero-foot{margin-top:66px;font-size:10px;color:var(--muted);display:flex;flex-direction:column;gap:25px}.hero-foot>span{display:flex;gap:12px;align-items:center;font-size:11px}.hero-foot i{width:3px;height:3px;background:#a6ac9d;border-radius:50%}.hero-foot>a{display:flex;gap:28px;align-items:center;font-size:9px;letter-spacing:.11em}.hero-foot>a span{font-size:18px;color:var(--ink)}.hero-visual{height:610px;position:relative;display:grid;grid-template-columns:1fr .35fr;gap:15px;align-items:center}.hero-photo-main{height:100%;position:relative;border-radius:160px 3px 3px 3px;overflow:hidden;animation:photo-in 1.3s var(--ease) both}.hero-photo-main:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#111b167c);pointer-events:none}.hero-photo-main>img{width:100%;height:100%;object-position:53% 50%;animation:photo-scale 1.8s var(--ease) both}.photo-index{position:absolute;right:22px;top:24px;font-size:8px;letter-spacing:.13em;color:white;text-shadow:0 1px 8px #0008}.hero-photo-caption{position:absolute;z-index:2;left:25px;right:25px;bottom:25px;color:white;font-size:11px}.hero-photo-caption strong{display:flex;font-size:18px;font-weight:500;justify-content:space-between;margin-top:8px}.hero-photo-secondary{height:66%;position:relative;align-self:end;margin-bottom:58px;overflow:hidden;animation:photo-in 1.5s var(--ease) both}.hero-photo-secondary img{height:100%;width:100%;object-position:60% 50%;filter:brightness(.92)}.hero-photo-secondary span{position:absolute;writing-mode:vertical-rl;right:12px;bottom:16px;color:white;letter-spacing:.15em;font-size:8px;text-shadow:0 1px 5px #0006}.hero-seal{position:absolute;right:3%;top:2%;width:126px;height:126px;border-radius:50%;background:#e5e7d6;color:#42543e;display:flex;flex-direction:column;justify-content:center;align-items:center;transform:rotate(10deg);z-index:3;box-shadow:0 6px 20px #35483d0c}.hero-seal span{font-size:7px;letter-spacing:.1em}.hero-seal strong{font-family:Georgia,serif;font-size:25px;font-weight:400;line-height:1;margin:8px 0;letter-spacing:-.05em;text-align:center;font-style:italic}.image-hotspot{position:absolute;z-index:4;right:18px;top:50%;height:45px;width:45px;border:1px solid #fff9;border-radius:50%;background:#ffffff26;backdrop-filter:blur(8px);color:white;font-size:28px;transition:transform .3s,background .3s}.image-hotspot:hover{transform:rotate(90deg);background:#ffffff55}.marquee-section{padding-block:24px;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.marquee-track{display:flex;align-items:center;gap:45px;width:max-content;animation:marquee 45s linear infinite;font-size:24px;letter-spacing:-.02em;color:#7f8878;font-weight:400}.marquee-star{color:#53664a;font-size:35px;line-height:1}.intro-body{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:start}.intro-body h2{font-size:clamp(29px,3vw,44px);line-height:1.5}.intro-body>p{max-width:410px;margin-left:auto;color:var(--muted);font-size:14px;line-height:1.85}.intro-values{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:70px;padding-top:32px;border-top:1px solid var(--line)}.intro-values>div{border-right:1px solid var(--line)}.intro-values>div:last-child{border:none}.intro-values span{font-size:9px;letter-spacing:.1em;color:var(--muted);display:block}.intro-values strong{font-size:23px;font-weight:500;display:block;margin-top:12px;letter-spacing:-.04em}.intro-values p{font-size:12px;color:var(--muted);margin-top:6px}.portfolio{background:#eeeee6;overflow:hidden}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:47px}.section-heading h2{line-height:1.35}.section-heading .eyebrow{margin-bottom:21px}.section-aside{font-size:13px;color:var(--muted);line-height:1.9;max-width:390px}.section-aside .text-link{margin-top:17px;color:var(--ink)}.portfolio-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:27px}.filter-list{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:5px}.filter-list::-webkit-scrollbar{display:none}.filter{padding:9px 16px;white-space:nowrap;border-radius:30px;font-size:12px;color:#73786a;transition:background .3s,color .3s;min-height:40px}.filter span{margin-left:5px;font-size:9px;opacity:.7}.filter:hover{background:#e0e3d5}.filter.active{background:var(--ink);color:#fff}.slider-arrows{display:flex;gap:8px}.circle-button{height:42px;width:42px;border-radius:50%;border:1px solid #c8cebc;display:inline-flex;align-items:center;justify-content:center;font-size:22px;line-height:1;flex-shrink:0;transition:background .3s}.circle-button:hover{background:#dce3cd}.circle-button:disabled{opacity:.3;cursor:default}.portfolio-track{display:grid;grid-auto-columns:calc((100% - 44px)/3);grid-auto-flow:column;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:15px;overscroll-behavior-x:contain}.portfolio-track::-webkit-scrollbar{display:none}.project-card{scroll-snap-align:start;min-width:0}.project-card-button{text-align:left;padding:0;width:100%;display:block}.project-image{position:relative;aspect-ratio:3/3.75;overflow:hidden;border-radius:3px;background:#d9dace}.project-image img{width:100%;height:100%;transition:transform .8s var(--ease)}.project-card-button:hover img{transform:scale(1.035)}.project-image:after{content:'';position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#0002)}.project-image .image-number{position:absolute;top:16px;left:16px;color:white;font-size:10px;letter-spacing:.12em;background:#1b261e55;border:1px solid #ffffff36;padding:4px 9px;border-radius:20px;backdrop-filter:blur(5px)}.project-image .image-open{position:absolute;bottom:15px;right:15px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--paper);font-size:21px;z-index:1;transition:transform .3s}.project-card-button:hover .image-open{transform:rotate(45deg)}.project-meta{display:flex;justify-content:space-between;gap:8px;margin:19px 0 8px;font-size:10px;color:var(--muted)}.project-card h3{font-size:20px;font-weight:500;line-height:1.4;letter-spacing:-.04em}.project-card .project-subtitle{color:var(--muted);font-size:11px;margin-top:8px}.portfolio-track.expanded{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 22px;overflow:visible}.portfolio-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #d2d7c7;padding-top:15px;margin-top:27px;font-size:11px;color:var(--muted)}.portfolio-bottom .text-link{color:var(--ink)}.transformation{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.transformation-copy>p:not(.eyebrow){font-size:14px;color:var(--muted);line-height:1.9;margin-top:27px}.comparison-project{margin-top:38px;padding-top:26px;border-top:1px solid var(--line)}.comparison-project>span{font-size:9px;letter-spacing:.12em;color:var(--muted)}.comparison-project h3{font-size:19px;margin:13px 0 9px}.comparison-project p{font-size:12px;color:var(--muted);margin-bottom:18px}.transformation-copy>p.comparison-note{font-size:10px;margin-top:25px}.compare{position:relative;aspect-ratio:3/3.55;overflow:hidden;border-radius:3px;--split:45%;isolation:isolate}.compare>img,.compare-before,.compare-before img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.compare-before{clip-path:inset(0 calc(100% - var(--split)) 0 0)}.compare-label{position:absolute;top:20px;background:#f5f3eddf;border-radius:20px;backdrop-filter:blur(5px);padding:5px 12px;font-size:9px;letter-spacing:.1em;z-index:2}.before-label{left:20px}.after-label{right:20px}.compare-line{position:absolute;left:var(--split);top:0;bottom:0;width:2px;background:white;pointer-events:none;z-index:3}.compare-line span{position:absolute;left:1px;top:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--paper);box-shadow:0 1px 12px #0002;font-size:24px}.compare-input{position:absolute;inset:0;width:100%;height:100%;margin:0;cursor:ew-resize;opacity:0;z-index:4;touch-action:pan-y}.compare:focus-within{outline:3px solid #a47b35;outline-offset:5px}.difference{background:#e7e9dd}.difference-layout{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.detail-image{position:relative;aspect-ratio:1.07;overflow:hidden}.detail-image img{width:100%;height:100%;object-position:50% 45%;transition:transform 1s}.detail-image:hover img{transform:scale(1.025)}.detail-image:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#17291dd4)}.detail-image>div{position:absolute;bottom:30px;left:30px;right:30px;z-index:2;color:white}.detail-image span{font-size:9px;letter-spacing:.15em}.detail-image strong{display:block;font-size:25px;line-height:1.4;font-weight:400;letter-spacing:-.03em;margin-top:13px}.difference-list article{display:flex;gap:25px;padding:28px 0;border-top:1px solid #c5ceba}.difference-list article>span{font-size:10px;color:#708267;min-width:18px;margin-top:7px}.difference-list h3{font-size:22px;font-weight:500;margin-bottom:15px}.difference-list p{color:#68715e;font-size:13px;line-height:1.85}.difference-list .text-link{font-size:11px;margin-top:12px}.process{background:var(--dark);color:var(--paper)}.process .eyebrow{color:#bbc8b0}.process .section-aside{color:#b7c0b2}.process-layout{display:grid;grid-template-columns:.85fr 1fr;gap:90px;align-items:start}.process-photo{height:485px;position:relative;overflow:hidden}.process-photo img{width:100%;height:100%;object-fit:cover;transition:opacity .2s,transform .8s;filter:brightness(.9)}.process-photo:after{content:'';position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#142219a6)}.process-photo>span{position:absolute;bottom:25px;left:25px;right:25px;z-index:2;color:white;font-size:13px}.process-step{border-top:1px solid #5a6859;padding:25px 0}.process-step:last-child{border-bottom:1px solid #5a6859}.process-step summary{display:flex;gap:25px;align-items:center;cursor:pointer;list-style:none}.process-step summary::-webkit-details-marker{display:none}.process-step summary>span{font-size:10px;color:#b8c5a9;min-width:20px}.process-step h3{font-size:21px;font-weight:450;flex:1}.process-step i{font-size:23px;font-style:normal;color:#bbccad;transition:transform .3s}.process-step[open] i{transform:rotate(45deg)}.process-step p{font-size:13px;color:#bbc5b4;line-height:1.9;padding-left:45px;margin-top:20px;max-width:440px}.schedule-note{display:flex;gap:35px;align-items:center;padding-top:34px;margin-top:52px;border-top:1px solid #5a6859}.schedule-note>span{font-size:10px;letter-spacing:.12em;color:#b5c1a9;display:flex;gap:40px}.schedule-note p{font-size:17px;font-weight:300;flex:1}.schedule-note strong{font-weight:600}.schedule-note>a{font-size:12px;display:flex;gap:28px}.journal-list{border-top:1px solid var(--line)}.journal-row{display:grid;grid-template-columns:145px 1fr 65px;gap:20px;align-items:center;padding:32px 0;border-bottom:1px solid var(--line);transition:padding .35s,background .35s}.journal-row:hover{padding-inline:15px;background:#eceee3}.journal-date{font-size:11px;color:var(--muted);letter-spacing:.06em}.journal-tag{font-size:10px;color:var(--olive);display:inline-block;margin-bottom:12px}.journal-row h3{font-size:21px;font-weight:500;line-height:1.5}.journal-row p{font-size:12px;color:var(--muted);margin-top:9px}.journal-arrow{height:48px;width:48px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:22px;justify-self:end}.faq{background:#eceee5}.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.faq-title>p:not(.eyebrow){color:var(--muted);font-size:13px;margin-top:25px;line-height:1.85}.faq-title .text-link{font-size:11px;margin-top:20px}.faq-list details{border-top:1px solid #cdd3c3;padding:23px 0}.faq-list details:last-child{border-bottom:1px solid #cdd3c3}.faq-list summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:25px;font-size:16px;cursor:pointer}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:23px;font-weight:300;transition:transform .3s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list p{font-size:13px;color:#69735e;line-height:1.9;margin-top:20px;padding-right:25px}.contact{background:var(--paper)}.contact-heading h2{font-size:clamp(40px,4.6vw,68px);line-height:1.32;font-weight:500}.contact-heading>p:last-child{font-size:14px;color:var(--muted);line-height:1.9;margin-top:24px}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px;margin-top:63px}.contact-label{font-size:9px;letter-spacing:.13em;color:var(--muted);margin-bottom:16px}.phone-number{display:flex;justify-content:space-between;align-items:center;font-size:clamp(24px,3.2vw,43px);letter-spacing:-.03em;font-weight:450;line-height:1.3;white-space:nowrap}.phone-number span{font-size:35px;font-weight:300;color:var(--olive)}.contact-buttons{display:flex;gap:12px;margin-top:28px}.contact-buttons .button{flex:1;gap:13px}.naver-talk{display:flex;align-items:center;gap:16px;padding:23px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:24px}.naver-n{width:42px;height:42px;background:#e0e9d6;display:grid;place-items:center;border-radius:50%;color:#426b31;font-size:22px;font-weight:800}.naver-talk>div{flex:1}.naver-talk strong{display:block;font-size:14px;font-weight:500}.naver-talk>div span{font-size:11px;color:var(--muted)}.naver-talk>span:last-child{font-size:22px}.contact-scope{font-size:13px;margin-top:23px;line-height:2}.contact-scope span{font-size:11px;color:var(--muted)}.consultation{background:#ebece1;border:1px solid #dce0d1;padding:32px;border-radius:4px}.consultation-kicker{font-size:18px;font-weight:500;letter-spacing:-.03em;margin-bottom:25px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}form label,form legend{display:block;font-size:11px;color:#555f4b;font-weight:500}input:not([type=range]):not([type=radio]),textarea{width:100%;padding:12px 0;border:0;border-bottom:1px solid #bec7b4;border-radius:0;color:var(--ink);background:transparent;font-size:12px;outline-offset:3px;transition:border-color .3s}input::placeholder,textarea::placeholder{color:#868b7f;font-weight:400}textarea{resize:vertical;min-height:80px;margin-top:2px;line-height:1.8}fieldset{border:0;padding:0;margin:23px 0}legend{padding:0;margin-bottom:12px}.choice-list{display:flex;gap:8px;flex-wrap:wrap}.choice-list label{position:relative;cursor:pointer}.choice-list input{position:absolute;opacity:0}.choice-list span{display:block;min-height:36px;padding:7px 14px;border:1px solid #c8cebc;border-radius:30px;font-size:11px;font-weight:400}.choice-list input:checked+span{background:#dae2cb;border-color:var(--olive);color:#304625}.choice-list input:focus-visible+span{outline:3px solid #a47b35;outline-offset:2px}.full-width{width:100%;justify-content:space-between;margin-top:23px}.copy-message{font-size:10px;display:flex;margin:8px auto 0;min-height:40px}.form-note{font-size:9px;color:#777f6c;line-height:1.9;text-align:center;margin-top:12px}.form-feedback{font-size:12px;color:var(--olive);margin-top:8px}.form-feedback:empty{display:none}footer{background:#e6e9dc;padding-block:44px 32px}.footer-top{display:flex;justify-content:space-between;gap:30px;align-items:center;padding-bottom:35px;border-bottom:1px solid #cbd3c0}.footer-brand{font-weight:750;font-size:23px;letter-spacing:-.08em}.footer-brand span{font-size:10px;font-weight:500;letter-spacing:-.02em;display:inline-block;margin-left:11px}.footer-top>p{font-size:11px;letter-spacing:.13em;color:#7c8773}.back-top{font-size:10px;display:flex;gap:20px;align-items:center}.back-top span{font-size:20px}.footer-bottom{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-top:24px;font-size:10px;color:#747d69;line-height:2}.footer-divider{margin-inline:10px;color:#a3ad97}.footer-bottom>div{display:flex;gap:20px;flex-wrap:wrap;justify-content:flex-end}.footer-bottom button{padding:0;font-size:10px}.mobile-contact-bar{display:none}dialog{border:0;background:var(--paper);color:var(--ink);padding:0;max-height:90dvh;overscroll-behavior:contain;border-radius:8px;box-shadow:0 20px 80px #0004}dialog::backdrop{background:#15221bd6;backdrop-filter:blur(7px)}.project-dialog{width:min(1060px,calc(100% - 50px));overflow:auto}.dialog-top{position:sticky;top:0;z-index:5;background:var(--paper);display:flex;justify-content:space-between;align-items:center;padding:16px 28px;border-bottom:1px solid var(--line)}.dialog-top>span{font-size:10px;letter-spacing:.13em}.dialog-close{font-size:28px}.project-dialog-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;padding:25px 28px 32px}.gallery{min-width:0}.gallery-main{position:relative;background:#dee2d6;height:520px}.gallery-main>img{height:100%;width:100%;object-fit:contain;background:#e1e4d8}.gallery-arrow{position:absolute;top:50%;transform:translateY(-50%);height:40px;width:40px;border-radius:50%;background:#f5f3ede8;box-shadow:0 2px 10px #0001;font-size:20px}.gallery-arrow.prev{left:12px}.gallery-arrow.next{right:12px}#gallery-counter{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);padding:4px 12px;border-radius:30px;background:#1d2b22a8;color:white;font-size:11px;letter-spacing:.06em}.gallery-thumbnails{display:flex;gap:8px;margin-top:11px;overflow-x:auto;padding:4px}.gallery-thumb{height:60px;width:52px;flex-shrink:0;overflow:hidden;padding:0;border:2px solid transparent;border-radius:3px;opacity:.65;position:relative}.gallery-thumb img{width:100%;height:100%}.gallery-thumb.active{opacity:1;border-color:var(--olive);outline:1px solid var(--olive);outline-offset:2px}.gallery-thumb span{position:absolute;bottom:0;left:0;right:0;background:#1b2a22b5;color:white;font-size:8px}.project-dialog-copy{display:flex;flex-direction:column;justify-content:center;padding-right:5px}.project-dialog-copy .eyebrow{font-size:10px;margin-bottom:20px}.project-dialog-copy h2{font-size:35px;line-height:1.35}.project-dialog-copy>p:not(.eyebrow){font-size:14px;line-height:1.85;color:var(--muted);margin-top:25px}.project-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:24px}.project-tags span{font-size:10px;background:#e5e9dc;padding:6px 12px;border-radius:30px}.project-dialog-copy>p.project-authentic{font-size:10px;line-height:1.7;border-top:1px solid var(--line);padding-top:23px;margin-top:26px}.project-dialog-copy .button{margin-top:23px;font-size:12px}.project-dialog-copy>.text-link{align-self:flex-start;font-size:10px;margin-top:12px}.privacy-dialog{width:min(560px,calc(100% - 35px));padding:35px}.privacy-dialog .dialog-close{float:right}.privacy-dialog .eyebrow{padding-top:12px}.privacy-dialog h2{font-size:28px}.privacy-dialog p:not(.eyebrow){font-size:13px;color:var(--muted);line-height:1.9;margin-top:22px}.privacy-dialog a{text-decoration:underline}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,20px);z-index:100;background:var(--ink);color:white;padding:13px 24px;border-radius:6px;font-size:12px;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s;max-width:calc(100% - 40px);text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}.js-motion .reveal{opacity:0;transform:translateY(28px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.js-motion .reveal.visible{opacity:1;transform:none}.motion-reduced *,.motion-reduced *:before,.motion-reduced *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.motion-reduced .reveal{opacity:1!important;transform:none!important}
@keyframes hero-in{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes photo-in{from{opacity:0;transform:translateY(35px)}to{opacity:1;transform:none}}@keyframes photo-scale{from{transform:scale(1.09)}to{transform:scale(1)}}@keyframes marquee{to{transform:translateX(-50%)}}
@media(min-width:1700px){.hero{min-height:780px}.hero-visual{height:660px}}
@media(max-width:1150px){.wrap,.header-inner{width:calc(100% - 70px)}.desktop-nav{gap:19px;font-size:12px}.hero{gap:28px;min-height:660px}.hero-visual{height:565px;grid-template-columns:1fr .25fr;gap:12px}.hero-seal{height:107px;width:107px;right:0;top:2%}.hero-seal strong{font-size:22px}.hero h1{font-size:clamp(43px,5.3vw,65px)}.hero-actions{gap:18px}.hero-actions .button{font-size:12px;padding-inline:17px}.hero-actions .text-link{font-size:12px}.hero-foot{margin-top:45px}.hero-description{font-size:13px}.section-space{padding-block:88px}.intro-body{gap:45px}.transformation{gap:65px}.difference-layout,.process-layout{gap:55px}.contact-layout{gap:60px}.faq-layout{gap:55px}.gallery-main{height:465px}.project-dialog-layout{gap:30px}}
@media(max-width:900px){.desktop-nav{display:none}.header-inner{height:78px}.header-contact{margin-left:auto}.hero{grid-template-columns:1fr 1fr;gap:24px;padding-top:35px;min-height:620px}.hero-visual{height:510px;display:block}.hero-photo-secondary{display:none}.hero-seal{right:-10px;top:16px}.hero h1{font-size:clamp(39px,5.5vw,52px)}.hero-photo-main{border-radius:130px 3px 3px 3px}.hero .eyebrow{font-size:8px}.hero-description{font-size:12px}.hero-actions{gap:10px;margin-top:25px}.hero-actions .button{gap:10px;font-size:11px}.hero-foot{margin-top:30px}.hero-foot>a{display:none}.intro-body{grid-template-columns:1fr 1fr;gap:35px}.intro-body p{font-size:12px}.intro-values{gap:24px}.intro-values strong{font-size:20px}.intro-values p{font-size:11px;max-width:160px}.portfolio-track{grid-auto-columns:calc((100% - 22px)/2)}.portfolio-track.expanded{grid-template-columns:repeat(2,minmax(0,1fr))}.filter{font-size:11px;padding-inline:13px}.transformation{gap:38px}.transformation-copy>p:not(.eyebrow){font-size:12px}.comparison-project p{font-size:10px}.difference-layout{gap:40px}.difference-list h3{font-size:19px}.difference-list p{font-size:12px}.difference-list article{padding-block:20px;gap:17px}.detail-image{aspect-ratio:3/4.2}.process-layout{gap:38px}.process-photo{height:460px}.process-step h3{font-size:17px}.process-step summary{gap:15px}.process-step p{padding-left:35px;font-size:12px}.schedule-note{gap:20px}.schedule-note>span{gap:14px;font-size:8px}.schedule-note p{font-size:14px}.faq-layout{grid-template-columns:.75fr 1.25fr;gap:35px}.faq-list summary{font-size:14px}.contact-layout{gap:35px}.consultation{padding:24px}.consultation-kicker{font-size:16px}.form-grid{grid-template-columns:1fr;gap:16px}.phone-number{font-size:30px}.contact-buttons .button{padding:15px 12px;font-size:12px}.footer-top>p{font-size:9px}.footer-bottom>div{gap:12px;font-size:9px}.footer-bottom button{font-size:9px}.project-dialog-layout{grid-template-columns:1.1fr 1fr;gap:25px}.project-dialog-copy h2{font-size:27px}.project-dialog-copy>p:not(.eyebrow){font-size:12px}.gallery-main{height:420px}.menu-toggle{display:flex;flex-direction:column;gap:6px;width:40px;height:40px;justify-content:center;padding:10px}.menu-toggle span{height:1px;background:var(--ink);width:22px;transition:transform .3s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.mobile-menu:not([hidden]){display:block;padding:10px 35px 30px;border-bottom:1px solid var(--line);position:absolute;top:78px;left:0;right:0;background:var(--paper);box-shadow:0 20px 25px #25332612}.mobile-menu a{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid var(--line);font-size:15px}.mobile-menu a span{font-size:10px;color:var(--muted)}}
@media(max-width:640px){html{scroll-padding-top:90px}.wrap,.header-inner{width:calc(100% - 40px)}.header-inner{height:71px;gap:12px}.brand-mark{width:139px;height:36px}.brand-mark img{width:556px;transform:translate(-198px,-6px)}.header-contact{font-size:10px;gap:10px;padding:10px 14px}.header-contact span{font-size:16px}.menu-toggle{padding:6px;width:33px}.mobile-menu:not([hidden]){top:71px;padding-inline:20px}.hero{display:flex;flex-direction:column;align-items:stretch;padding-block:29px 36px;gap:35px;min-height:auto}.hero-copy{padding:0}.hero .eyebrow{font-size:8px;margin-bottom:25px;letter-spacing:.12em}.hero h1{font-size:clamp(42px,11.2vw,68px);line-height:1.19;font-weight:550;letter-spacing:-.06em}.hero h1>span:nth-child(2),.hero h1>span:nth-child(3){display:inline}.hero h1>span:nth-child(3):before{content:' '}.hero-description{font-size:12px;margin-top:24px}.hero-actions{margin-top:25px;gap:22px}.hero-actions .button{padding:16px 19px;font-size:11px;gap:15px;min-height:49px}.hero-actions .text-link{font-size:11px}.hero-foot{margin-top:22px}.hero-foot>span{font-size:9px;gap:10px}.hero-visual{height:440px;display:grid;grid-template-columns:1fr .26fr;gap:11px}.hero-photo-main{border-radius:110px 3px 3px 3px}.hero-photo-secondary{display:block;height:72%;margin-bottom:20px}.hero-seal{width:99px;height:99px;right:-1px;top:1px}.hero-seal strong{font-size:21px;margin-block:6px}.hero-seal span{font-size:6px}.hero-photo-caption{left:19px;right:19px;bottom:19px;font-size:9px}.hero-photo-caption strong{font-size:16px}.photo-index{font-size:7px;right:17px;top:19px}.image-hotspot{height:39px;width:39px;font-size:25px;right:15px}.hero-photo-secondary span{font-size:7px;right:8px}.marquee-section{padding-block:16px}.marquee-track{gap:26px;font-size:18px}.marquee-star{font-size:26px}.section-space{padding-block:66px}.eyebrow{font-size:9px;margin-bottom:22px}.intro-body{display:block}.intro-body h2{font-size:28px;line-height:1.5}.intro-body>p{font-size:12px;margin:25px 0 0;line-height:1.85}.intro-values{gap:15px;margin-top:35px;padding-top:23px}.intro-values>div{padding-right:10px}.intro-values span{font-size:7px;letter-spacing:.04em}.intro-values strong{font-size:17px;margin-top:12px}.intro-values p{font-size:10px;line-height:1.7;margin-top:8px}.section-heading{display:block;margin-bottom:30px}h2{font-size:32px;letter-spacing:-.055em}.section-heading .eyebrow{margin-bottom:18px}.section-aside{font-size:12px;margin-top:21px}.section-aside .text-link{margin-top:9px;font-size:11px}.small-count{font-size:8px;padding:2px 6px}.portfolio-toolbar{gap:8px;align-items:flex-end;margin-bottom:20px;position:relative}.filter-list{gap:3px;margin-left:-4px;max-width:100%;padding-right:0}.filter{font-size:10px;padding:8px 10px;min-height:37px}.filter span{font-size:8px;margin-left:3px}.slider-arrows{display:none}.portfolio-track{grid-auto-columns:80%;gap:15px;overflow:visible;overflow-x:auto;margin-right:-20px;padding-right:20px;scroll-padding-right:20px}.project-image{aspect-ratio:3/3.65}.project-meta{margin-top:15px;font-size:9px}.project-card h3{font-size:19px}.project-card .project-subtitle{font-size:10px}.project-image .image-number{font-size:8px;top:13px;left:13px}.project-image .image-open{height:33px;width:33px;font-size:19px}.portfolio-bottom{margin-top:21px;font-size:9px;gap:15px}.portfolio-bottom .text-link{font-size:11px}.portfolio-track.expanded{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 12px;margin-right:0;padding-right:0}.portfolio-track.expanded .project-card h3{font-size:15px}.portfolio-track.expanded .project-meta{font-size:8px;flex-direction:column;gap:2px}.portfolio-track.expanded .project-subtitle{font-size:9px}.portfolio-track.expanded .project-image{aspect-ratio:3/4}.portfolio-track.expanded .image-open{height:27px;width:27px;bottom:9px;right:9px;font-size:16px}.transformation{display:flex;flex-direction:column;align-items:stretch;gap:30px}.transformation-copy>p:not(.eyebrow){margin-top:20px;font-size:12px}.comparison-project{margin-top:25px;padding-top:20px}.comparison-project h3{font-size:18px;margin-block:10px 6px}.comparison-project p{font-size:11px;margin-bottom:8px}.transformation-copy>p.comparison-note{font-size:9px;margin-top:17px}.compare{aspect-ratio:3/3.6}.compare-label{top:16px;font-size:8px}.before-label{left:15px}.after-label{right:15px}.compare-line span{width:42px;height:42px;font-size:23px}.difference-layout{display:flex;flex-direction:column;gap:27px}.detail-image{width:100%;aspect-ratio:1.1}.detail-image>div{left:23px;bottom:25px}.detail-image strong{font-size:24px}.detail-image span{font-size:8px}.difference-list article{padding:23px 0}.difference-list h3{font-size:21px;margin-bottom:12px}.difference-list p{font-size:12px;line-height:1.85}.difference-list .text-link{font-size:10px}.process-layout{display:flex;flex-direction:column;gap:30px}.process-photo{height:345px;width:100%}.process-photo>span{font-size:12px;bottom:21px;left:21px}.process-steps{width:100%}.process-step{padding:21px 0}.process-step h3{font-size:18px}.process-step p{max-width:none;font-size:12px;margin-top:15px}.schedule-note{flex-wrap:wrap;margin-top:30px;padding-top:25px;gap:13px}.schedule-note>span{font-size:8px;flex-basis:100%;justify-content:space-between}.schedule-note p{font-size:14px;flex-basis:100%}.schedule-note>a{font-size:11px;gap:13px}.journal .section-heading>.text-link{font-size:11px;margin-top:20px}.journal-row{grid-template-columns:1fr 38px;gap:10px;padding:24px 0}.journal-date{grid-column:1/3;font-size:9px;margin-bottom:5px}.journal-tag{font-size:9px;margin-bottom:8px}.journal-row h3{font-size:17px;line-height:1.5}.journal-row p{font-size:10px;line-height:1.8}.journal-arrow{height:34px;width:34px;font-size:18px}.journal-row:hover{padding-inline:0}.faq-layout{display:block}.faq-title{margin-bottom:30px}.faq-title>p:not(.eyebrow){font-size:12px;margin-top:20px}.faq-title .text-link{margin-top:14px}.faq-list summary{font-size:14px;gap:15px}.faq-list p{font-size:12px;padding-right:5px}.faq-list details{padding-block:20px}.contact-heading h2{font-size:37px;font-weight:500}.contact-heading>p:last-child{font-size:12px;margin-top:20px}.contact-layout{display:block;margin-top:36px}.phone-number{font-size:37px}.phone-number span{font-size:30px}.contact-label{font-size:8px;margin-bottom:13px}.contact-buttons{margin-top:23px}.contact-buttons .button{font-size:13px}.contact-scope{font-size:12px}.contact-scope span{font-size:10px}.consultation{margin-top:32px;padding:24px}.form-grid{grid-template-columns:1fr 1fr;gap:16px}.consultation-kicker{font-size:17px;margin-bottom:22px}.form-note{font-size:8px}.contact{padding-bottom:55px}footer{padding-block:33px 100px}.footer-top{flex-wrap:wrap;gap:20px;padding-bottom:25px}.footer-brand{font-size:22px}.footer-top>p{order:3;font-size:9px;flex-basis:100%}.back-top{font-size:9px;margin-left:auto}.footer-bottom{display:block;font-size:9px;margin-top:20px}.footer-bottom>div{justify-content:flex-start;margin-top:18px;gap:15px;row-gap:10px;font-size:9px}.mobile-contact-bar{position:fixed;bottom:0;left:0;right:0;z-index:35;display:grid;grid-template-columns:1fr 1fr;padding:10px 14px max(10px,env(safe-area-inset-bottom));gap:9px;background:#f5f3edef;backdrop-filter:blur(15px);border-top:1px solid #d1d8c6}.mobile-contact-bar a{padding:12px 20px;display:flex;justify-content:space-between;align-items:center;background:var(--olive);color:white;border-radius:4px;font-size:12px}.mobile-contact-bar a:last-child{background:#e2e8d5;color:#37482d}.mobile-contact-bar a span{font-size:17px;line-height:1}.project-dialog{width:calc(100% - 20px);max-height:94dvh}.dialog-top{padding:12px 17px}.dialog-top>span{font-size:9px}.dialog-top .circle-button{width:34px;height:34px}.project-dialog-layout{display:block;padding:15px 17px 30px}.gallery-main{height:min(52dvh,490px)}.gallery-arrow{height:35px;width:35px}.gallery-thumbnails{margin-top:9px}.gallery-thumb{height:55px;width:47px}.project-dialog-copy{padding:22px 0 0}.project-dialog-copy .eyebrow{margin-bottom:12px}.project-dialog-copy h2{font-size:27px}.project-dialog-copy>p:not(.eyebrow){margin-top:18px;font-size:12px}.project-tags{margin-top:17px}.project-dialog-copy>p.project-authentic{font-size:9px;padding-top:18px;margin-top:22px}.project-dialog-copy .button{margin-top:20px}.privacy-dialog{padding:25px}.privacy-dialog p:not(.eyebrow){font-size:12px}.toast{bottom:85px;font-size:11px;width:max-content;max-width:calc(100% - 35px)}}
@media(max-width:360px){.header-contact{padding:9px 11px;font-size:9px}.brand-mark{width:123px;height:32px}.brand-mark img{width:492px;transform:translate(-175px,-5px)}.hero h1{font-size:39px}.hero-actions{gap:12px}.hero-actions .button{font-size:10px;padding-inline:14px}.hero-visual{height:390px}.phone-number{font-size:32px}.form-grid{grid-template-columns:1fr}.contact-heading h2{font-size:33px}.intro-values strong{font-size:15px}.filter{font-size:9px;padding-inline:8px}}
@media print{.site-header,.marquee-section,.mobile-contact-bar,.consultation,.hero-seal,.slider-arrows,.filter-list,.hero-actions,.image-hotspot,dialog,.reading-progress{display:none!important}.reveal{opacity:1!important;transform:none!important}.wrap{width:100%}.section-space{padding:30px 0}.portfolio-track{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-flow:row;overflow:visible}body{background:#fff;color:#000}.process{background:#fff;color:#000}.process p{color:#444}footer{padding:20px}.hero{min-height:0}.hero-visual{height:400px}a{overflow-wrap:anywhere}}
