/* Design Service: page-local implementation of Figma 30:664 / 30:665. */
.design-service{--cream:#f7f3ed;--ink:#1c1410;--muted:#6b5a4a;--amber:#bf7b2a;--line:#ded5c9;--dark:#2e1a0a;--surface:#eee8df;margin:0;background:var(--cream);color:var(--ink);font:16px/1.55 Manrope,sans-serif}
.design-service *{box-sizing:border-box}.design-service a{color:inherit;text-decoration:none}.design-service button,.design-service input,.design-service textarea{font:inherit}.design-service button{cursor:pointer}.design-service img{display:block;max-width:100%}.design-service h1,.design-service h2,.design-service h3{font-family:'Instrument Serif',serif;font-weight:400;line-height:1.05;margin:0}.design-service h2{font-size:48px}.design-service h3{font-size:28px}.design-service p{margin:0;color:var(--muted)}.design-service figure{margin:0}.design-service :focus-visible{outline:3px solid #8a5216;outline-offset:4px}.design-service [hidden]{display:none!important}.ds-skip{position:fixed;left:20px;top:-100px;z-index:2000;padding:12px;background:white}.ds-skip:focus{top:12px}.ds-wrap{max-width:1244px;padding-inline:22px;margin-inline:auto}.ds-section{padding-block:64px}.ds-section .ds-wrap>h2{margin:20px 0 24px}.ds-eyebrow{font-size:11px!important;letter-spacing:.11em;text-transform:uppercase;color:var(--amber)!important}.ds-surface{background:var(--surface)}.ds-lead{font-size:14px;margin-bottom:24px!important}.ds-grid{display:grid;gap:24px}.ds-three{grid-template-columns:repeat(3,minmax(0,1fr))}.ds-two{grid-template-columns:repeat(2,minmax(0,1fr))}.ds-hero{padding-top:32px;padding-bottom:72px}.ds-breadcrumb{font-size:12px;color:var(--muted);margin-bottom:30px}.ds-breadcrumb a:hover{text-decoration:underline}.ds-hero-grid{display:grid;grid-template-columns:minmax(0,544fr) minmax(0,600fr);gap:56px;align-items:start}.ds-hero-copy{display:flex;flex-direction:column;align-items:flex-start;gap:22px}.ds-hero h1{font-size:66px}.ds-hero-image{width:100%;height:auto;aspect-ratio:600/550;object-fit:cover;border-radius:8px}.ds-button{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:12px 24px;background:var(--amber);color:white!important;border:1px solid transparent;border-radius:6px;font-size:13px!important;font-weight:600;text-align:center;line-height:1.5}.ds-button:hover{background:#a96820}.ds-secondary{background:var(--cream);border-color:var(--line);color:var(--ink)!important}.ds-secondary:hover{background:var(--surface)}.ds-text-link{font-size:14px;text-underline-offset:4px}.ds-text-link:hover{text-decoration:underline}.ds-direct{padding-block:28px}.ds-direct .ds-eyebrow{margin-bottom:12px}.ds-direct strong{font-weight:400}.ds-card{padding:24px;background:white;border-radius:8px;display:flex;flex-direction:column;gap:16px}.ds-card p{font-size:14px}.ds-card .ds-button{margin-top:auto}.ds-examples img{width:100%;height:400px;object-fit:contain;border-radius:8px}.ds-examples h3{margin-block:16px}.ds-examples p{font-size:13px}.ds-dark{background:var(--dark);color:var(--cream)}.ds-dark p{color:#dccfbe}.ds-dark .ds-eyebrow{color:#dbac6d!important}.ds-deliverables{list-style:none;padding:0;margin:0 0 24px;font-size:22px;line-height:1.55}.ds-process{padding:0;list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;margin:0 0 24px}.ds-process li{padding:16px;background:var(--surface);border-radius:6px}.ds-step-number{font:30px/1.1 'Instrument Serif',serif;color:var(--amber)}.ds-process h3{font-size:22px;margin-block:12px}.ds-process p,.ds-process+p{font-size:14px}.ds-inputs{display:grid;gap:16px}.ds-input-row{display:grid;grid-template-columns:310fr 380fr 414fr;gap:24px;background:white;border-radius:6px;padding:24px}.ds-input-row h3{font-size:23px}.ds-input-row p{font-size:14px}.ds-small-label{display:block;text-transform:uppercase}.ds-faq{display:grid;gap:12px}.ds-faq details{border:1px solid var(--line);border-radius:6px;padding:16px}.ds-faq summary{font-size:15px;font-weight:600;cursor:pointer}.ds-faq details p{margin-top:12px;font-size:15px}.ds-form{background:white;padding:32px;display:grid;gap:24px;border-radius:8px}.ds-form fieldset{padding:0;margin:0;border:0;min-width:0}.ds-form legend{padding:0;margin-bottom:20px}.ds-stage-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.ds-stage{display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);border-radius:6px;padding:14px 12px;background:var(--cream);font-size:14px;cursor:pointer}.ds-stage:has(input:checked){border-color:var(--amber);background:#f8e9d6;box-shadow:inset 0 0 0 1px var(--amber)}.ds-product-options{display:flex;flex-wrap:wrap;gap:20px 36px}.ds-product-options label{display:flex;align-items:center;gap:10px;font-size:14px;min-height:32px;cursor:pointer}.ds-form input[type=checkbox],.ds-form input[type=radio]{width:18px;height:18px;accent-color:#9d601f;flex-shrink:0}.ds-field{display:flex;flex-direction:column;gap:8px;font-size:14px}.ds-field input,.ds-field textarea{width:100%;min-width:0;padding:12px 16px;border:1px solid #d9d9d9;border-radius:8px;background:white;color:var(--ink);font-size:16px;line-height:1.5}.ds-field textarea{resize:vertical;min-height:110px}.ds-field ::placeholder{color:var(--muted);opacity:1}.ds-form p{font-size:13px}.ds-actions{display:flex;flex-wrap:wrap;gap:12px}.ds-actions .ds-button{min-width:270px}.ds-fine{font-size:12px!important}.ds-error{color:#a32121!important;margin-top:8px!important}.site-footer-v2{background:var(--dark);color:var(--cream);padding:40px 22px}.ft-in{max-width:1200px;margin:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}.ft-col h4{font:24px/1.05 'Instrument Serif',serif;margin:0 0 16px}.ft-col a{display:block;font-size:13px;color:#dccfbe;margin-bottom:8px}.ft-col a:hover{text-decoration:underline}.ft-col p{font-size:13px;color:#dccfbe}.ft-col img{width:auto!important;object-fit:contain}.ft-bottom{max-width:1200px;margin:32px auto 0}.ft-bottom p{font-size:11px;color:#dccfbe}#brief-preview{width:min(640px,calc(100% - 32px));max-height:90dvh;overflow:auto;padding:0;border:1px solid var(--line);border-radius:10px;background:var(--cream);color:var(--ink)}#brief-preview::backdrop{background:rgba(28,20,16,.55)}.ds-preview{padding:32px;display:grid;gap:20px}.ds-preview h2{font-size:36px}.ds-preview p{font-size:14px}.ds-preview pre{white-space:pre-wrap;overflow-wrap:anywhere;background:white;padding:20px;font:14px/1.55 Manrope,sans-serif;margin:0}.ds-preview .ds-button{width:100%}body:has(#brief-preview[open]){overflow:hidden}
.n{position:sticky;top:0;z-index:1000;background:#f7f3ed;box-shadow:0 1px 0 rgba(46,26,10,.08);font-family:Manrope,sans-serif;line-height:1.6}
.n-in{max-width:1280px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:18px 48px;gap:24px}
.n-brand{display:flex;align-items:center;gap:12px;flex-shrink:0}
.n-icon{height:44px;width:auto;object-fit:contain}
.n-name{font-family:'Instrument Serif',serif;font-size:20px;color:#1c1410}
.n-r{display:flex;gap:28px;align-items:center}
.n-r a{font-size:12px;font-weight:600;letter-spacing:1.8px;text-transform:uppercase;color:#8a7e72;transition:color .3s}
.n-r a:hover,.n-r a.active{color:#1c1410}
.n-r .n-cta{padding:10px 22px;background:#bf7b2a;color:#fff;border-radius:8px;font-weight:700;box-shadow:0 2px 12px rgba(191,123,42,.25);white-space:nowrap}
.n-r .n-cta:hover{background:#d4923e}
.n-mobile{display:none;background:none;border:none;font-size:24px;color:#1c1410;cursor:pointer}
[id]{scroll-margin-top:100px}
@media(max-width:900px){
.n-r{display:none;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:#fffdf9;padding:20px;gap:16px;box-shadow:0 18px 40px rgba(46,26,10,.1)}
.n-r.open{display:flex}.n-mobile{display:block}
}
@media(max-width:768px){
.n-in{min-height:86px;padding:14px 20px;gap:12px}.n-icon{height:40px}.n-name{font-size:24px}
.n-mobile{width:54px;height:54px;min-width:54px;border-radius:14px;background:#f3eadf;border:1px solid rgba(191,123,42,.28);color:#bf7b2a}
.n-r{padding:8px 20px 16px;gap:0;border-top:1px solid rgba(92,58,30,.12);max-height:calc(100vh - 88px);overflow-y:auto}
.n-r.open{display:block}.n-r a{display:block;padding:14px 4px;border-bottom:1px solid rgba(92,58,30,.08);color:#5c4a3a;font-size:14px;letter-spacing:.12em;text-align:left}
.n-r a.active{color:#bf7b2a}.n-r a.n-cta{margin-top:12px;padding:14px 18px;border:0;border-radius:12px;text-align:center}
}

/* Break before the full navigation could wrap. */
@media(min-width:901px) and (max-width:1100px){.design-service .n-in{padding-inline:24px;gap:16px}.design-service .n-r{gap:16px}.design-service .n-r a{font-size:11px;letter-spacing:1px}.design-service .n-r .n-cta{padding-inline:16px}}
@media(max-width:1000px){.ds-hero-grid{gap:32px}.ds-hero h1{font-size:54px}.ds-process{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.ds-section{padding-block:40px}.design-service h2{font-size:36px}.ds-hero{padding-top:24px;padding-bottom:40px}.ds-breadcrumb{margin-bottom:22px}.ds-hero-grid,.ds-two,.ds-three,.ds-stage-options,.ds-input-row,.ds-process,.ft-in{grid-template-columns:1fr}.ds-hero-grid{gap:22px}.ds-hero h1{font-size:44px}.ds-hero-copy>p:not(.ds-eyebrow){font-size:15px}.ds-hero-copy>.ds-button{width:100%}.ds-hero-image{aspect-ratio:346/318}.ds-direct p{font-size:14px}.ds-examples img{height:300px}.ds-deliverables{font-size:17px}.ds-dark p{font-size:14px}.ds-input-row{gap:12px}.ds-input-row h3{font-size:22px}.ds-process{gap:20px}.ds-faq summary,.ds-faq details p{font-size:14px}.ds-form{padding:20px}.ds-product-options{flex-direction:column;gap:4px}.ds-product-options label{min-height:36px}.ds-actions{flex-direction:column}.ds-actions .ds-button{min-width:0;width:100%}.ds-form .ds-grid{gap:24px}.ds-preview{padding:22px}.ds-preview h2{font-size:32px}}
@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}