*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#fff;color:#111;font-family:Inter,-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;width:100%}a:focus-visible,button:focus-visible{outline:3px solid #ef652d;outline-offset:5px}.agency-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 4vw;border-bottom:1px solid #ddd}.wordmark{font-size:23px;font-weight:900;letter-spacing:-1px}.wordmark span,.agency-hero h1 span,.agency-footer h2 span{color:#ef652d}.wordmark small{display:block;font-size:9px;letter-spacing:2px;margin-top:6px;font-weight:500}.dot{font-size:12px;margin-left:5px}.agency-header nav{display:flex;gap:26px;font-size:13px}.copy-email{background:none;border:0;padding:10px 0;color:inherit;font-size:14px}.copy-email span{color:#ef652d}.agency-hero{display:grid;grid-template-columns:1.08fr 1fr;min-height:660px;padding:48px 4vw 64px;gap:4vw}.hero-intro{display:flex;flex-direction:column;justify-content:space-between}.kicker{font-size:10px;font-weight:600;letter-spacing:2px;line-height:1.6}.agency-hero h1{font-size:clamp(48px,6.9vw,112px);font-weight:900;letter-spacing:-.075em;line-height:.94;margin:32px 0}.hero-bottom{display:flex;justify-content:space-between;align-items:end;gap:15px}.hero-bottom p{font-size:15px;line-height:1.5}.pill{display:inline-block;border-bottom:2px solid #ef652d;padding:12px 0;font-size:13px;font-weight:600}.door-scene{position:relative;overflow:hidden;background:linear-gradient(100deg,#bbb8b0,#e5e1da 18%,#c2bdb4);min-height:570px;padding:0 12% 0 8%;box-shadow:inset 12px 0 30px #0002}.hotel-door{height:100%;min-height:570px;position:relative;background:repeating-linear-gradient(91deg,#54493d 0,#635647 2px,#574a3e 5px,#635647 8px);border-left:8px solid #39312a;border-right:6px solid #39312a;box-shadow:12px 0 22px #0004}.room-number{position:absolute;top:35px;left:0;right:0;text-align:center;color:#e2d6bd;letter-spacing:7px;font-size:20px}.door-hardware{position:absolute;top:38%;left:19%;height:170px;width:42px;background:linear-gradient(90deg,#5b5955,#e3dfd5,#8a8880);box-shadow:4px 6px 10px #0005;border-radius:3px}.door-handle{position:absolute;top:42px;left:15px;width:110px;height:15px;background:linear-gradient(#e8e5dc,#77756f);border-radius:3px;box-shadow:0 6px 6px #0005}.door-art{position:absolute;top:calc(38% + 55px);left:17%;width:155px;transform:rotate(-7deg);box-shadow:8px 12px 15px #0005}.scene-label{position:absolute;bottom:20px;left:20px;color:#fff;font-size:9px;letter-spacing:1.4px;line-height:1.7;background:#111b;padding:10px}.selected,.agency-about{padding:72px 4vw;border-top:1px solid #ddd}.section-title{display:flex;justify-content:space-between;gap:30px;align-items:start;margin-bottom:45px}.section-title h2,.agency-about h2{font-size:clamp(36px,5vw,76px);line-height:1;letter-spacing:-.06em;margin:0}.section-title>p:last-child{font-size:13px;color:#666;line-height:1.7}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px 24px}.work-image{background:#f2f2f2;aspect-ratio:1.15;overflow:hidden;display:grid;place-items:center}.work-image img{height:100%;object-fit:contain;transition:transform .35s}.work-card:hover img{transform:scale(1.025)}.work-caption{display:flex;justify-content:space-between;padding-top:20px}.work-caption span{font-size:10px;color:#666}.work-caption h3{font-size:23px;letter-spacing:-.04em;margin:8px 0}.work-caption p,.concept-note{font-size:12px;color:#666;line-height:1.6}.work-caption b{color:#ef652d}.concept-note{margin-top:32px}.agency-about{display:grid;grid-template-columns:1fr 2fr;gap:30px}.agency-about>div>p{max-width:620px;line-height:1.7;color:#555}.about-links{display:flex;flex-wrap:wrap;gap:22px;font-size:13px;margin-top:35px}.agency-footer{padding:70px 4vw 25px;background:#f4f4f4;overflow:hidden}.agency-footer h2{font-size:clamp(48px,9.5vw,155px);line-height:.94;letter-spacing:-.075em;margin:40px 0;font-weight:900}.footer-email{font-size:clamp(18px,3vw,36px);letter-spacing:-.04em;border-bottom:1px solid #bbb}.copy-hint{font-size:11px;color:#666}.footer-work{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:55px 0}.footer-work img{height:260px;object-fit:contain;background:#e9e9e9}.footer-bottom{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;border-top:1px solid #ddd;padding-top:22px}#copy-status:not(:empty){position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#111;color:#fff;padding:15px 25px;border-radius:4px;z-index:100}@media(max-width:760px){.agency-header{flex-wrap:wrap;padding:20px}.agency-header nav{gap:18px}.agency-header .copy-email{width:100%;text-align:left;border-top:1px solid #eee}.agency-hero{grid-template-columns:1fr;padding:30px 20px;gap:30px}.agency-hero h1{font-size:clamp(48px,12vw,90px)}.door-scene,.hotel-door{min-height:440px}.section-title{display:block}.section-title h2{margin:25px 0}.selected,.agency-about{padding:50px 20px}.work-grid{grid-template-columns:1fr;gap:35px}.agency-about{grid-template-columns:1fr}.agency-footer{padding:45px 20px 25px}.footer-work{gap:8px}.footer-work img{height:150px}.footer-bottom{gap:20px;line-height:1.6}.hero-bottom{align-items:center}.pill{font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.work-image img{transition:none}}
