/* A fuller typographic voice and continuous, content-led sections. */
:root{--body:'Outfit',Arial,sans-serif;--display:'Outfit',Arial,sans-serif;--hand:'Outfit',Arial,sans-serif}
body{font-size:17px;letter-spacing:0}
h1,h2,h3,.wordmark,.nav-dialog nav a{font-family:var(--display);font-weight:800;letter-spacing:-.04em}
.header{min-height:96px;padding-block:22px}
.wordmark{font-weight:900;font-size:21px;letter-spacing:-.7px;line-height:.94}
.desktop-nav{font-weight:500}
.hero{padding-top:22px}
.hero-title-wrap{margin-top:24px}
.hero h1{font-size:clamp(72px,8.2vw,124px);font-weight:800;line-height:1.02;letter-spacing:-.055em}
.hero-bottom{margin-top:28px}
.hero-bottom>p{font-size:17px;line-height:1.6}
.hero-sticker{top:0;right:0}
.hero-showcase{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start;height:auto;max-width:none;margin:34px auto 24px}
.hero-browser{position:relative;inset:auto;width:100%;transform:none;border-radius:12px;box-shadow:0 8px 24px #19124f12}
.hero-browser:hover{transform:translateY(-5px)}
.hero-caption{position:static;grid-column:1/-1;justify-self:center;transform:none;font-size:13px;line-height:1.4}
.browser-chrome{height:28px}
.values-strip{border-radius:0;padding-block:20px;font-weight:600}
.section{padding-block:56px}
h2,.about-copy h2,.site-check h2{font-size:clamp(42px,4.4vw,66px);font-weight:800;line-height:1.06;letter-spacing:-.045em}
.section-intro,.services .section-intro{margin-bottom:30px}
.section-aside p{margin-top:16px}
.project-grid{gap:24px}
.project-cover{height:auto;aspect-ratio:1.35;border-radius:20px}
.case-browser{top:84px}
.project-caption{margin-top:16px}
.project-caption h3{font-size:23px;font-weight:700;letter-spacing:-.035em}
.project-caption p{font-size:10px}
.projects-foot{margin-top:30px;gap:16px;flex-direction:row;justify-content:space-between}
.about,.services,.process{margin:0;border-radius:0}
.about-grid{gap:56px;grid-template-columns:.92fr 1.08fr}
.portrait-composition{padding:0;max-width:470px;width:100%;margin-inline:auto}
.portrait-frame{height:440px;overflow:hidden;border-radius:22px;background:#b6affb;box-shadow:none;transform:none}
.portrait-frame>img{width:100%;height:100%;object-fit:cover;object-position:60% 50%;transform:scale(1.55);transform-origin:60% 45%}
.portrait-sticker{display:none}
.portrait-caption{margin-top:14px}
.avatar img{width:265%;height:265%;left:-94%;top:-63%;object-fit:cover;object-position:center;transform:none}
.about-copy h2{margin-bottom:22px}
.about-copy>p:not(.eyebrow){font-size:16px;line-height:1.7}
.about-lead{font-size:22px!important;font-weight:500}
.site-check{gap:56px}
.check-note{margin-top:12px}
.notepad{transform:none;box-shadow:0 10px 28px #19124f0a}
.notepad-head>span:last-child{font-size:12px;font-weight:700}
.notepad-lines{list-style:none;margin:0;padding:5px 27px}
.notepad-lines:before{left:64px}
.notepad-row{display:flex;align-items:center;gap:24px;padding:19px 0;border-bottom:1px solid #ded59b;font-size:16px;line-height:1.5}
.notepad-row:last-child{border:0}
.drawn-check{width:24px;height:24px;border:1.5px solid #a8a16d;border-radius:6px;transition:background 350ms,border-color 350ms;display:grid;place-items:center}
.drawn-check svg{width:23px;height:23px;overflow:visible;fill:none;stroke:var(--navy);stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}
.drawn-check path{stroke-dasharray:28;stroke-dashoffset:28;transition:stroke-dashoffset 500ms cubic-bezier(.22,1,.36,1)}
.is-ticked .drawn-check{background:var(--yellow);border-color:#c4af00}
.is-ticked .drawn-check path{stroke-dashoffset:0}
.notepad-foot{padding:10px 27px 26px 75px}
.notepad-foot p{font-size:12px}
.notepad-foot a{font-size:14px;font-weight:600}
.service-panel{min-height:0;padding:36px 40px;gap:55px}
.service-summary h3{font-size:54px;font-weight:800;line-height:1.04;letter-spacing:-.04em}
.service-price strong{font-weight:700}
.process-grid{margin-top:30px}
.process-grid article{min-height:300px}
.process-grid h3{font-weight:700;font-size:26px;line-height:1.2}
.faq{gap:60px}
.faq h2{margin-bottom:22px}
.contact h2{font-size:clamp(74px,13vw,180px);font-weight:800;line-height:1.08;letter-spacing:-.055em}
.nav-dialog nav a{font-weight:800}
.pill{font-weight:600}
@media(max-width:1150px){
.hero h1{font-size:8.7vw}.about-grid,.site-check{gap:36px}.portrait-frame{height:415px}
.project-cover{aspect-ratio:1.18}.case-browser{top:90px}.section-aside{max-width:290px}
}
@media(max-width:800px){
.header{min-height:88px}.hero{padding-top:18px}.hero-title-wrap{margin-top:30px}
.hero h1{font-size:clamp(44px,11.8vw,86px);letter-spacing:-.055em;line-height:1.04}
.hero-sticker{top:-26px}.hero-bottom{gap:18px;margin-top:24px}
.hero-bottom>p{font-size:15px}.hero-showcase{height:auto;grid-template-columns:1fr 1fr;gap:10px;margin-top:28px;margin-bottom:20px}
.hero-browser{width:100%;inset:auto;transform:none;border-radius:7px}.hero-caption{font-size:11px}
.hero-showcase .browser-chrome{height:20px;padding-inline:7px;gap:6px}.hero-showcase .browser-chrome p{font-size:5px}
.hero-showcase .browser-controls{gap:2px}.hero-showcase .browser-controls i{width:3px;height:3px}
.section{padding-block:40px}.section-intro,.services .section-intro{gap:22px;margin-bottom:25px}
h2,.about-copy h2,.site-check h2,.services h2{font-size:clamp(37px,7.3vw,54px);font-weight:800;line-height:1.07;letter-spacing:-.04em}
.project-grid{gap:28px}.project-cover{aspect-ratio:1.15;height:auto}.case-browser{top:80px}
.project-caption h3{font-size:21px}.project-caption p{font-size:9px}
.projects-foot{margin-top:26px;flex-direction:column;gap:15px}
.about-grid{grid-template-columns:1fr;gap:30px}.portrait-composition{width:min(380px,100%);padding:0}.portrait-frame{height:385px}
.portrait-caption{font-size:9px}.about-copy>p:not(.eyebrow){font-size:16px}
.site-check{gap:28px}.site-check>div>p:not(.eyebrow){margin-top:20px}
.notepad-lines{padding:4px 22px}.notepad-lines:before{left:58px}
.notepad-row{gap:23px;font-size:14px;padding:18px 0;line-height:1.55}
.notepad-head{padding:17px 22px}.notepad-head>span:last-child{font-size:11px}
.notepad-foot{padding:9px 22px 24px 69px}.notepad-foot p{font-size:11px}
.service-panel{padding:27px 23px;gap:25px}.service-summary h3{font-size:44px;font-weight:800}
.process-grid{margin-top:25px}.process-grid article{min-height:0}.process-grid h3{font-size:25px}
.faq{gap:28px}.contact h2{font-size:16vw;font-weight:800;letter-spacing:-.05em}
}
@media(prefers-reduced-motion:reduce){.drawn-check,.drawn-check path{transition:none}}

/* Luntrazo wordmark */
.wordmark{font-size:24px;font-weight:900;letter-spacing:-1px;line-height:.95}.wordmark>span+span{font-size:.55em;letter-spacing:.24em;margin-top:5px}.footer .wordmark{font-size:29px}.footer .wordmark>span+span{font-size:.55em}
@media(max-width:800px){.wordmark{font-size:20px}.footer .wordmark{font-size:26px}.hero-kicker{font-size:7px;letter-spacing:.3px}}