@font-face{font-family:'Bodoni Moda';src:url('/fonts/bodoni-moda-normal.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Bodoni Moda';src:url('/fonts/bodoni-moda-italic.ttf') format('truetype');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:Manrope;src:url('/design-examples/assets/font-6.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Manrope;src:url('/design-examples/assets/font-8.ttf') format('truetype');font-weight:600;font-style:normal;font-display:swap}
:root{--paper:#f6f1ee;--ink:#282421;--wine:#752e3b;--accent:#b33c31;--muted:#685e59;--line:#d7cbc4;--blush:#ebded8;--white:#fffaf7;--error:#a12f26;--display:'Bodoni Moda',Georgia,serif;--body:Manrope,system-ui,sans-serif;--gutter:24px;--space:60px;--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px;scrollbar-color:var(--wine) var(--paper)}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}::selection{color:var(--white);background:var(--wine)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button,a,summary{touch-action:manipulation}img{display:block;max-width:100%;height:auto}p,h1,h2,h3,figure{margin:0}h1,h2,h3{font-family:var(--display);font-weight:400;letter-spacing:-.035em;line-height:1.07;text-wrap:balance}h1{font-size:clamp(44px,6.4vw,92px)}h2{font-size:clamp(38px,4.2vw,62px)}h3{font-size:28px}em{font-weight:400;color:var(--wine)}p{max-width:65ch}button,input,textarea,select{-webkit-tap-highlight-color:transparent}input,textarea{caret-color:var(--wine)}input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--wine);outline-offset:5px}[hidden]{display:none!important}.wrap{width:min(1320px,calc(100% - var(--gutter)*2));margin-inline:auto}.section{padding-block:var(--space)}.icon{flex:none;width:22px;height:22px;vertical-align:middle}.skip-link{position:fixed;top:8px;left:16px;padding:10px 16px;background:var(--wine);color:white;z-index:100;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;border:1px solid var(--wine);border-radius:40px;min-height:52px;padding:14px 22px;background:var(--wine);color:var(--white);font-size:13px;font-weight:600;line-height:1.5;transition:background .25s,transform .45s var(--ease),box-shadow .3s}.button:hover{background:#5b1c29;transform:translateY(-2px);box-shadow:0 10px 20px -15px #752e3b80}.button .icon{width:19px;height:19px;transition:transform .35s var(--ease)}.button:hover .icon{transform:translate(2px,-2px)}.button:disabled{opacity:.55;cursor:wait;transform:none}.underlink{display:inline-flex;align-items:center;gap:15px;min-height:44px;font-size:12px;border-bottom:1px solid transparent;transition:border-color .3s}.underlink:hover{border-color:currentColor}.underlink .icon{width:16px;height:16px}.site-header{position:sticky;top:0;z-index:30;background:#f6f1eeed;backdrop-filter:blur(12px);border-bottom:1px solid transparent;transition:border-color .3s,background .3s}.site-header.is-scrolled{background:rgba(246,241,238,.78);border-color:var(--line)}.navigation{min-height:82px;display:flex;align-items:center;gap:18px}.brand{display:inline-flex;align-items:center;flex:none}.brand img{width:98px;height:auto}.nav-links{display:none;align-items:center;gap:34px;font-size:12px;margin-inline:auto}.nav-links a{padding:15px 0;border-bottom:1px solid transparent;transition:border-color .3s}.nav-links a:hover{border-color:var(--wine)}.nav-contact{display:flex;align-items:center;gap:13px;margin-left:auto;font-size:12px;white-space:nowrap}.nav-contact>span{width:38px;height:38px;border:1px solid var(--wine);border-radius:50%;display:grid;place-items:center;color:var(--wine);transition:background .25s,color .25s}.nav-contact .icon{width:17px;height:17px}.nav-contact:hover>span{background:var(--wine);color:var(--paper)}.menu-toggle{display:flex;width:38px;height:44px;flex-direction:column;justify-content:center;align-items:center;gap:6px;background:none;border:0;padding:0}.menu-toggle span{width:21px;height:1px;background:var(--ink);transition:transform .3s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.editorial-hero{padding-top:30px}.hero-intro{text-align:center;max-width:1000px;margin:auto}.hero-intro h1{line-height:1.02}.hero-intro h1 em{letter-spacing:-.035em}.hero-intro>p{max-width:495px;font-size:14px;line-height:1.8;margin:23px auto 22px;white-space:pre-line;color:var(--muted)}.quiet-note{display:block;font-size:12px;color:var(--muted);margin-top:14px}.cover-spread{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:42px;align-items:start}.cover-spread figure{min-width:0}.cover-spread a{display:block;position:relative;overflow:hidden}.cover-spread img{width:100%;transition:transform 1s var(--ease)}.cover-spread a:hover img{transform:scale(1.035)}.cover-lead{grid-column:1/-1;grid-row:1}.cover-lead img{aspect-ratio:4/3;object-fit:cover}.cover-side img{aspect-ratio:4/3;object-fit:cover}.cover-left{transform:rotate(-3deg);margin:5px 4px 0}.cover-right{transform:rotate(3deg);margin:22px 4px 0}.cover-spread figcaption{font-size:12px;color:var(--muted);margin-top:12px;line-height:1.6}.cover-lead figcaption{display:flex;justify-content:space-between;gap:16px}.cover-lead figcaption>span:last-child{display:none}.cover-link{position:absolute;bottom:15px;right:15px;display:flex;gap:13px;align-items:center;background:var(--white);padding:9px 14px;min-height:42px;font-size:12px;transition:background .25s}.cover-link .icon{width:16px;height:16px}.cover-lead a:hover .cover-link{background:var(--wine);color:var(--white)}.margin-note{display:none}.hero-bottom{display:flex;gap:12px;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:25px 0 23px;border-bottom:1px solid var(--line);margin-top:32px;color:var(--muted);font-size:12px}.hero-bottom a{display:flex;align-items:center;gap:12px;min-height:44px}.hero-bottom .icon{width:16px;height:16px}.intro-story{display:grid;gap:28px}.story-label{font-size:12px;color:var(--wine)}.intro-story>div:last-child>p{max-width:530px;color:var(--muted);font-size:15px;margin-top:24px}.section-head{display:flex;flex-direction:column;gap:24px;margin-bottom:38px}.section-head>p{font-size:13px;color:var(--muted);max-width:350px}.projects{padding-top:8px;padding-bottom:var(--space)}.project-grid{display:grid;gap:44px}.project-art{display:block;position:relative;overflow:hidden;isolation:isolate}.project-art img{aspect-ratio:4/3;object-fit:cover;transition:transform 1s var(--ease),filter .5s}.project-art:hover img{transform:scale(1.03);filter:brightness(.96)}.project-open{position:absolute;bottom:16px;right:16px;display:flex;gap:18px;align-items:center;background:var(--white);padding:12px 15px;min-height:44px;font-size:12px}.project-open .icon{width:18px;height:18px}.project-caption{display:flex;align-items:baseline;gap:20px;margin-top:18px}.project-caption h3{font-size:30px;line-height:1}.project-caption>span{font-size:12px;color:var(--muted);margin-left:auto}.project-caption>a{display:grid;place-items:center;min-width:44px;min-height:44px;align-self:center}.project>p{font-size:13px;color:var(--muted);margin-top:6px}.project>.underlink{font-size:12px;color:var(--wine);margin-top:8px}.gallery-close{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:55px;padding-top:28px;border-top:1px solid var(--line)}.gallery-close p{font-family:var(--display);font-size:27px;line-height:1.2;letter-spacing:-.02em}.round-link{display:grid;place-items:center;flex:none;width:58px;height:58px;border-radius:50%;border:1px solid var(--wine);color:var(--wine);transition:background .3s,color .3s}.round-link:hover{background:var(--wine);color:var(--paper)}.round-link .icon{width:27px;height:27px}.offerings{background:var(--blush)}.offering-list{border-top:1px solid #c5b2aa}.offering-list article{display:grid;grid-template-columns:1fr;gap:14px 25px;border-bottom:1px solid #c5b2aa;padding:29px 0}.offering-list h3{font-size:27px}.offering-list p{grid-column:1;font-size:14px;line-height:1.85;color:#675852;max-width:440px}.offering-list a{grid-column:2;grid-row:1/3;align-self:center;display:grid;place-items:center;width:44px;height:44px;transition:color .25s,transform .3s}.offering-list a:hover{color:var(--accent);transform:translate(2px,-2px)}.process{display:grid;gap:34px}.large-copy{font-size:20px;letter-spacing:-.025em;line-height:1.55}.process-body>.large-copy{margin-bottom:34px;max-width:550px}.process-list{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}.process-list li{display:flex;gap:22px;padding:25px 0;border-bottom:1px solid var(--line)}.process-list li>span{color:var(--wine);font-family:var(--display);font-size:25px;line-height:1.2}.process-list h3{font-family:var(--body);font-size:15px;font-weight:600;letter-spacing:-.015em;line-height:1.5}.process-list p{font-size:13px;color:var(--muted);line-height:1.8;margin-top:10px}.founder-section{background:var(--wine);color:var(--paper)}.founder-layout{padding-block:var(--space);display:grid;gap:35px}.founder-word h2{font-size:clamp(42px,4.8vw,68px)}.founder-word em{color:#e7b6a6}.founder-signature{display:none;font-family:var(--display);font-size:60px;font-style:italic;line-height:1;color:#e7b6a6;margin-top:35px}.founder-copy>.large-copy{font-size:22px;line-height:1.6;color:var(--paper);max-width:470px}.founder-copy>p:not(.large-copy){font-size:14px;color:#ecd8d9;line-height:1.85;margin-top:24px;max-width:460px}.byline{margin-top:30px;display:flex;flex-direction:column;font-size:13px;gap:3px}.byline>span{font-size:12px;color:#ecd8d9}.questions{display:grid;gap:38px}.question-index>p{font-size:13px;color:var(--muted);margin-top:22px}.question-tabs{display:flex;flex-wrap:wrap;gap:16px;border-bottom:1px solid var(--line);margin-top:28px;margin-bottom:24px}.question-tab{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:48px;font-size:12px;border-bottom:1px solid transparent;margin-bottom:-1px}.question-tab .icon{display:none;width:17px;height:17px}.question-tab[aria-selected=true]{border-color:var(--wine);color:var(--wine);font-weight:600}.question-panel{margin-bottom:35px}.question-panel:last-child{margin-bottom:0}.question-panel article+article{margin-top:33px;padding-top:29px;border-top:1px solid var(--line)}.question-panel h3{font-size:30px;line-height:1.2;max-width:530px}.question-panel p{margin-top:18px;font-size:14px;line-height:1.9;color:var(--muted)}.question-panel a{text-decoration:underline;text-underline-offset:4px;color:var(--wine)}.question-index>.underlink{color:var(--wine)}.letter-section{background:#eee3de;position:relative}.legacy-anchor{position:absolute;top:0}.letter-layout{padding-block:var(--space);display:grid;gap:44px}.letter-aside>p{font-size:14px;color:#675852;margin-top:24px;max-width:320px}.letter-promise{display:block;font-size:12px;line-height:1.85;margin-top:25px;color:var(--wine)}.letter-aside>a{display:flex;align-items:center;gap:22px;font-size:15px;margin-top:24px;min-height:44px}.letter-aside>a:hover{text-decoration:underline;text-underline-offset:5px}.project-letter{border-top:1px solid #bba59c;padding-top:30px;min-width:0}.project-letter>h3{font-size:45px;color:var(--wine);font-style:italic;margin-bottom:30px}.letter-sentence{display:flex;flex-wrap:wrap;gap:2px 14px;align-items:baseline;margin-bottom:13px;font-family:var(--display);font-size:22px;line-height:1.7}.letter-sentence input,.letter-sentence select{flex:1;min-width:180px;width:100%;border:0;border-bottom:1px solid #8e776e;border-radius:0;min-height:44px;background:transparent;color:var(--ink);font-family:var(--body);font-size:16px;padding:8px 2px}.letter-sentence select{cursor:pointer}.letter-needs{border:0;padding:0;margin:26px 0;min-width:0}.letter-needs legend{font-family:var(--display);font-size:22px;line-height:1.5;padding:0;margin-bottom:5px}.field-hint{font-size:12px;color:#675852}.need-options{display:flex;flex-wrap:wrap;gap:10px 9px;margin-top:15px}.need-options label{position:relative;cursor:pointer}.need-options input{position:absolute;opacity:0;width:1px;height:1px}.need-options label>span{display:flex;gap:10px;align-items:center;border:1px solid #9d8981;border-radius:2px;font-size:12px;padding:9px 12px;min-height:44px;transition:background .25s,color .25s,border-color .25s}.need-options .icon{width:15px;height:15px;opacity:0;transition:opacity .25s}.need-options input:checked+span{background:var(--wine);border-color:var(--wine);color:var(--paper)}.need-options input:checked+span .icon{opacity:1}.need-options input:focus-visible+span{outline:2px solid var(--wine);outline-offset:4px}.letter-field{margin-top:24px;min-width:0}.letter-field>label{display:block;font-size:12px;margin-bottom:7px}.letter-field>label>span{color:#675852;font-size:12px}.letter-field input,.letter-field textarea{display:block;width:100%;border:0;border-bottom:1px solid #8e776e;border-radius:0;background:transparent;color:var(--ink);font-family:var(--body);font-size:16px;padding:11px 2px;min-height:48px;line-height:1.6}.letter-field textarea{resize:vertical;min-height:96px}.sign-off{font-family:var(--display);font-style:italic;font-size:26px;color:var(--wine);margin-top:26px}.signature-fields{display:grid;gap:0 24px}.signature-fields .letter-field{margin-top:18px}.letter-send{margin-top:30px;display:flex;flex-wrap:wrap;gap:18px;align-items:center}.form-submit{white-space:nowrap}.delivery-note{font-size:12px;color:#675852;max-width:280px;line-height:1.7}.privacy-note{font-size:12px;color:#675852;margin-top:22px;line-height:1.7}.privacy-note a{text-decoration:underline;text-underline-offset:3px}.honeypot{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}.field-error{font-family:var(--body);font-size:12px;color:var(--error);line-height:1.7;flex-basis:100%;margin-top:5px}input[aria-invalid=true]{border-color:var(--error)}#form-status{font-size:13px;line-height:1.8;margin-top:22px}#form-status:empty{margin:0}#form-status[data-state=error]{color:var(--error)}#form-status a{text-decoration:underline;text-underline-offset:4px}.footer{padding-top:40px;padding-bottom:18px}.footer-main{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start;padding-bottom:40px}.footer-main .brand{align-self:start}.footer-main .brand img{width:130px}.footer-main>p{font-family:var(--display);font-size:23px;line-height:1.15;letter-spacing:-.02em}.footer-industries{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:3px 20px}.footer-industries a{font-size:12px;min-height:44px;display:flex;align-items:center;gap:10px}.footer-industries .icon{width:14px;height:14px}.footer-industries a:hover{text-decoration:underline;text-underline-offset:4px}.footer-bottom{border-top:1px solid var(--line);padding-top:15px;display:flex;gap:8px 22px;align-items:center;flex-wrap:wrap;font-size:12px;color:var(--muted)}.footer-bottom a{min-height:44px;display:flex;align-items:center;gap:7px}.footer-bottom a:hover{text-decoration:underline;text-underline-offset:4px}.footer-bottom .icon{width:14px;height:14px;transform:rotate(-90deg)}.footer-bottom>span:last-child{display:none}.sector-story{padding-block:var(--space);display:grid;gap:25px;border-bottom:1px solid var(--line)}.sector-story h2{font-size:clamp(36px,3.8vw,55px)}.sector-story p{font-size:15px;color:var(--muted)}.sector-story ul{padding:0;margin:25px 0 0;list-style:none;display:grid;gap:13px;font-size:13px;color:var(--wine)}.sector-story li{display:flex;gap:10px;align-items:center}.sector-story li .icon{width:17px;height:17px}
@keyframes editorial-enter{from{transform:translateY(20px);opacity:.6}to{transform:translateY(0);opacity:1}}
@keyframes editorial-image{from{clip-path:inset(4% 0 0 0);filter:brightness(1.06)}to{clip-path:inset(0);filter:brightness(1)}}
@keyframes answer-enter{from{opacity:.65;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:no-preference){.hero-intro h1{animation:editorial-enter 1s var(--ease) both}.hero-intro>p{animation:editorial-enter 1s .1s var(--ease) both}.cover-lead{animation:editorial-image 1.3s .2s var(--ease) both}.reveal.is-revealed{animation:editorial-enter 1s var(--ease) both;animation-delay:var(--delay,0ms)}.question-panel.is-entering{animation:answer-enter .55s var(--ease)}}
@media(min-width:600px){:root{--gutter:38px;--space:76px}.editorial-hero{padding-top:40px}.hero-intro>p{font-size:15px}.hero-intro h1{font-size:clamp(62px,7.1vw,92px)}.quiet-note{font-size:12px}.cover-spread{grid-template-columns:.74fr 1.65fr .72fr;gap:25px;margin-top:53px;align-items:start}.cover-lead{grid-column:2;grid-row:1}.cover-left{grid-column:1;grid-row:1;margin-top:65px}.cover-right{grid-column:3;grid-row:1;margin-top:25px}.cover-spread figcaption{font-size:12px}.cover-lead figcaption>span:last-child{display:none}.cover-side figcaption{font-size:12px}.cover-link{font-size:12px;padding:8px 13px;right:12px;bottom:12px}.margin-note{display:block;font-family:var(--display);font-size:19px;line-height:1.25;letter-spacing:-.02em;margin-top:30px;transform:rotate(-3deg)}.hero-bottom{margin-top:50px;font-size:12px}.intro-story{grid-template-columns:1fr 2fr;gap:45px}.story-label{padding-top:10px}.section-head{flex-direction:row;justify-content:space-between;align-items:end;gap:40px}.section-head>p{max-width:290px}.project-grid{grid-template-columns:1fr 1fr;gap:70px 35px;align-items:start}.project:nth-child(even){margin-top:90px}.project:nth-child(3){margin-top:-45px}.project-caption{gap:10px}.project-caption>span{font-size:12px}.project-caption h3{font-size:32px}.project-caption>a{min-width:30px}.project-open{font-size:12px;padding:9px 12px;bottom:12px;right:12px}.gallery-close{margin-top:70px}.gallery-close p{font-size:34px}.round-link{width:70px;height:70px}.offerings .section-head{margin-bottom:50px}.offering-list article{grid-template-columns:1fr 1fr;align-items:center;gap:30px;padding:34px 0}.offering-list h3{font-size:29px}.offering-list p{grid-column:2;font-size:13px}.offering-list a{grid-column:3;grid-row:1}.process{grid-template-columns:.9fr 1.2fr;gap:50px}.large-copy{font-size:23px}.founder-layout{grid-template-columns:1fr 1fr;gap:55px}.founder-signature{display:block}.questions{grid-template-columns:.85fr 1.3fr;gap:50px}.question-tabs{display:flex;flex-direction:column;gap:0;border:0;margin-block:30px}.question-tab{border-bottom:1px solid var(--line);font-size:13px;min-height:52px}.question-tab .icon{display:block;opacity:0;transition:opacity .25s,transform .3s}.question-tab[aria-selected=true] .icon,.question-tab:hover .icon{opacity:1}.question-panel h3{font-size:34px}.question-panel p{font-size:14px}.letter-layout{grid-template-columns:.8fr 1.3fr;gap:50px}.project-letter{border-top:0;border-left:1px solid #c6b4ab;padding:0 0 0 40px}.project-letter>h3{font-size:49px}.letter-sentence{font-size:25px}.letter-sentence input,.letter-sentence select{min-width:160px}.letter-needs legend{font-size:25px}.need-options label>span{padding:8px 10px;font-size:12px}.footer-main{grid-template-columns:1fr 1fr 1.3fr;gap:40px}.footer-industries{grid-column:auto;grid-template-columns:1fr}.footer-main .brand img{width:155px}.footer-main>p{font-size:27px}.footer-bottom>span:last-child{display:block;margin-left:auto}.sector-story{grid-template-columns:1.2fr 1fr;gap:70px}}
@media(min-width:1000px){:root{--gutter:56px;--space:90px}.navigation{min-height:96px}.brand img{width:104px}.nav-links{display:flex}.nav-contact{margin-left:0}.menu-toggle{display:none}.editorial-hero{padding-top:36px}.hero-intro>p{margin-top:22px;margin-bottom:22px}.hero-intro h1{font-size:clamp(72px,6.6vw,92px)}.cover-spread{gap:42px;margin-top:58px;grid-template-columns:.77fr 1.62fr .7fr}.cover-left{margin-top:74px}.cover-right{margin-top:12px}.cover-side figcaption{font-size:12px}.cover-lead figcaption>span:last-child{display:inline}.cover-spread figcaption{font-size:12px}.cover-link{bottom:18px;right:18px;font-size:12px;gap:20px}.margin-note{font-size:27px;margin-top:45px}.hero-bottom{margin-top:52px}.intro-story{grid-template-columns:1fr 2.3fr;gap:80px}.intro-story h2{font-size:59px}.intro-story>div:last-child>p{margin-top:28px;font-size:16px;max-width:580px}.section-head{margin-bottom:57px}.section-head>p{font-size:14px;max-width:355px}.project-grid{grid-template-columns:1.2fr 1fr;gap:90px 80px}.project:nth-child(even){margin-top:140px}.project:nth-child(3){margin-top:-65px}.project-caption h3{font-size:38px}.project-caption>span{font-size:12px}.project>p{font-size:14px}.project>.underlink{font-size:12px}.project-open{opacity:0;transform:translateY(8px);transition:opacity .3s,transform .5s var(--ease);padding:12px 16px;font-size:12px}.project-art:hover .project-open,.project-art:focus-visible .project-open{opacity:1;transform:translateY(0)}.gallery-close p{font-size:40px}.gallery-close{margin-top:80px;padding-top:38px}.offering-list article{grid-template-columns:1.1fr 1fr;gap:80px;padding:38px 0}.offering-list h3{font-size:36px}.offering-list p{font-size:14px}.process{grid-template-columns:1fr 1.2fr;gap:110px}.process-list li{padding-block:28px}.founder-layout{grid-template-columns:1fr 1fr;gap:125px}.founder-copy{padding-top:6px}.founder-copy>.large-copy{font-size:25px}.founder-copy>p:not(.large-copy){font-size:15px}.questions{grid-template-columns:1fr 1.3fr;gap:140px}.question-index>p{font-size:14px}.question-tabs{max-width:260px}.question-panel h3{font-size:40px;max-width:500px}.question-panel p{font-size:15px;max-width:570px}.question-panel article+article{padding-top:35px;margin-top:35px}.letter-layout{grid-template-columns:.9fr 1.3fr;gap:100px}.project-letter{padding-left:65px}.project-letter>h3{font-size:60px}.letter-sentence{font-size:28px;flex-wrap:nowrap;gap:15px}.letter-sentence input,.letter-sentence select{min-width:0;width:auto}.letter-needs legend{font-size:28px}.need-options label>span{font-size:12px;padding:9px 12px}.signature-fields{grid-template-columns:1fr 1fr}.letter-aside>p{font-size:15px}.letter-promise{margin-top:35px}.letter-aside>a{margin-top:35px}.letter-send{align-items:start;gap:18px}.delivery-note{max-width:250px}.footer{padding-top:50px}.footer-main{grid-template-columns:1fr 1.1fr 1fr;padding-bottom:55px}.footer-main .brand img{width:185px}.footer-main>p{font-size:33px}.footer-industries{grid-template-columns:1fr 1fr;gap:4px 28px}.footer-industries a{font-size:12px}}
@media(max-width:999px){.navigation{position:relative}.nav-links.is-open{position:absolute;display:flex;flex-direction:column;align-items:stretch;gap:0;top:100%;left:calc(-1 * var(--gutter));right:calc(-1 * var(--gutter));background:var(--paper);padding:12px var(--gutter) 20px;border-bottom:1px solid var(--line)}.nav-links a{min-height:48px}.nav-contact{font-size:12px;gap:10px}.nav-contact>span{width:34px;height:34px}}
@media(max-width:599px){.brand img{width:83px}.navigation{gap:14px;min-height:78px}.nav-contact{font-size:12px;gap:8px}.nav-contact>span{width:30px;height:30px}.menu-toggle{width:30px}.hero-intro h1{font-size:clamp(39px,10.6vw,60px);letter-spacing:-.04em}.hero-intro>p{font-size:14px;white-space:normal}.hero-intro .button{font-size:12px;padding-inline:20px}.quiet-note{font-size:12px;max-width:260px;margin:13px auto 0}.cover-spread figcaption{font-size:12px}.cover-side figcaption{font-size:12px}.cover-link{font-size:12px;min-height:40px}.cover-left{margin-top:10px}.cover-right{margin-top:25px}.hero-bottom{font-size:12px;margin-top:25px}.project-caption>span{font-size:12px}.project-open{font-size:12px}.story-label{font-size:12px}.intro-story{padding-block:54px}.question-tabs{gap:16px}.question-tab{font-size:12px}.question-index>.underlink{font-size:12px}.project-letter>h3{margin-bottom:24px}.letter-sentence{flex-wrap:wrap;gap:0 12px}.letter-sentence input,.letter-sentence select{min-width:160px}.letter-needs legend{font-size:23px}.need-options label>span{font-size:12px;padding:9px 10px;gap:8px}.letter-aside h2{font-size:44px}.letter-field input,.letter-field textarea{font-size:16px}.form-submit{font-size:12px;gap:20px}.delivery-note{max-width:100%}.footer-bottom{gap:8px 17px}.footer-main>p{font-size:22px}}
@media(max-width:360px){:root{--gutter:19px}.navigation{gap:10px}.nav-contact{font-size:12px;gap:7px}.brand img{width:76px}.hero-intro h1{font-size:36px}.hero-intro .button{font-size:12px;gap:15px}.question-tabs{gap:12px}.question-tab{font-size:12px}.project-caption>span{font-size:12px}.letter-sentence input,.letter-sentence select{min-width:140px}.need-options{gap:9px}.need-options label>span{font-size:12px}.footer-main .brand img{width:110px}.footer-main>p{font-size:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media print{.site-header,.question-tabs,.project-letter,.footer-bottom{display:none}.cover-spread,.project-grid,.process,.founder-layout,.questions,.letter-layout{display:block}.section,.founder-layout,.letter-layout{padding-block:25px}.question-panel[hidden]{display:block!important}.project{break-inside:avoid}.founder-section{background:white;color:var(--ink)}.founder-copy>p{color:var(--ink)!important}}

.intro-story>div:last-child{grid-column:1/-1;width:100%;max-width:880px;margin-inline:auto}
[role=tabpanel]:focus-visible{outline:2px solid var(--wine);outline-offset:8px}

/* Personal editorial portrait: natural proportions, no decorative frame. */
.founder-layout{grid-template-areas:"heading" "portrait" "copy"}
.founder-word{grid-area:heading}
.founder-portrait{grid-area:portrait;width:min(100%,300px)}
.founder-portrait img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover}
.founder-copy{grid-area:copy}
@media(min-width:600px){.founder-layout{grid-template-areas:"heading heading" "portrait copy";grid-template-columns:.85fr 1.15fr;gap:36px 45px}.founder-portrait{width:100%;max-width:340px}.founder-word h2 br:first-child{display:none}}
@media(min-width:1100px){.founder-layout{grid-template-areas:"heading portrait copy";grid-template-columns:1fr .9fr 1.1fr;gap:42px;align-items:start}.founder-word h2{font-size:clamp(42px,3.7vw,54px)}.founder-word h2 br:first-child{display:block}.founder-copy{padding-top:0}.founder-copy>.large-copy{font-size:22px}}

/* A warm dark interlude gives the industry introduction its own rhythm. */
.sector-story-band{background:var(--wine);color:var(--paper);margin-top:clamp(36px,5vw,64px)}
.sector-story-band .sector-story{border-bottom:0;padding-block:calc(var(--space)*.65)}
.sector-story-band .sector-story p{color:var(--white)}
.sector-story-band .sector-story ul{color:#edc5b5}

.letter-aside>.direct-contact-prompt{margin-top:28px}.letter-aside>.direct-contact-prompt+a{margin-top:2px}

/* Keep the two primary links at the right edge of the header. */
.navigation .nav-links{margin-left:auto;margin-right:0}
@media(max-width:999px){.navigation .menu-toggle{margin-left:auto}.navigation .nav-links.is-open{margin-inline:0}}

/* Editorial text-marker hover; inline fragments follow wrapped headings. */
.offering-highlight{padding:3px 5px;margin-inline:-5px;box-decoration-break:clone;-webkit-box-decoration-break:clone;background-image:linear-gradient(var(--wine),var(--wine));background-repeat:no-repeat;background-position:left center;background-size:0% 100%;transition:background-size .35s var(--ease),color .25s ease}
@media(hover:hover){.offering-list article:hover .offering-highlight{background-size:100% 100%;color:var(--white)}}
@media(prefers-reduced-motion:reduce){.offering-highlight{transition:none}}

.order-illustration{margin-top:28px;max-width:520px}.order-illustration img{width:100%;height:auto}.order-illustration figcaption{font-size:12px;color:var(--muted);text-align:center;margin-top:8px}

.questions{padding-bottom:calc(var(--space)*.55)}

.sector-illustration{width:160px;height:auto}.sector-story.has-illustration{align-items:center;gap:24px}
@media(min-width:600px){.sector-story.has-illustration{grid-template-columns:1.1fr 1fr .5fr;gap:30px}.sector-illustration{width:100%;max-width:180px;justify-self:center}}

.story-last-line{display:block;white-space:nowrap}

.gallery-close.gallery-interlude{margin-block:0;padding-block:calc(var(--space)*.65);border-top:0}

/* An authored two-column composition for the conversion story. */
.sector-story.has-illustration{grid-template-columns:1fr;gap:28px;padding-block:clamp(44px,5vw,72px)}
.sector-message{max-width:720px}
.sector-message h2{max-width:15ch;text-wrap:balance}
.sector-message p{margin-top:24px;max-width:58ch;line-height:1.85}
.sector-story.has-illustration .sector-illustration{width:180px;max-width:100%;justify-self:center}
@media(min-width:700px){.sector-story.has-illustration{grid-template-columns:minmax(0,1.7fr) minmax(180px,.8fr);gap:clamp(40px,7vw,100px);align-items:center}.sector-story.has-illustration .sector-illustration{width:260px;max-width:100%}.sector-message p{font-size:16px}}

.sector-story.has-illustration .sector-message{display:contents}
.sector-story.has-illustration .sector-message h2{grid-column:1/-1;max-width:none;text-wrap:wrap}
.sector-story.has-illustration .sector-message p{margin-top:0}
@media(min-width:1000px){.sector-story.has-illustration .sector-message h2{white-space:nowrap}}

.sector-story.has-illustration .sector-illustration{width:360px;max-width:100%}
@media(min-width:700px){.sector-story.has-illustration{grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr)}}

.sector-story.has-illustration .sector-illustration{width:620px;max-width:100%}
@media(min-width:700px){.sector-story.has-illustration{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:32px 48px}}

.project-description-highlight{background:#eadcda;color:#652c37;padding:3px 4px;box-decoration-break:clone;-webkit-box-decoration-break:clone}.project>p:has(.project-description-highlight){line-height:2}

/* Align the story to the illustration instead of vertically centering its copy. */
.sector-story.has-illustration{align-items:start;row-gap:20px}
.sector-story.has-illustration .sector-message p{line-height:1.65;max-width:54ch;text-align:left;align-self:start}
.quote-demo{position:relative;width:100%;max-width:620px;justify-self:center;container-type:inline-size;pointer-events:none;user-select:none}
.quote-demo>img{width:100%;height:auto}
.demo-value{position:absolute;display:block;overflow:hidden;background:#f4f0e7;color:#51494a;font-family:Manrope,system-ui,sans-serif;font-size:2.35cqw;line-height:1.5;padding:.25% .7%;text-align:left}
.demo-name{left:7%;top:32%;width:40%;height:6.5%}
.demo-email{left:53%;top:32%;width:40%;height:6.5%}
.demo-message{left:7%;top:54.5%;width:86%;height:15%;padding-top:.5%}
@media(min-width:700px){.sector-story.has-illustration .sector-message p{padding-top:12px}}

.sector-story.has-illustration .sector-message h2{white-space:normal;line-height:1.12}

/* Keep heading and body together, aligned with the form preview. */
.sector-story.has-illustration .sector-message{display:block;max-width:none;align-self:start}
.sector-story.has-illustration .sector-message h2{grid-column:auto;font-size:clamp(34px,3.5vw,50px)}
.sector-story.has-illustration .sector-message p{margin-top:24px;padding-top:0}
.sector-story.has-illustration .quote-demo{align-self:start}

@media(min-width:700px){.sector-story.has-illustration .sector-message{align-self:center}.sector-story.has-illustration .quote-demo{align-self:center}}

/* Small overlapping glimpses of the actual concepts beside the project letter. */
.letter-collage{position:relative;width:100%;max-width:420px;aspect-ratio:1.08;margin-top:42px}
.letter-collage img{position:absolute;width:60%;height:auto;border:4px solid var(--white);box-shadow:0 10px 24px -15px #28242166}
.collage-nara{left:1%;top:0;transform:rotate(-6deg)}
.collage-form{right:0;top:19%;transform:rotate(5deg)}
.collage-lund{left:2%;top:43%;transform:rotate(-4deg)}
.collage-klar{right:1%;bottom:0;transform:rotate(4deg)}
@media(max-width:599px){.letter-collage{max-width:340px;margin:30px auto 0}}

/* Privacy: editorial reading layout, shared brand and navigation. */
.privacy-article{padding-block:clamp(48px,7vw,100px) var(--space);max-width:1120px}
.privacy-page .legal__head{padding-bottom:36px;border-bottom:1px solid var(--line);margin-bottom:40px}
.privacy-page h1{font-size:clamp(38px,7vw,88px);overflow-wrap:anywhere}
.privacy-page .legal__meta{margin-top:22px;font-size:13px;color:var(--muted)}
.privacy-page .legal__body{max-width:72ch;margin-left:auto}
.privacy-page .legal__lead{font-size:clamp(19px,2vw,23px);line-height:1.65;margin-bottom:44px}
.privacy-page .legal__body h2{font-size:clamp(28px,3vw,38px);margin:42px 0 18px;color:var(--wine)}
.privacy-page .legal__body p+p{margin-top:16px}
.privacy-page .legal__body ul{padding-left:22px;margin:20px 0}
.privacy-page .legal__body li+li{margin-top:12px}
.privacy-page .legal__body a,.privacy-page .legal__back a{text-decoration:underline;text-underline-offset:4px;color:var(--wine)}
.privacy-page .legal__body a:hover,.privacy-page .legal__back a:hover{text-decoration-thickness:2px}
.privacy-page .legal__back{max-width:72ch;margin:44px 0 0 auto;padding-top:24px;border-top:1px solid var(--line)}

/* More legible descriptions across the three services. */
.offering-list p{color:var(--ink);font-size:16px;line-height:1.75}

.quote-demo{margin-bottom:32px}
.quote-demo-caption{position:absolute;top:100%;left:0;width:100%;margin-top:8px;text-align:center;font-size:14px;line-height:1.5;color:var(--white)}
