/* MARKIVA · Beige edition / 04
   The original #f4eadb is the surface. Dark ink is only a foreground, never
   the previous blue panel. No remote resources or fonts are required. */
:root{--cream:#f4eadb;--paper:#f4eadb;--paper-deep:#e9dbc6;--ink:#342f2b;--navy:var(--ink);--border:rgba(52,47,43,.24);--accent-ink:#a4510a;color-scheme:light}
html,body{background:var(--paper);color:var(--ink)}
body,.header,.hero,.services,.idea-journey,.journey-stage,.contact,.footer{color:var(--ink)}
.hero,.services,.idea-journey,.journey-stage,.contact,.footer{background:var(--paper)}
.hero-art{background:transparent}
.logo img{filter:brightness(0);opacity:.84}
.header nav{background:var(--paper)}
.header nav>a:not(.nav-contact):hover{color:var(--accent-ink)}
.nav-contact:hover{background:var(--orange);color:var(--ink)}
.outlined{-webkit-text-stroke-color:var(--ink)}
.hero h1 .orange,.services h2 .orange,.contact-body h2 .orange,.journey-first .orange,.journey-second .orange,.footer-statement>span{color:var(--accent-ink)}
.hero .orbit{border-color:rgba(52,47,43,.18)}
.hero-art .art-note{color:var(--ink);opacity:.75}
.hero-art .bulb-controls{bottom:7px}
.hero-art .hero-canvas{bottom:62px}
.hero-art .bulb{mix-blend-mode:normal;mask-image:radial-gradient(ellipse,#000 55%,transparent 75%)}
.hero-art.is-off .bulb{filter:grayscale(.7) brightness(.92)}
.is-off .switch-track{background:var(--paper-deep);outline:1px solid var(--border)}
.orange-button:hover{background:#f8ba42;color:var(--ink)}
.service-content p{color:var(--ink);opacity:.86}
.service-icon,.service-content .tags span{color:var(--ink)}
.service-content .tags span{border-color:var(--border)}
.service-list details[open] .service-icon,.service-list summary:hover .service-icon{color:var(--accent-ink)}
.services a:focus-visible,.contact a:focus-visible,.hero a:focus-visible{outline-color:var(--ink)}
.idea-result{background:var(--paper);color:var(--ink);border:1px solid var(--border)}
.idea-result .cream-button{background:var(--orange);border-color:transparent}
.idea-result .cream-button:hover{background:var(--paper-deep)}
.process-card:nth-child(2) .process-card-inner{background:var(--paper-deep);color:var(--ink)}
.insight-dialog[data-theme=navy] .insight-art{background:var(--paper-deep);color:var(--ink)}
.insight-dialog::backdrop,.project-dialog::backdrop{background:rgba(46,37,27,.58)}
.part-label{color:var(--ink)}
.part-label small{color:var(--accent-ink)}
.part-label i{border-color:var(--border)}
.part-label i::before{background:var(--accent-ink)}
.anatomy-legend{color:var(--ink)}
.anatomy-legend>span{border-color:var(--border)}
.bridge-from-navy{--from:var(--paper);color:var(--ink)}
.bridge-to-navy{--to:var(--paper)}
.bridge-from-navy .bridge-sequence{-webkit-text-stroke-color:var(--ink)}
.journey-stage{border:1px solid rgba(52,47,43,.13)}
.journey-visual>img{mix-blend-mode:normal}
.journey-first,.journey-second{color:var(--ink)}
.journey-cta{background:var(--ink);color:var(--paper)}
.journey-cta:hover{background:var(--paper);color:var(--ink)}
input,select,textarea{color:var(--ink);border-bottom-color:rgba(52,47,43,.48)}
input::placeholder,textarea::placeholder{color:var(--ink);opacity:.61}
select option{background:var(--paper);color:var(--ink)}
form .form-note{color:var(--ink);opacity:.8}
input:focus,select:focus,textarea:focus{border-bottom-color:var(--ink);box-shadow:0 1px 0 var(--ink)}
.no-js-contact a{color:var(--accent-ink)}
/* Section 06 owns a native, reversible scroll scene. The form remains in
   ordinary document flow and is not trapped in a viewport-height container. */
.contact{margin:0;padding:0;border-radius:0;isolation:isolate}
.contact-reel{display:none}
.contact-scroll-enabled .contact-reel{display:block;position:relative;height:235svh;min-height:1000px}
.contact-reel-stage{position:sticky;top:0;height:100svh;min-height:280px;overflow:hidden;isolation:isolate;background:var(--paper);color:var(--ink)}
.contact-reel-top{position:absolute;z-index:5;top:32px;left:var(--page-pad);right:var(--page-pad);display:flex;justify-content:space-between;align-items:center;gap:18px;font-size:11px;letter-spacing:1.65px}
.contact-reel-skip{display:inline-flex;align-items:center;gap:12px;min-height:44px;padding:7px 15px;border:1px solid rgba(52,47,43,.45);border-radius:28px;font-size:12px;letter-spacing:0;background:rgba(244,234,219,.75)}
.contact-reel-skip:hover{background:var(--paper)}
.contact-reel-skip .mi{font-size:19px}
.contact-reel-orbits{position:absolute;inset:0;pointer-events:none;z-index:0}
.contact-reel-orbits i{position:absolute;left:50%;top:50%;width:74vw;height:74vw;max-width:1000px;max-height:1000px;border:1px solid var(--border);border-radius:50%;translate:-50% -50%;transform:rotate(-28deg) scaleY(.62);opacity:.45}
.contact-reel-orbits i:nth-child(2){transform:rotate(28deg) scaleY(.62)}
.contact-reel-orbits>span{position:absolute;left:14%;top:23%;width:24px;height:24px;background:var(--coral);border-radius:50%}
.contact-reel-shutters{position:absolute;inset:-24% -2px;z-index:1;display:flex;pointer-events:none}
.contact-reel-shutters>span{flex:1;margin-right:-1px;border-radius:200px 200px 0 0;background:var(--orange);transform:translate3d(0,108%,0);will-change:transform}
.contact-reel-shutters>span:nth-child(1),.contact-reel-shutters>span:nth-child(5){background:var(--coral)}
.contact-reel-shutters>span:nth-child(3){background:var(--paper)}
.contact-reel-heading{position:absolute;inset:100px var(--page-pad) 92px;z-index:3;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:22px;pointer-events:none}
.contact-reel-kicker,.contact-reel-caption{font-size:10px;letter-spacing:2px;line-height:1.5}
.contact-reel-star{width:clamp(48px,8vw,112px);height:clamp(48px,8vw,112px);flex-shrink:0;will-change:transform}
.contact .contact-reel-title{display:flex;flex-direction:column;align-items:center;margin:0;font-size:clamp(44px,min(15.7vw,22svh),218px);font-weight:850;letter-spacing:-.075em;line-height:.87;color:var(--ink);width:100%;will-change:auto}
.contact-reel-title>span{display:block;white-space:nowrap;will-change:transform,opacity}
.contact-reel-title>span+span{margin-top:.06em}
.contact-reel-period{color:var(--coral)}
.contact-reel-caption{margin-top:10px}
.contact-reel-invitation{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:26px;z-index:2;opacity:0;transform:translateY(45px);pointer-events:none;will-change:transform,opacity}
.contact-reel-invitation>span:first-child{font-size:10px;letter-spacing:2px}
.contact-reel-invitation p{margin:0;font-size:clamp(42px,7.6vw,110px);line-height:1.04;letter-spacing:-.07em;font-weight:750}
.contact-reel-invitation em{font-style:normal;color:var(--accent-ink)}
.contact-reel-invitation>.mi{font-size:36px}
.contact-reel-bottom{position:absolute;z-index:5;bottom:32px;left:var(--page-pad);right:var(--page-pad);display:flex;align-items:center;gap:30px;font-size:10px;letter-spacing:1.6px}
.contact-reel-bottom>span:first-child{display:flex;align-items:center;gap:13px}
.contact-reel-bottom .mi{font-size:20px}
.contact-reel-track{position:relative;flex:1;height:1px;background:rgba(52,47,43,.25)}
.contact-reel-track i{position:absolute;inset:-1px 0;background:var(--ink);transform:scaleX(var(--contact-progress,0));transform-origin:left center}
.contact-reel-counter{font-variant-numeric:tabular-nums}
.contact-body{position:relative;z-index:3;background:var(--paper);padding-top:84px}
.contact-body:focus,.contact:focus{outline:none}
.contact-body .section-label{margin-bottom:66px}
@media(max-width:800px){
 .hero-art .hero-canvas{bottom:44px}
 .hero-art .bulb-controls{bottom:0}
 .contact-scroll-enabled .contact-reel{height:225svh;min-height:800px}
 .contact-reel-top{top:21px;font-size:9px;letter-spacing:1px;gap:10px}
 .contact-reel-skip{font-size:11px;padding:6px 11px;gap:6px}
 .contact-reel-heading{inset:94px 5vw 82px;gap:26px}
 .contact-reel-star{width:66px;height:66px}
 .contact-reel-kicker,.contact-reel-caption{font-size:8px;letter-spacing:1.4px}
 .contact-reel-orbits i{width:145vw;height:145vw}
 .contact-reel-bottom{bottom:23px;font-size:8px;letter-spacing:.8px;gap:18px}
 .contact-reel-bottom .mi{font-size:18px}
 .contact-reel-invitation>span:first-child{font-size:8px;letter-spacing:1.3px}
 .contact-reel-invitation p{font-size:12vw}
 .contact-body{padding-top:54px}
 .contact-body .section-label{margin-bottom:43px}
}
@media(max-width:360px){.contact-reel-top{font-size:8px;letter-spacing:.5px}.contact-reel-skip{font-size:10px}.contact-reel-bottom{gap:12px}.contact-reel-heading{gap:20px}}
@media(max-height:600px){
 .contact-scroll-enabled .contact-reel{height:240svh;min-height:720px}
 .contact-reel-top{top:12px}.contact-reel-bottom{bottom:14px}
 .contact-reel-heading{inset:65px 5vw 54px;gap:10px}
 .contact-reel-star{width:32px;height:32px}
 .contact .contact-reel-title{font-size:min(15vw,22svh);line-height:.88}
 .contact-reel-caption{margin-top:2px;font-size:8px}.contact-reel-kicker{display:none}
 .contact-reel-invitation p{font-size:min(11vw,19svh)}
 .contact-reel-invitation{gap:14px}.contact-reel-invitation>.mi{font-size:24px}
}
.no-js .contact-reel,.motion-paused .contact-reel{display:none}
@media(prefers-reduced-motion:reduce){.contact-scroll-enabled .contact-reel{display:none}}

@media(max-height:649px){
 .journey-stage{height:100svh;min-height:0}
}
@media(max-height:649px) and (max-width:800px) and (orientation:portrait){
 .journey-top{top:12px}.journey-bottom{bottom:16px}
 .journey-copy{top:14%}.journey-copy h2,.journey-second h2{font-size:30px;margin:12px 0}
 .journey-copy p{font-size:14px;line-height:1.35}.journey-copy .eyebrow{font-size:8px}
 .journey-final{top:13%}.journey-final h2{font-size:39px;margin:10px 0 12px}
 .journey-cta{font-size:12px;min-height:44px;padding:6px 7px 6px 14px;gap:12px}
 .journey-canvas{top:46%;bottom:11%}.anatomy-legend{bottom:57px}
}
@media(max-height:649px) and (orientation:landscape){
 .journey-stage{border-radius:20px}.journey-top{top:12px;font-size:9px}
 .journey-copy,.journey-final{top:50%;left:5%;width:43%;translate:0 -50%}
 .journey-copy h2,.journey-second h2{font-size:clamp(26px,4.7vw,43px);margin:12px 0}
 .journey-copy p{font-size:14px;max-width:290px}.journey-copy .eyebrow{font-size:8px}
 .journey-final h2{font-size:clamp(36px,6vw,53px);margin:10px 0 16px}
 .journey-canvas{inset:12% 0 12% 45%}.journey-visual>img{inset:15% 0 12% auto;width:50%;height:73%}
 .journey-final h2 br:last-child{display:none}.journey-second h2 br:nth-child(2){display:block}
 .journey-cta{font-size:12px;min-height:44px;padding:6px 7px 6px 14px;gap:12px}
 .journey-bottom{bottom:10px;left:5%;right:5%;font-size:8px;flex-wrap:nowrap}
 .journey-instruction,.journey-line,.anatomy-labels,.anatomy-legend{display:none!important}
 .journey-steps{width:100%;justify-content:space-between;gap:15px}
}