@import url('https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Inter:wght@400;500;600;700&family=Caveat:wght@500&display=swap');
:root{--paper:#f8f3e9;--ink:#272720;--orange:#c85c36;--line:#d6ccbb}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.7 Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}button,a,video{touch-action:manipulation}a:focus-visible,video:focus-visible{outline:3px solid var(--orange);outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2{font-family:'Instrument Serif',Georgia,serif;font-weight:400;letter-spacing:-.035em;line-height:1.03}h1 em,h2 em{font-weight:400;color:var(--orange)}.topbar{position:absolute;z-index:3;left:3%;top:20px;width:94%;display:flex;align-items:center;gap:34px;border:1px solid #ffffff90;background:#f8f3e9aa;backdrop-filter:blur(18px);border-radius:60px;padding:14px 24px}.brand{font-size:17px;letter-spacing:-.5px;margin-right:auto;font-weight:600}.brand span{font-size:10px;letter-spacing:2px;font-weight:500}.toplink{font-size:13px}.topcta,.primary,.contact-button{display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:14px 25px;border-radius:40px;background:linear-gradient(110deg,#dd8452,#bc5138);color:white;font-weight:600;box-shadow:0 8px 24px #ba643a24}.topcta{font-size:12px;padding:10px 20px}.hero{position:relative;overflow:hidden;padding:170px 7% 55px;min-height:870px;text-align:center;background:linear-gradient(0deg,var(--paper) 0%,#f8f3e9c4 38%,#f8f3e91a 100%),url('assets/hero-hill.jpg') center 38%/cover}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 33%,#ffffff40 33.1%,transparent 33.2%,transparent 66%,#ffffff40 66.1%,transparent 66.2%);pointer-events:none}.eyebrow,.section-kicker,.hero-footer,.project-no,.spec-badge,.play-hint,.footer{font-size:10px;font-weight:600;letter-spacing:2px}.eyebrow{display:inline-flex;gap:10px;align-items:center;padding:7px 14px;background:#f8f3e9b0;border-radius:30px}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--orange)}h1{font-size:clamp(68px,8.5vw,132px);margin:25px 0;color:#242b2b;text-shadow:0 0 35px #fff8}.hero-copy{max-width:560px;margin:24px auto;color:#44413b;font-size:16px}.hero-actions{display:flex;align-items:center;justify-content:center;gap:28px;margin:32px 0 60px}.secondary{font-size:13px;border-bottom:1px solid var(--ink);padding:10px 0}.handwritten{font-family:Caveat,cursive;font-size:24px;line-height:1.1;position:absolute;right:5%;top:280px;transform:rotate(9deg);color:#444}.hero-footer{display:flex;justify-content:space-between;position:relative;max-width:1120px;margin:75px auto 0;font-size:9px;color:#756859}.work,.approach,.about{padding:100px 7%;max-width:1440px;margin:auto}.section-head{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:45px}.section-head h2,.about h2{font-size:clamp(48px,5.7vw,82px);margin-top:20px}.section-head>p{max-width:355px;font-size:13px;color:#706759}.section-kicker{color:#96734d}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px 30px}.project{min-width:0}.video-wrap{position:relative;border-radius:28px;overflow:hidden;background:#ddd1bb;padding:12px;box-shadow:0 12px 35px #453d2312}.video-wrap video{display:block;width:100%;height:350px;background:#171a16;object-fit:contain;border-radius:18px}.spec-badge{position:absolute;top:26px;left:26px;background:#fff9;padding:6px 10px;border-radius:20px;font-size:8px;color:#1e1e1e;backdrop-filter:blur(5px)}.project-meta{display:flex;gap:18px;align-items:center;padding:18px 4px}.project-no{color:#ae8567}.project-meta h3{font-family:'Instrument Serif',Georgia,serif;font-size:29px;font-weight:400;line-height:1.2}.project-meta p{font-size:11px;letter-spacing:.2px;color:#776f62;margin-top:4px}.play-hint{margin-left:auto;color:#9c6547;font-size:8px;white-space:nowrap}.approach{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 10% 80%,#edd8b74d,transparent 65%)}.thinking{display:grid;grid-template-columns:230px 1fr;gap:60px;align-items:center}.thinking>img{width:100%;max-height:380px;object-fit:contain;mix-blend-mode:multiply}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.features b{font-family:'Instrument Serif',serif;font-size:40px;font-weight:400;color:#b58959}.features h3{font-size:16px;margin:15px 0}.features p{font-size:13px;color:#706759}.about{background:linear-gradient(90deg,#f8f3e9e6,#f8f3e9fa),url('assets/acropolis.jpg') center/cover}.about-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px}.about p{font-size:16px;max-width:470px;margin:24px 0;color:#655d52}.contact{position:relative;overflow:hidden;text-align:center;padding:120px 7%;background:linear-gradient(0deg,#f7edddb8,#f8f3e9ee),url('assets/hands-creation.jpg') center/cover}.contact h2{font-size:clamp(54px,7vw,102px);margin:25px 0}.contact>p{max-width:500px;margin:25px auto;color:#645646}.contact-button{margin:14px 0 35px}.contact-links{display:flex;justify-content:center;gap:28px;flex-wrap:wrap;font-size:12px}.contact-links a{border-bottom:1px solid #b79c81}.footer{padding:25px 7%;display:flex;justify-content:space-between;font-size:8px;color:#846d58}.reveal{opacity:0;transform:translateY(25px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}@media(max-width:900px){.handwritten{display:none}.thinking{grid-template-columns:150px 1fr;gap:30px}.features{grid-template-columns:1fr}.features>div{border-bottom:1px solid var(--line);padding-bottom:20px}.video-wrap video{height:300px}.section-head{gap:30px}}@media(max-width:600px){.topbar{top:15px;padding:10px 15px;gap:12px}.brand{font-size:14px}.brand span{display:block;font-size:8px;letter-spacing:1px}.toplink{display:none}.topcta{font-size:11px;padding:10px 15px}.hero{padding:160px 6% 45px;min-height:760px;background-position:center 28%}.eyebrow{font-size:8px;letter-spacing:1px}h1{font-size:66px;margin:35px 0 25px}.hero-copy{font-size:14px;max-width:320px}.hero-actions{flex-direction:column;gap:18px;margin-bottom:45px}.hero-footer{gap:25px;align-items:center;margin-top:40px;letter-spacing:1px;font-size:7px}.hero-footer span{max-width:150px}.work,.approach,.about{padding:65px 6%}.section-head{display:block;margin-bottom:32px}.section-head h2,.about h2{font-size:52px;margin:18px 0}.section-head>p{margin-top:25px;max-width:100%;font-size:13px}.work-grid{grid-template-columns:1fr;gap:24px}.video-wrap{padding:9px;border-radius:23px}.video-wrap video{height:310px}.project-meta{gap:12px}.project-meta h3{font-size:26px}.project-meta p{font-size:10px}.play-hint{display:none}.thinking{grid-template-columns:1fr}.thinking>img{height:250px;max-width:180px;margin:auto}.features{gap:15px}.features b{font-size:30px}.features h3{margin:10px 0}.about-layout{grid-template-columns:1fr;gap:10px}.about p{font-size:14px}.contact{padding:80px 6%}.contact h2{font-size:59px}.contact>p{font-size:14px}.contact-links{flex-direction:column;gap:15px;align-items:center}.footer{gap:24px;font-size:7px;letter-spacing:1px}.contact-button{padding:16px 20px;font-size:13px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}
.handwritten{position:static;display:block;margin:25px auto 0;transform:rotate(-4deg);font-size:23px}.hero-footer{margin-top:40px}a.primary,a.topcta,a.contact-button{color:#fff}@media(max-width:900px){.handwritten{display:none}}