/* OttoLab: an editorial identity, shared Apple-native type and Instrument italics. */
.otto-page-hero{padding-top:44px;padding-bottom:0}.otto-back{margin-bottom:50px}.otto-hero-grid{display:grid;grid-template-columns:1.08fr 1fr;gap:7vw;align-items:center}.otto-hero-heading .section-label{margin-bottom:32px}.otto-hero-heading h1{font-size:clamp(60px,6.3vw,100px);line-height:1.04;margin:0}.otto-hero-heading h1 em{color:var(--heading-em)}.otto-hero-copy>p{max-width:520px;font-size:15px;color:var(--muted)}.otto-hero-copy .otto-lead{font-size:21px;line-height:1.5;letter-spacing:-.025em;color:var(--ink);margin-bottom:18px}.otto-hero-copy .button{margin-top:15px;gap:24px}.otto-secondary-link{display:block;width:fit-content;margin-top:23px;font-size:12px;border-bottom:1px solid var(--line);padding-bottom:5px}.otto-secondary-link span{margin-left:24px}.otto-hero-foot{display:flex;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line);padding:34px 0;margin-top:36px;font-size:9px;letter-spacing:.13em;font-weight:600}
 .otto-identity-art{position:relative;isolation:isolate;overflow:hidden;aspect-ratio:4/5;background:var(--mocha);color:var(--paper);min-width:0}.otto-art-top,.otto-art-bottom{position:absolute;z-index:4;left:7%;right:7%;display:flex;justify-content:space-between;align-items:start}.otto-art-top{top:6%;font-size:22px;letter-spacing:-.07em;font-weight:700}.otto-art-light{font-weight:300}.otto-art-top>span:last-child{font-size:7px;letter-spacing:.13em;font-weight:500;line-height:1.8;text-align:right}.otto-art-bottom{bottom:6%;font-size:8px;letter-spacing:.13em;line-height:1.7}.otto-art-bottom>span:last-child{align-self:end}.otto-art-orbit{position:absolute;left:12%;top:22%;width:74%;aspect-ratio:1;border:1px solid rgb(250 247 240 / .25);border-radius:50%;z-index:1}.otto-art-orbit-one{transform:rotate(-30deg) scaleX(.62)}.otto-art-orbit-two{transform:rotate(30deg) scaleX(.62)}.otto-art-word{font-family:var(--font-script,Instrument),Georgia,serif;font-style:italic;font-size:clamp(190px,25vw,360px);line-height:.8;letter-spacing:-.04em;position:absolute;left:21%;top:30%;z-index:3}.otto-art-word>span{color:var(--latte)}.otto-art-tag{position:absolute;z-index:4;font-size:8px;letter-spacing:.13em;padding:7px 9px;background:var(--mocha);border:1px solid var(--brown)}.otto-art-tag-one{left:6%;top:25%;transform:rotate(-8deg)}.otto-art-tag-two{right:5%;top:48%;transform:rotate(7deg)}.otto-art-tag-three{left:17%;bottom:23%;transform:rotate(-5deg)}.otto-art-arrow{position:absolute;width:44%;height:auto;right:9%;top:18%;color:var(--accent);z-index:2}
.otto-perspective,.otto-audience,.otto-signature{padding-top:110px;padding-bottom:110px}.otto-split{display:grid;grid-template-columns:1fr 1fr;gap:7vw}.otto-split h2{font-size:clamp(38px,4.2vw,65px)}.otto-split>div>p{font-size:14px;color:var(--muted)}.otto-split>div>p:last-child{margin-bottom:0}.otto-perspective .section-label{margin-bottom:38px}.otto-deliverables{padding:100px 0;background:var(--cream)}.otto-section-head{display:grid;grid-template-columns:1.4fr 1fr;align-items:end;gap:8vw;margin-bottom:62px}.otto-section-head h2{font-size:clamp(40px,4.4vw,68px)}.otto-section-head>p{font-size:14px;max-width:310px;margin:0 0 5px;justify-self:end;color:var(--muted)}.otto-service-list article{display:grid;grid-template-columns:50px 1fr 35px;gap:22px;border-top:1px solid var(--latte);padding:32px 0}.otto-service-list article:last-child{border-bottom:1px solid var(--latte)}.otto-service-index{color:var(--accent-readable);font-size:11px;padding-top:7px}.otto-service-list h3{font-size:28px;margin-bottom:14px}.otto-service-list p{font-size:14px;max-width:760px;color:var(--muted);margin-bottom:14px}.otto-output{display:block;font-size:10px;font-weight:600;line-height:1.8;letter-spacing:.02em}.otto-service-symbol{font-size:28px;color:var(--accent)}.otto-audience-intro{max-width:360px;margin-top:30px}.otto-audience-list article{border-top:1px solid var(--line);padding:25px 0}.otto-audience-list article:first-child{padding-top:0;border:0}.otto-audience-list article:last-child{padding-bottom:0}.otto-audience-list h3{font-size:24px;margin-bottom:14px}.otto-audience-list p{font-size:14px;color:var(--muted);margin-bottom:0}.otto-method{background:var(--mocha);color:var(--paper);padding:95px 0}.otto-method h2{font-size:clamp(40px,4.3vw,66px)}.otto-method h2 em{color:var(--heading-em)}.otto-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;list-style:none;padding:0;margin:65px 0 0}.otto-steps li{border-top:1px solid var(--brown);padding-top:22px}.otto-steps li>span{display:block;font-size:9px;letter-spacing:.1em;color:var(--latte);margin-bottom:24px}.otto-steps h3{font-size:25px;line-height:1.2;min-height:60px;margin-bottom:16px}.otto-steps p{font-size:13px;color:var(--cream);margin:0}.otto-signature{border-bottom:1px solid var(--line)}.otto-signature .text-link{margin-top:8px}.otto-faq{display:grid;grid-template-columns:1fr 1.3fr;gap:8vw;padding-top:95px;padding-bottom:110px}.otto-faq h2{font-size:clamp(40px,4.4vw,65px)}.otto-faq details{border-top:1px solid var(--line)}.otto-faq details:last-child{border-bottom:1px solid var(--line)}.otto-faq summary{display:flex;align-items:center;gap:24px;justify-content:space-between;padding:23px 0}.otto-faq summary h3{font-size:19px;line-height:1.4;letter-spacing:-.015em}.otto-faq .plus{flex:none}.otto-faq details p{font-size:13px;color:var(--muted);padding-right:40px;margin-bottom:24px}.otto-final{background:var(--accent-surface);color:var(--paper);padding:85px 0}.otto-final>.wrap{display:flex;gap:45px;align-items:center;justify-content:space-between}.otto-final h2{font-size:clamp(48px,5.2vw,80px);margin-bottom:28px}.otto-final p{font-size:14px;margin:0}.otto-final .button{flex:none;gap:24px}
.otto-home{background:var(--accent-surface);color:var(--paper);padding:85px 0}.otto-home-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:9vw;align-items:center}.otto-home-copy{max-width:600px}.otto-home h2{font-size:clamp(46px,5.5vw,84px);margin-bottom:30px}.otto-home-copy>p{font-size:14px;max-width:500px}.otto-home .button{margin-top:12px;gap:25px}.otto-home-art{position:relative;aspect-ratio:1;border:1px solid rgb(250 247 240 / .5);isolation:isolate;overflow:hidden}.otto-home-art:before{position:absolute;content:"";width:75%;aspect-ratio:1;left:12%;top:12%;border:1px solid rgb(250 247 240 / .45);border-radius:50%;transform:rotate(-30deg) scaleX(.65)}.otto-home-art:after{position:absolute;content:"";width:75%;aspect-ratio:1;left:12%;top:12%;border:1px solid rgb(250 247 240 / .45);border-radius:50%;transform:rotate(30deg) scaleX(.65)}.otto-home-art-label,.otto-home-art-bottom{position:absolute;left:7%;right:7%;font-size:8px;letter-spacing:.15em;font-weight:500;z-index:3}.otto-home-art-label{top:7%}.otto-home-art-bottom{bottom:7%}.otto-home-art-word{position:absolute;z-index:3;left:24%;top:25%;font-family:var(--font-script,Instrument),Georgia,serif;font-style:italic;line-height:.8;font-size:clamp(160px,22vw,310px);letter-spacing:-.05em}.otto-home-art svg{position:absolute;right:10%;top:14%;width:45%;color:var(--ink);z-index:2}
@media(min-width:1500px){.otto-art-word{font-size:360px}.otto-home-art-word{font-size:310px}}
@media(max-width:1050px){.otto-hero-grid{gap:4vw}.otto-hero-heading h1{font-size:62px}.otto-hero-copy .otto-lead{font-size:19px}.otto-hero-copy>p{font-size:13px}.otto-hero-copy .button{padding:15px 18px;font-size:11px;gap:18px}.otto-secondary-link{font-size:11px}.otto-art-top{font-size:18px}.otto-art-top>span:last-child{font-size:6px}.otto-art-tag{font-size:6px;padding:6px}.otto-art-bottom{font-size:7px}.otto-art-word{font-size:26vw}.otto-split{gap:5vw}.otto-steps{grid-template-columns:1fr 1fr;gap:35px}.otto-steps h3{min-height:0}.otto-final>.wrap{align-items:start;flex-direction:column;gap:32px}.otto-final p{font-size:14px}.otto-home-grid{gap:5vw}.otto-home h2{font-size:56px}.otto-home-art-word{font-size:23vw}}
@media(max-width:700px){.otto-page-hero{padding-top:28px}.otto-back{margin-bottom:38px}.otto-hero-grid{grid-template-columns:1fr;gap:35px}.otto-hero-heading .section-label{font-size:9px;margin-bottom:25px}.otto-hero-heading h1{font-size:clamp(42px,11.7vw,66px);margin:0}.otto-hero-copy .otto-lead{font-size:19px;line-height:1.55}.otto-hero-copy>p{font-size:14px;max-width:none}.otto-hero-copy .button{font-size:11px;max-width:100%;gap:20px;padding:15px 18px}.otto-secondary-link{margin-top:20px}.otto-identity-art{aspect-ratio:1.05;max-height:none}.otto-art-top{font-size:22px}.otto-art-top>span:last-child{font-size:6px}.otto-art-word{font-size:64vw;top:27%;left:23%}.otto-art-orbit{top:15%;width:69%;left:15%}.otto-art-tag{font-size:7px}.otto-art-tag-one{top:23%;left:5%}.otto-art-tag-two{right:5%;top:48%}.otto-art-tag-three{bottom:20%}.otto-art-bottom{font-size:7px;bottom:6%}.otto-art-arrow{top:15%;width:42%}.otto-hero-foot{font-size:6px;letter-spacing:.08em;padding:24px 0;margin-top:16px;gap:8px}.otto-perspective,.otto-audience,.otto-signature{padding-top:65px;padding-bottom:65px}.otto-perspective>.section-label{font-size:9px;margin-bottom:26px}.otto-split{grid-template-columns:1fr;gap:28px}.otto-split h2{font-size:clamp(34px,9.5vw,49px)}.otto-split>div>p{font-size:14px}.otto-deliverables{padding:65px 0}.otto-section-head{grid-template-columns:1fr;gap:26px;margin-bottom:36px}.otto-section-head .section-label{font-size:9px;margin-bottom:26px}.otto-section-head h2{font-size:clamp(34px,9.5vw,49px)}.otto-section-head>p{justify-self:start;max-width:none;font-size:13px}.otto-service-list article{grid-template-columns:23px 1fr;gap:12px;padding:27px 0}.otto-service-index{font-size:9px;padding-top:5px}.otto-service-list h3{font-size:23px;line-height:1.2;margin-bottom:14px}.otto-service-list p{font-size:13px;line-height:1.8;margin-bottom:13px}.otto-output{font-size:9px;line-height:1.9}.otto-service-symbol{display:none}.otto-audience .section-label{font-size:9px}.otto-audience-intro{margin-top:25px;max-width:none}.otto-audience-list h3{font-size:23px}.otto-audience-list p{font-size:13px}.otto-method{padding:65px 0}.otto-method .section-label{font-size:9px;margin-bottom:26px}.otto-method h2{font-size:clamp(34px,9.5vw,49px)}.otto-steps{grid-template-columns:1fr;gap:25px;margin-top:38px}.otto-steps li{padding-top:19px}.otto-steps li>span{font-size:8px;margin-bottom:14px}.otto-steps h3{font-size:26px;margin-bottom:13px}.otto-steps p{font-size:13px}.otto-signature .section-label{font-size:8px;margin-bottom:26px}.otto-faq{grid-template-columns:1fr;gap:30px;padding-top:65px;padding-bottom:65px}.otto-faq .section-label{font-size:9px;margin-bottom:26px}.otto-faq h2{font-size:clamp(36px,10vw,49px)}.otto-faq summary{padding:21px 0;gap:20px}.otto-faq summary h3{font-size:18px}.otto-faq details p{padding-right:18px;font-size:13px}.otto-final{padding:60px 0}.otto-final .section-label{font-size:8px;margin-bottom:26px}.otto-final h2{font-size:clamp(41px,11vw,57px);margin-bottom:25px}.otto-final p{font-size:13px}.otto-final .button{font-size:11px;padding:15px 18px;gap:18px;max-width:100%}.otto-home{padding:65px 0}.otto-home-grid{grid-template-columns:1fr;gap:40px}.otto-home .section-label{font-size:9px;margin-bottom:26px}.otto-home h2{font-size:clamp(43px,12vw,62px);margin-bottom:27px}.otto-home-copy>p{font-size:14px}.otto-home .button{font-size:11px;gap:22px}.otto-home-art{max-width:420px;width:100%;justify-self:center}.otto-home-art-word{font-size:65vw}.otto-home-art-label,.otto-home-art-bottom{font-size:7px}}
@media(min-width:580px) and (max-width:700px){.otto-art-word{font-size:355px}.otto-home-art-word{font-size:280px}}
@media(prefers-reduced-motion:reduce){.otto-page{scroll-behavior:auto}}

/* Keep keyboard focus visible against the dark warm panels. */
:is(.otto-home,.otto-final) :focus-visible{outline-color:var(--paper)}

.otto-art-arrow{color:var(--caramel)}
.otto-home,.otto-final{background:var(--accent-surface)}
.otto-home-art svg{color:var(--latte)}

.otto-identity-art,.otto-home-art{border-radius:var(--radius-card)}
.otto-art-tag{border-radius:6px}