:root{color:#343434;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--page-gutter:clamp(18px, 3vw, 34px);--section-space:clamp(120px, 15vw, 230px);--soft:#f6f4f1;--ink:#343434;--muted:#76716d;--accent:#ff7a59;--mint:#cbeed3;--yellow:#ffd95a;--sky:#b9def4;--shadow:0 26px 70px #372f271f;background:#fff;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}h1,h2,h3,p,a,strong{word-break:keep-all;overflow-wrap:break-word}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,a{-webkit-tap-highlight-color:transparent}.site-shell{min-height:100vh;overflow-x:clip}.site-header{z-index:30;min-height:78px;padding:0 var(--page-gutter);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff0;grid-template-columns:1fr auto 1fr;align-items:center;display:grid;position:sticky;top:0;box-shadow:0 1px #1e1e1e14}.nav-left,.nav-right{color:#2f2f2f;align-items:center;gap:clamp(14px,2vw,26px);font-size:14px;line-height:1;display:flex}.nav-left a,.nav-right a{padding:10px 0;transition:color .18s,opacity .18s}.nav-left a:hover,.nav-right a:hover{color:var(--accent)}.nav-right{justify-content:flex-end}.brand,.footer-brand{color:#3c3c3c;letter-spacing:0;flex-direction:column;align-items:center;gap:1px;font-size:clamp(24px,3.2vw,38px);font-weight:300;line-height:.86;display:inline-flex}main{padding-top:clamp(90px,10vw,150px)}.hero-gallery{padding:0 0 clamp(150px, 16vw, 230px) var(--page-gutter)}.portfolio-rail,.wide-gallery{padding-right:var(--page-gutter);scroll-snap-type:x proximity;scrollbar-width:none;grid-auto-columns:minmax(230px,1fr);grid-auto-flow:column;gap:clamp(10px,1.1vw,18px);display:grid;overflow-x:auto}.portfolio-rail::-webkit-scrollbar{display:none}.wide-gallery::-webkit-scrollbar{display:none}.project-card{scroll-snap-align:start;min-width:0}.project-card img{aspect-ratio:.82;object-fit:cover;background:#eee;width:100%}.project-card div{gap:6px;padding:14px 0 0;display:grid}.project-card strong{color:#282828;letter-spacing:0;font-size:15px;line-height:1.42}.project-card span{color:#918b85;font-size:13px;line-height:1.5}.intro-section,.why-section,.answer-section,.place-section,.feed-section,.cta-section{padding:0 var(--page-gutter) var(--section-space)}.intro-section{text-align:center;justify-items:center;display:grid}.intro-copy{max-width:720px}.intro-copy>p:first-child{color:#3b3734;letter-spacing:0;margin:0 0 12px;font-size:clamp(30px,4vw,48px);font-weight:300;line-height:1.28}.intro-copy h1,.section-title h2,.cta-section h2{color:var(--ink);letter-spacing:0;margin:0;font-size:clamp(42px,5.8vw,70px);font-weight:400;line-height:1.22}.intro-copy h1 strong,.section-title strong{font-weight:800}.intro-copy>p:last-child,.section-title p,.cta-section p{color:#55514d;letter-spacing:0;max-width:760px;margin:26px auto 0;font-size:clamp(15px,1.2vw,17px);line-height:1.82}.process-visual{width:min(760px,100%);margin:clamp(54px,7vw,90px) auto 44px}.desk-illustration{min-height:clamp(270px,34vw,430px);position:relative}.desk-illustration:after{content:"";background:#bdb8b2;height:2px;position:absolute;bottom:7%;left:12%;right:7%}.lamp{border-bottom:8px solid #bbb7b1;border-left:8px solid #bbb7b1;width:130px;height:170px;position:absolute;bottom:7%;left:12%;transform:skew(-18deg)}.lamp:after{content:"";background:#d9d6cf;border-radius:42px 42px 8px 8px;width:74px;height:34px;position:absolute;top:-24px;left:-16px}.person,.panel{box-shadow:var(--shadow);position:absolute}.person{border-radius:48% 52% 46% 54%}.person-a{background:radial-gradient(circle at 50% 26%,#ffd7bf 0 22%,#0000 23%),linear-gradient(135deg,#ffca43,#ff9f63);width:clamp(130px,16vw,210px);height:clamp(118px,14vw,190px);bottom:10%;right:34%}.person-b{background:radial-gradient(circle at 48% 20%,#ffd7bf 0 18%,#0000 19%),linear-gradient(135deg,#6db7f0,#2f7fd4);width:clamp(120px,15vw,190px);height:clamp(134px,18vw,230px);bottom:26%;right:12%}.panel{aspect-ratio:.78;color:#2c2c2cb3;border-radius:4px;place-items:center;width:clamp(112px,13vw,168px);font-weight:800;display:grid}.panel-pink{background:#f7a9c9;top:7%;right:36%}.panel-blue{background:#99cdee;bottom:11%;right:23%}.panel-yellow{background:#ffd24f;bottom:20%;right:2%}.pill-button,.primary-button,.secondary-button{border-radius:999px;justify-content:center;align-items:center;gap:10px;min-height:52px;padding:0 28px;font-size:15px;line-height:1;transition:background-color .18s,color .18s;display:inline-flex}.pill-button{color:#4a4744;background:#ecebea}.pill-button:hover{background:#ddd9d5}.pill-button svg,.primary-button svg,.secondary-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:19px;height:19px}.section-title{text-align:center;justify-items:center;margin:0 auto clamp(54px,7vw,90px);display:grid}.marker{background:var(--mint);color:#ff4d18;border-radius:50%;place-items:center;width:54px;height:54px;margin-bottom:28px;font-size:30px;font-weight:800;line-height:1;display:grid}.why-section .marker{color:#0000}.why-section{text-align:center}.wide-gallery{grid-auto-columns:minmax(260px,1fr);max-width:1480px;margin:0 auto 42px}.wide-gallery .project-card img{aspect-ratio:1.04}.answer-section{padding-top:clamp(20px,4vw,60px)}.answer-section .marker{background:var(--yellow)}.reason-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(18px,4vw,72px);max-width:1220px;margin:0 auto;display:grid}.reason-card{text-align:center;justify-items:center;display:grid}.reason-card span{aspect-ratio:1.28;color:#fff;width:min(100%,190px);box-shadow:var(--shadow);background:radial-gradient(circle at 72% 20%,#ff6d6d 0 9%,#0000 10%),linear-gradient(135deg,#7f5ce5,#65d6c8);border-radius:28% 72% 56% 44%/42% 35% 65% 58%;place-items:center;margin-bottom:28px;font-size:42px;font-weight:800;display:grid}.reason-card:nth-child(2) span{background:radial-gradient(circle at 82% 18%,#61c9ff 0 8%,#0000 9%),linear-gradient(135deg,#09b8bd,#ffe35a)}.reason-card:nth-child(3) span{background:radial-gradient(circle at 78% 23%,#ff7b7b 0 9%,#0000 10%),linear-gradient(135deg,#ffd139,#4fc9df);border-radius:50%}.reason-card:nth-child(4) span{background:radial-gradient(circle at 64% 28%,#fff 0 12%,#0000 13%),linear-gradient(135deg,#ff9a8b,#ff6a88)}.reason-card h3{color:#3a3734;margin:0 0 10px;font-size:clamp(18px,1.5vw,22px);line-height:1.34}.reason-card p{color:#69645f;letter-spacing:0;margin:0;font-size:14px;line-height:1.78}.place-section .marker{color:#ff4b17;background:0 0;font-size:58px}.place-band{background:var(--soft);grid-template-columns:minmax(280px,.82fr) minmax(0,1.2fr);max-width:1480px;margin:0 auto;display:grid}.map-card{background:linear-gradient(#ffffffc7,#ffffffc7),repeating-linear-gradient(90deg,#0000 0 44px,#0000000d 45px 46px),repeating-linear-gradient(0deg,#0000 0 44px,#0000000d 45px 46px);align-content:center;gap:12px;min-height:360px;padding:clamp(30px,5vw,70px);display:grid}.map-card span{color:var(--accent);letter-spacing:.16em;font-size:13px;font-weight:800}.map-card strong{color:var(--ink);letter-spacing:0;font-size:clamp(30px,4vw,52px);line-height:1.25}.map-card p{color:var(--muted);margin:0;line-height:1.74}.place-band img{object-fit:cover;width:100%;height:100%;min-height:360px}.feed-section{text-align:center}.feed-heading span{color:#595551;letter-spacing:.18em;align-items:center;gap:12px;margin-bottom:18px;font-size:15px;font-weight:700;display:inline-flex}.feed-heading span:before{content:"";background:#35bff2;border-radius:50%;width:46px;height:46px}.feed-heading h2{color:#3b3b3b;letter-spacing:0;margin:0 0 42px;font-size:clamp(42px,5vw,68px);line-height:1.2}.feed-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.6vw,22px);max-width:1480px;margin:0 auto;display:grid}.feed-grid img{aspect-ratio:1.12;object-fit:cover;width:100%}.feed-controls{justify-content:center;gap:10px;margin-top:22px;display:flex}.feed-controls button{cursor:pointer;background:#a8a6a3;border:0;border-radius:999px;width:12px;height:12px;padding:0}.feed-controls button.active{background:#333;width:36px}.cta-section{text-align:center;justify-items:center;display:grid}.cta-section h2{font-weight:700}.cta-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:34px;display:flex}.primary-button{color:#fff;background:#2f2d2b}.primary-button:hover{background:var(--accent)}.secondary-button{color:#3d3935;background:#ecebea}.secondary-button:hover{background:#ddd9d5}.floating-actions{z-index:25;background:#fffffff2;border-radius:18px;display:grid;position:fixed;top:44%;right:clamp(12px,2vw,28px);overflow:hidden;box-shadow:0 18px 42px #00000021}.floating-actions a{color:#56514d;place-items:center;width:68px;min-height:58px;font-size:12px;transition:background-color .18s,color .18s;display:grid}.floating-actions a:hover{color:var(--accent);background:#f2eee9}.site-footer{padding:42px var(--page-gutter);color:#7b7773;grid-template-columns:auto 1fr auto;align-items:center;gap:40px;display:grid;box-shadow:0 -1px #1e1e1e14}.site-footer p{margin:0;font-size:13px;line-height:1.75}.site-footer div:last-child{gap:18px;font-size:13px;display:flex}@media (width<=980px){.site-header{grid-template-columns:1fr auto;min-height:70px}.nav-left{display:none}.brand{justify-self:start;align-items:flex-start;font-size:28px}.nav-right{gap:16px}main{padding-top:74px}.hero-gallery{padding-bottom:120px}.portfolio-rail{grid-auto-columns:minmax(210px,68vw)}.reason-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.place-band,.feed-grid{grid-template-columns:1fr}.feed-grid img{aspect-ratio:1.42}.site-footer{text-align:left;grid-template-columns:1fr}}@media (width<=640px){:root{--section-space:112px}.site-header{padding:0 18px}.nav-right a:first-child{display:none}.nav-right{font-size:13px}.hero-gallery{padding-left:18px}.intro-copy>p:first-child{font-size:28px}.intro-copy h1,.section-title h2,.cta-section h2{font-size:clamp(36px,11vw,52px);line-height:1.26}.intro-copy>p:last-child,.section-title p,.cta-section p{margin-top:20px;font-size:15px;line-height:1.78}.process-visual{margin:40px auto 30px}.desk-illustration{min-height:270px}.lamp{width:86px;left:4%}.panel-pink{right:42%}.panel-blue{right:24%}.panel-yellow{right:0}.person-a{right:35%}.person-b{right:5%}.wide-gallery{grid-auto-columns:minmax(230px,76vw)}.reason-grid{grid-template-columns:1fr;gap:56px}.reason-card p{max-width:300px}.floating-actions{display:none}.map-card,.place-band img{min-height:300px}.feed-heading h2{font-size:38px}.cta-actions,.primary-button,.secondary-button{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}