/* AJ Webnova's display typography and interaction language. */
:root{--display:'Syne',sans-serif;--accent:#e1f5a5}
.wordmark,.footer-big{font-family:var(--display);font-weight:700;letter-spacing:-.055em}
.wordmark{gap:7px;font-size:24px}.brand-star{color:var(--accent)}
.hero{min-height:min(780px,100svh);padding-bottom:32px}
.hero-copy{padding:32px 0}.hero h1{font-family:var(--display);font-size:clamp(60px,7.6vw,118px);font-weight:600;letter-spacing:-.065em;line-height:1.03;max-width:1160px}
.hero h1 em{font-size:1.12em;letter-spacing:-.065em;color:#e1edc5}
.hero-bottom p{font-size:15px;line-height:1.7;margin-bottom:20px}
.eyebrow,.section-kicker,.hero-topline,.section-index{font-weight:600;letter-spacing:.08em}
.eyebrow{font-size:11px;text-transform:uppercase;display:flex;align-items:center;gap:10px}
.eyebrow:before{content:'';width:22px;height:1px;background:var(--accent)}
.studio h2,.section-heading h2,.services h2,.process h2,.faq h2,.contact h2,.motion-copy h2{font-family:var(--display);font-weight:500;letter-spacing:-.055em}
.studio h2{font-size:clamp(34px,4.1vw,65px)}
.work-meta h3,.process-grid h3{font-family:var(--display);font-weight:600;letter-spacing:-.035em}
.pill-button{min-height:56px;gap:28px;padding:7px 8px 7px 23px;border-radius:5px;background:var(--accent);border-color:var(--accent);font-size:13px;font-weight:700;letter-spacing:.015em;box-shadow:0 3px 0 #0002;transition:background .2s,transform .2s,box-shadow .2s}
.pill-button span{display:grid;place-items:center;flex:0 0 39px;width:39px;height:39px;border-radius:3px;background:#172018;color:var(--accent);font-size:23px;transition:transform .2s,background .2s}
.pill-button:hover{background:#f0f7de;border-color:#f0f7de;transform:translateY(-2px);box-shadow:0 6px 0 #0002}
.pill-button:hover span{transform:rotate(45deg)}
.pill-button:active{transform:translateY(1px);box-shadow:none}
.header-contact{display:inline-flex;align-items:center;gap:24px;min-height:44px;border:1px solid #ffffff55;border-radius:4px;padding:5px 6px 5px 16px;font-size:12px;font-weight:600;transition:background .2s}
.header-contact span{margin:0;display:grid;place-items:center;width:31px;height:31px;background:#ffffff12;border-radius:2px;font-size:18px}.header-contact:hover{background:#ffffff18}
.desktop-nav a{padding:12px 0;position:relative}.desktop-nav a:after{content:'';position:absolute;left:0;bottom:4px;width:100%;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .2s}.desktop-nav a:hover:after{transform:scaleX(1)}
.choose-design{min-height:51px;padding:8px 11px 8px 17px;border:1px solid #ffffff30;border-radius:4px;margin-top:20px;font-size:12px;font-weight:600;transition:background .2s,color .2s}
.choose-design span{display:grid;place-items:center;background:#ffffff0c;width:32px;height:32px;border-radius:2px;font-size:19px}.choose-design:hover{background:var(--accent);border-color:var(--accent);color:#172018}
.work-meta>a{border-radius:3px;min-height:40px;display:inline-flex;align-items:center;padding:8px 12px;font-size:11px}
.contact .pill-button{background:#172018;border-color:#172018;color:#f5f5eb}.contact .pill-button span{background:var(--accent);color:#172018}.contact .pill-button:hover{background:#2c3929}
.text-link{padding:12px 0 8px;min-height:44px;font-weight:600}
.portal-shortcut{position:fixed;bottom:20px;right:20px;z-index:1000;display:flex;align-items:center;gap:14px;min-height:46px;padding:12px 18px;background:#171b16f5;color:#edf2e6;border:1px solid #ffffff40;border-radius:4px;font:600 12px var(--sans);box-shadow:0 8px 24px #0003;backdrop-filter:blur(12px)}
.portal-shortcut:hover{border-color:var(--accent);color:var(--accent)}
.dessert-controls button{min-height:44px;min-width:44px;font-family:var(--sans);font-weight:600}
.footer-big{font-size:17vw;letter-spacing:-.065em}
@media(max-width:1000px){.hero h1{font-size:8.6vw}.hero-bottom{grid-template-columns:1fr 2fr}.hero{min-height:760px}.header-contact{gap:12px}}
@media(max-width:700px){.header-contact{display:none}.wordmark{font-size:19px}.hero{min-height:760px;height:auto;padding-top:110px}.hero-copy{padding:56px 0 45px}.hero h1{font-size:clamp(39px,10.3vw,70px);line-height:1.12}.hero-bottom{grid-template-columns:1fr}.hero-bottom p{font-size:14px}.hero h1 em{font-size:1.15em}.pill-button{font-size:12px;min-height:54px}.section-heading h2{font-size:40px}.studio h2{font-size:33px}.contact h2{font-size:60px}.portal-shortcut{bottom:12px;right:12px;padding:10px 13px;min-height:44px}.footer-big{font-size:17.2vw}.services h2,.process h2{font-size:40px}.work-meta h3{font-size:21px}}