:root{--motion-bg:#101c21;--motion-fg:#f2eee5;--motion-accent:#bdac8b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}.motion-page{margin:0;font-family:Arial,'Malgun Gothic',sans-serif;word-break:keep-all}.motion-page a{color:inherit;text-decoration:none}.motion-page button{font:inherit;cursor:pointer}.motion-page a:focus-visible,.motion-page button:focus-visible{outline:3px solid #aa9168;outline-offset:5px}.motion-business{background:var(--motion-bg);color:var(--motion-fg)}.motion-intro{padding:110px 8%;max-width:1200px}.motion-intro>span,.scene-index{font-size:11px;letter-spacing:2px}.motion-intro h2{font-size:clamp(34px,5vw,70px);font-weight:400;line-height:1.3;letter-spacing:-2px}.motion-intro p{font-size:15px;line-height:1.8;color:var(--motion-accent)}.motion-scene{position:relative;min-height:175vh;--zoom:1;--progress:0;--shift:0px}.scene-stage{position:sticky;top:0;min-height:100svh;overflow:hidden;display:flex;align-items:center;padding:9% 8%;isolation:isolate}.scene-visual{position:absolute;inset:0;z-index:-2;overflow:hidden}.scene-visual img{width:100%;height:100%;object-fit:cover;transform:scale(var(--zoom));will-change:transform}.scene-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#071014ed,#071014a6 50%,#07101422)}.scene-copy{max-width:650px;transform:translateY(var(--shift));position:relative;z-index:1;color:#fff}.scene-copy h2{font-size:clamp(38px,5.3vw,80px);font-weight:400;line-height:1.28;letter-spacing:-3px;margin:26px 0}.scene-copy p{font-size:16px;line-height:1.9;max-width:420px;color:#d3ddd7}.scene-copy a{display:inline-block;padding:16px 0;border-bottom:1px solid #ffffff88;font-size:13px}.scene-large{position:absolute;right:5%;bottom:12%;font:220px/1 Georgia,serif;color:#ffffff20;transform:translateY(calc(var(--progress)*-70px))}.scene-track{position:absolute;bottom:50px;left:8%;width:100px;height:2px;background:#ffffff33}.scene-track i{display:block;height:100%;background:#dfd4be;transform:scaleX(var(--progress));transform-origin:left}.retained-3{--motion-bg:#ece9e0;--motion-fg:#283633;--motion-accent:#617166}.retained-3 .motion-business{margin:0 48px}.retained-3 .motion-scene{min-height:160vh}.retained-3 .scene-visual{inset:5% 5% 5% 25%;}.retained-3 .scene-stage{background:#284b49}.retained-3 .scene-visual img{filter:grayscale(.8)}.retained-3 .motion-scene:nth-child(odd) .scene-visual{inset:5% 25% 5% 5%}.retained-3 .motion-scene:nth-child(odd) .scene-copy{margin-left:auto}.retained .hero-art img,.retained .hero-image{transform:scale(var(--hero-zoom,1));transform-origin:center}.retained .hero{overflow:hidden}.retained .overlap{transform:translateY(calc(var(--hero-shift,0px)*-.5))}.retained .hero-copy{transform:translateY(var(--hero-shift,0px))}.retained-3 .hero{overflow:visible}.motion-tools{position:fixed;bottom:18px;right:20px;z-index:100;display:flex;gap:18px;align-items:center;padding:13px 18px;border:1px solid #ffffff30;border-radius:40px;background:#10201ce8;color:#fff;backdrop-filter:blur(16px);font-size:11px}.motion-tools button{border:0;background:none;color:inherit;padding:0}.reading{width:34px;height:2px;background:#ffffff33}.reading:after{content:'';display:block;height:100%;background:#fff;transform:scaleX(var(--read,0));transform-origin:left}.skip{position:absolute;left:-10000px}.skip:focus{left:20px;top:100px;z-index:200;background:white;color:black;padding:15px}.new-page{background:#eeeae1;color:#17392f}.new-header{height:96px;padding:0 6%;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:30}.new-brand{display:flex;gap:15px;align-items:center}.new-brand img{width:60px;height:60px;object-fit:contain}.new-brand span{font:22px Georgia,serif;letter-spacing:3px}.new-brand small{display:block;font:8px Arial;letter-spacing:5px;margin-top:8px}.new-header nav{display:flex;gap:32px;font-size:13px}.new-menu{display:none}.new-hero{position:relative;min-height:110svh;overflow:hidden}.new-hero-copy{position:relative;z-index:2}.new-hero-copy>span,.new-about>span,.new-news>span,.new-contact>span{font-size:11px;letter-spacing:2px}.new-hero h1{font-size:clamp(44px,6vw,88px);line-height:1.25;letter-spacing:-4px;font-weight:400;margin:28px 0}.new-hero p{line-height:1.9;font-size:16px}.new-hero-picture img{width:100%;height:100%;object-fit:cover;transform:scale(var(--hero-zoom,1))}.hero-scroll{position:absolute;bottom:40px;left:6%;font-size:10px;letter-spacing:2px}.ivory .new-hero{padding:55px 6% 100px;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:5%;}.ivory .new-hero-picture{height:78svh;position:relative;overflow:hidden;clip-path:inset(calc(var(--hero-progress,0)*-10%) calc(var(--hero-progress,0)*-10%));}.ivory .photo-label{position:absolute;bottom:28px;left:25px;color:white;font-size:10px;letter-spacing:2px}.ivory .new-hero-copy{transform:translateY(var(--hero-shift,0px))}.new-about{padding:150px 12%;}.new-about h2,.new-news h2,.new-contact h2{font-size:clamp(35px,4.6vw,65px);line-height:1.35;font-weight:400;letter-spacing:-2px}.new-about p{font-size:17px;line-height:2;color:#64766b}.new-about small,.new-news small{font-size:11px;color:#69786c}.ivory{--motion-bg:#eeeae1;--motion-fg:#17392f;--motion-accent:#617466}.ivory .motion-intro{margin:auto;text-align:center;padding:70px 8% 100px}.ivory .scene-stage{margin:0 5%;background:#17392f;border-radius:4px}.ivory .scene-copy{max-width:550px}.ivory .scene-visual{left:30%}.ivory .scene-visual:after{background:linear-gradient(90deg,#17392f,#17392f55 60%,transparent)}.ivory .motion-scene{padding-bottom:60px}.forest{background:#0b2f29;color:#f1eddf;--motion-bg:#0b2f29}.forest .new-header{position:absolute;left:0;right:0;background:linear-gradient(#09251dcc,transparent);color:#fff}.forest .new-brand img{background:#eeeae1;border-radius:50%;padding:3px}.forest .new-hero{min-height:115svh;padding:200px 8% 120px;display:flex;align-items:center}.forest .new-hero-picture{position:absolute;inset:0}.forest .new-hero-picture:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#08251ced,#08251c66),linear-gradient(0deg,#0b2f29,transparent 40%)}.forest .new-hero-copy{transform:translateY(var(--hero-shift,0px))}.forest .new-hero h1{font-size:clamp(50px,6.4vw,100px)}.forest .new-hero-copy a{display:inline-block;border-bottom:1px solid #ffffff66;margin-top:25px;padding-bottom:14px;font-size:13px}.hero-word{position:absolute;bottom:5%;right:-2%;font:clamp(80px,15vw,220px)/1 Georgia,serif;color:#ffffff13;letter-spacing:-10px}.forest .new-about{background:#dde3d4;color:#153c32}.forest .motion-intro{max-width:none;border-bottom:1px solid #ffffff30}.forest .scene-visual:after{background:linear-gradient(0deg,#08251df2,transparent 90%),linear-gradient(90deg,#08251d88,transparent)}.forest .scene-stage{align-items:flex-end;padding-bottom:15vh}.forest .scene-copy{max-width:800px}.forest .scene-large{font-size:300px;bottom:25%;right:10%}.new-news{padding:120px 10%;border-top:1px solid #71857844}.new-news p{line-height:1.9}.new-contact{padding:130px 10%;background:#dbe0d1;color:#193f32}.new-contact p{font-size:14px;line-height:1.9}.new-contact a{display:inline-block;border-bottom:1px solid;margin-top:30px;padding-bottom:12px}.new-footer{padding:40px 6% 100px;font-size:11px;line-height:1.9}.motion-ready .new-about,.motion-ready .new-news,.motion-ready .retained .intro,.motion-ready .retained .about,.motion-ready .retained .statement{opacity:calc(.35 + var(--reveal,1)*.65);transform:translateY(calc((1 - var(--reveal,1))*24px))}.compare{margin:0;background:#eeeae1;color:#17392f;font-family:Arial,'Malgun Gothic',sans-serif;word-break:keep-all}.compare header{padding:75px 8% 45px}.compare header>span{font-size:11px;letter-spacing:3px}.compare h1{font-size:clamp(38px,5vw,75px);font-weight:400;line-height:1.2;letter-spacing:-3px}.compare header p{line-height:1.8;font-size:14px}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:0 8% 60px}.compare-card{color:inherit;text-decoration:none;background:#fff;display:block;overflow:hidden}.compare-card img{width:100%;height:280px;object-fit:cover;display:block;transition:transform .5s}.compare-card:hover img{transform:scale(1.035)}.compare-card>div{padding:25px}.compare-card span{font-size:11px;letter-spacing:1px}.compare-card h2{font-size:24px;font-weight:400}.compare-card p{font-size:12px}.card-2{background:#101c21;color:#f0eadf}.card-3{background:#202827;color:#f0eadf}.card-3 img{filter:grayscale(1)}.card-6{background:#143f34;color:#f0eadf}.compare footer{padding:20px 8% 50px;font-size:12px;line-height:1.8}
@media(max-width:1000px){.scene-copy h2{font-size:48px}.new-header nav{gap:20px}.new-hero h1{font-size:55px;letter-spacing:-2px}.retained-3 .motion-business{margin:0 24px}.new-about{padding:100px 8%}.scene-large{font-size:160px}}
@media(max-width:650px){html{scroll-padding-top:80px}.motion-intro{padding:70px 7%;}.motion-intro h2{font-size:35px;letter-spacing:-1px}.motion-scene{min-height:135svh}.scene-stage{min-height:100svh;padding:110px 7% 100px;align-items:center}.scene-copy h2{font-size:36px;line-height:1.4;letter-spacing:-1.5px}.scene-copy p{font-size:14px;line-height:1.9}.scene-index{font-size:10px}.scene-large{font-size:120px;bottom:10%;right:5%}.scene-visual:after{background:linear-gradient(90deg,#071014d9,#07101499)}.scene-track{left:7%;bottom:70px}.retained-3 .motion-business{margin:0 15px}.retained-3 .scene-visual,.retained-3 .motion-scene:nth-child(odd) .scene-visual{inset:0}.retained-3 .motion-scene{min-height:135svh}.retained-3 .motion-scene:nth-child(odd) .scene-copy{margin-left:0}.new-header{height:80px;padding:0 6%;}.new-brand img{width:45px;height:45px}.new-brand span{font-size:17px}.new-menu{display:block;padding:9px 12px;border:1px solid #718578;background:transparent;color:inherit;font-size:12px}.new-header nav{display:none;position:absolute;top:80px;left:0;right:0;background:#eeeae1;color:#17392f;padding:20px 6%;flex-direction:column;gap:0}.new-header nav.open{display:flex}.new-header nav a{padding:15px 0}.new-hero h1{font-size:40px;letter-spacing:-2px}.new-hero p{font-size:13px}.ivory .new-hero{display:flex;flex-direction:column;align-items:stretch;padding:45px 6% 90px;gap:35px;min-height:0}.ivory .new-hero-picture{height:50svh}.new-hero-copy>span{font-size:9px;letter-spacing:1px}.ivory .photo-label{font-size:8px;left:15px}.hero-scroll{font-size:9px;bottom:30px}.new-about{padding:80px 7%}.new-about h2,.new-news h2,.new-contact h2{font-size:34px;letter-spacing:-1.5px}.new-about p{font-size:14px}.ivory .scene-stage{margin:0 15px;padding:100px 7%;}.ivory .scene-visual{left:0}.ivory .scene-visual:after{background:#102b22b3}.ivory .motion-scene{padding-bottom:20px}.forest .new-hero{padding:160px 7% 110px;min-height:100svh}.forest .new-hero h1{font-size:43px}.forest .hero-word{font-size:24vw;letter-spacing:-4px;bottom:8%}.forest .scene-stage{padding-bottom:18vh}.forest .scene-large{font-size:150px;bottom:40%}.new-news,.new-contact{padding:80px 7%}.motion-tools{bottom:12px;right:12px;gap:12px;padding:12px 15px;font-size:10px}.compare-grid{grid-template-columns:1fr;padding:0 6% 40px;gap:20px}.compare header{padding:50px 6% 25px}.compare-card img{height:240px}.compare-card h2{font-size:21px}}
.motion-off .motion-scene{min-height:0;padding-bottom:0}.motion-off .scene-stage{position:relative;min-height:75svh}.motion-off .scene-track{display:none}.motion-off .scene-copy,.motion-off .scene-large,.motion-off .hero-copy,.motion-off .overlap,.motion-off .new-hero-copy{transform:none!important}.motion-off img{transform:none!important}.motion-off .new-about,.motion-off .new-news,.motion-off .intro,.motion-off .about,.motion-off .statement{opacity:1!important;transform:none!important}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-scene{min-height:0!important}.scene-stage{position:relative;min-height:75svh}.scene-copy,.scene-large,.hero-copy,.overlap,.new-hero-copy,img{transform:none!important}}
.scene-copy p{transform:translateY(var(--detail-shift,0px))}.ivory .new-hero-picture{clip-path:inset(calc((1 - var(--hero-progress,0))*7%) calc((1 - var(--hero-progress,0))*7%) 0 0)}.motion-off .new-hero-picture{clip-path:none}.motion-off .scene-copy p{transform:none}@media(prefers-reduced-motion:reduce){.new-hero-picture{clip-path:none}.scene-copy p{transform:none}}
