.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-width:5.6rem;height:2.8rem;border:1px solid var(--line);border-radius:3rem;background:transparent;color:var(--ink);cursor:pointer;flex-shrink:0;font-size:.8125rem}.theme-toggle[hidden]{display:none}.theme-icon{font-size:1.4rem}.theme-toggle:hover{border-color:var(--ink)}
.tape-section{padding:1rem 0 1.75rem;overflow:hidden}.creative-tape{position:relative;transform:rotate(-1.2deg) scale(1.025);background:linear-gradient(180deg,#ffdb51,#f2c429 22%,#f5c62e 80%,#e6b825);box-shadow:0 .6rem 1.1rem #0002;border-top:1px solid #ffe476;border-bottom:1px solid #cfa623;overflow-x:auto;scrollbar-width:none;color:#161616;transition:transform .45s,box-shadow .45s}.creative-tape::-webkit-scrollbar{display:none}.creative-tape::after{content:"";pointer-events:none;position:absolute;inset:0;background:linear-gradient(105deg,transparent 25%,#fff3 48%,transparent 60%);opacity:.6}.creative-tape:hover,.creative-tape:focus-within{transform:rotate(0) scale(1.01);box-shadow:0 .8rem 1.5rem #0003}.tape-track{display:flex;width:max-content}.tape-group{display:flex;align-items:center;flex-shrink:0;padding-left:1.25rem}.tape-group a{display:flex;align-items:center;gap:2rem;flex-shrink:0;font-size:clamp(1.1rem,1.8vw,1.9rem);font-weight:800;line-height:1.2;padding:1.5rem 1.2rem;white-space:nowrap;letter-spacing:-.025em;transition:color .2s,background .2s}.tape-group a:hover,.tape-group a:focus-visible{background:#171717;color:#f2c429;outline-offset:-4px}.tape-group a>span{color:#bc0037;transition:transform .4s;font-size:1.8rem}.tape-group a:hover>span{transform:rotate(90deg);color:#f2c429}.tape-hint{padding:1.35rem var(--gutter) 0;text-align:right;font-size:.8125rem;color:var(--muted)}.tape-group[aria-hidden=true]{display:none}body[data-motion=running] .tape-track{animation:tape-travel 40s linear infinite}body[data-motion=running] .tape-group[aria-hidden=true]{display:flex}.creative-tape:hover .tape-track,.creative-tape:focus-within .tape-track{animation-play-state:paused}body[data-motion=paused] .tape-track{animation:none;transform:none}@keyframes tape-travel{to{transform:translateX(-50%)}}
.method-section{background:radial-gradient(ellipse at 14% 42%,#6b3c1238,transparent 50%),radial-gradient(ellipse at 100% 100%,#b622182b,transparent 48%),#101011;color:#fafaf8}.method-section .section-heading{margin-bottom:2.5rem}.method-section .section-heading h2{font-size:clamp(2rem,3.9vw,4.7rem)}.method-section .section-heading h2>span{color:#f2c429}.method-section .section-heading .eyebrow,.method-section .heading-note{color:#b8b3aa}.method-workspace{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(2rem,5vw,6rem);align-items:center}.method-diagram{min-width:0}.method-map{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:.7rem;aspect-ratio:1;border:0;padding:0;margin:0;min-width:0;isolation:isolate}.method-connections{position:absolute;width:100%;height:100%;inset:0;z-index:-1;overflow:visible;color:#7a6a43}.method-spoke{fill:none;stroke:#5b5140;stroke-width:1.5;stroke-dasharray:4 7}.method-map[data-step="0"] .spoke-0,.method-map[data-step="1"] .spoke-1,.method-map[data-step="2"] .spoke-2,.method-map[data-step="3"] .spoke-3{stroke:#f2c429;stroke-width:2.5}.method-core{grid-column:2;grid-row:2;align-self:center;justify-self:center;width:90%;aspect-ratio:1;border:1px solid #8d7234;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at top,#67501955,#171616 75%);box-shadow:0 0 3rem #e9b03e0f;gap:.3rem}.method-core img{width:2.6rem;height:2.6rem;object-fit:contain}.method-core strong{font-size:.875rem;letter-spacing:.13em}.method-core>span{font-size:.75rem;color:#b9b2a2}.method-node{position:relative;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:.5rem;background:#191818;border:1px solid #514a3c;border-radius:1rem;cursor:pointer;transition:border-color .25s,background .25s,transform .25s;align-self:center;min-height:7.5rem;text-align:center}.node-top{grid-column:2;grid-row:1}.node-right{grid-column:3;grid-row:2}.node-bottom{grid-column:2;grid-row:3}.node-left{grid-column:1;grid-row:2}.method-node input,.format-choice input{position:absolute;width:1px;height:1px;opacity:0}.node-index{font-size:.75rem;letter-spacing:.06em;color:#e4b53f}.method-node strong{font-size:clamp(.875rem,1.1vw,1.125rem);font-weight:500;letter-spacing:-.035em;overflow-wrap:anywhere}.method-node>span:last-child{font-size:.75rem;color:#9c968c}.method-node:hover{border-color:#f2c429;transform:translateY(-3px)}.method-node:has(input:checked){border-color:#f2c429;background:linear-gradient(145deg,#58441d,#201b14);box-shadow:0 0 1.7rem #f2c42912}.method-node:has(input:checked) .node-index{background:#f2c429;color:#111;padding:.3rem .45rem;border-radius:.3rem}.method-node:has(input:focus-visible){outline:3px solid #f2c429;outline-offset:4px}.method-hint{text-align:center;font-size:.8125rem;line-height:1.5;margin-top:1rem;color:#a8a196}.method-detail{padding:2rem 0;min-width:0}.method-kicker{color:#f2c429;font-size:.875rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:1.3rem}.method-detail h3{font-size:clamp(1.8rem,3.2vw,3.7rem);font-weight:500;letter-spacing:-.045em;line-height:1.06;margin-bottom:1.25rem}.method-detail #method-idea{font-size:1rem;line-height:1.7;color:#c6bfb6;max-width:39rem}.method-detail ul{list-style:none;padding:0;margin:1.5rem 0;font-size:.9375rem;line-height:1.55}.method-detail li{position:relative;padding:.4rem 0 .4rem 1.4rem}.method-detail li::before{content:"+";position:absolute;left:0;color:#f2c429}.method-output{padding:1.25rem 1.5rem;border-left:2px solid #f2c429;background:linear-gradient(110deg,#e8b33918,transparent);margin:1.5rem 0 1rem}.method-output>span{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:#f2c429;margin-bottom:.7rem}.method-output p{font-size:1.0625rem;line-height:1.5}.method-client{font-size:.875rem;line-height:1.6;color:#a8a196}.method-next{border:0;background:none;color:#f2c429;cursor:pointer;margin-top:.75rem;padding:.75rem 0;display:inline-flex;align-items:center;gap:2rem}.method-next[hidden]{display:none}.method-next:hover{text-decoration:none;gap:2.5rem}body[data-motion=running] .method-orbit{animation:orbit-dashes 22s linear infinite}body[data-motion=running] .method-spoke{animation:spoke-dashes 4s linear infinite}@keyframes orbit-dashes{to{stroke-dashoffset:-150}}@keyframes spoke-dashes{to{stroke-dashoffset:-44}}@keyframes state-enter{from{opacity:.35;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}body[data-motion=running] .state-change{animation:state-enter .32s ease both}
.formats{background:radial-gradient(ellipse at 95% 30%,#eaba3330,transparent 55%),var(--paper)}.format-choices{border:0;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem;min-width:0}.format-choice{position:relative;display:flex;flex-direction:column;gap:1.1rem;border:1px solid #4e4538;border-radius:1.25rem;padding:2rem 1.7rem;min-width:0;background:radial-gradient(ellipse at 90% 0,#9b581930,transparent 60%),#151414;color:#fafaf8;cursor:pointer;overflow:hidden;isolation:isolate;transition:transform .3s,border-color .3s,box-shadow .3s}.format-choice:nth-of-type(2){background:radial-gradient(ellipse at 80% 0,#e59d3038,transparent 65%),#151414}.format-choice:nth-of-type(3){background:radial-gradient(ellipse at 100% 100%,#dd3e3338,transparent 65%),#151414}.format-number{position:absolute;top:.25rem;right:1rem;font-size:6rem;line-height:1;font-weight:700;letter-spacing:-.07em;color:#fff;opacity:.07;z-index:-1}.format-for{font-size:.875rem;color:#f2c429;line-height:1.5;max-width:85%;margin-bottom:.5rem}.format-choice>strong{font-size:clamp(1.9rem,3vw,3.35rem);line-height:1.07;font-weight:500;letter-spacing:-.05em}.format-summary{font-size:.9375rem;line-height:1.6;color:#c3bdb3;max-width:24rem}.format-features{font-size:.875rem;line-height:1.65}.format-features>span{display:block;position:relative;padding-left:1.1rem;margin:.5rem 0}.format-features>span::before{content:"+";color:#f2c429;position:absolute;left:0}.format-select-label{display:flex;justify-content:space-between;align-items:center;gap:1rem;border-top:1px solid #514739;padding-top:1.25rem;margin-top:auto;font-size:.875rem;color:#bdb6ac}.format-select-label>span{font-size:1.4rem;line-height:1}.format-choice:hover{transform:translateY(-4px);border-color:#c2a261;box-shadow:0 1rem 2rem #00000010}.format-choice:has(input:checked){border-color:#edc64b;box-shadow:inset 0 3px #f2c429,0 1rem 2rem #00000012;background:radial-gradient(ellipse at 70% 0,#bb7c2850,transparent 75%),#191715}.format-choice:has(input:checked) .format-select-label{color:#f2c429}.format-choice:has(input:checked) .format-select-label>span{transform:rotate(45deg)}.format-choice:has(input:focus-visible){outline:3px solid var(--red);outline-offset:4px}.format-breakdown{margin-top:2rem;padding:2rem 2.25rem;border:1px solid var(--line);border-radius:1.25rem;background:var(--paper);min-width:0}.format-breakdown-heading{display:grid;grid-template-columns:1fr 1fr;gap:.75rem 3rem;align-items:start;padding-bottom:1.75rem;border-bottom:1px solid var(--line)}.format-breakdown-heading>.eyebrow{grid-column:1/-1;color:var(--muted);font-size:.8125rem}.format-breakdown-heading h3{font-size:clamp(1.6rem,2.5vw,2.7rem);font-weight:500;letter-spacing:-.04em;line-height:1.15}.format-breakdown-heading>p:last-child{font-size:1rem;line-height:1.6;color:var(--muted)}.format-responsibilities{display:grid;grid-template-columns:1fr 1fr 1.05fr;gap:2rem;padding:2rem 0}.format-responsibilities>div{min-width:0}.format-responsibilities h4{font-size:.9375rem;line-height:1.5;margin:0 0 1rem}.format-responsibilities h4>span{color:var(--red);font-size:1.2rem;margin-right:.3rem}.format-responsibilities ul{list-style:none;padding:0;margin:0;font-size:.9375rem;line-height:1.6;color:var(--muted)}.format-responsibilities li{margin-bottom:.7rem;position:relative;padding-left:1.1rem}.format-responsibilities li::before{content:"—";position:absolute;left:0;font-size:.8rem}.format-delivery{border-left:1px solid var(--line);padding-left:1.75rem}.format-delivery>p{font-size:1rem;line-height:1.6}#format-boundary{font-size:.8125rem;line-height:1.6;color:var(--muted);margin-top:1.2rem}.format-bottom{display:flex;justify-content:space-between;align-items:center;gap:2rem;border-top:1px solid var(--line);padding-top:1.5rem}.format-bottom>p{font-size:.875rem;line-height:1.7;color:var(--muted)}.format-bottom strong{color:var(--ink);font-weight:500}.format-bottom>p>a{font-size:.8125rem;text-decoration:underline;text-underline-offset:.2rem}.format-bottom .button{flex-shrink:0}
html[data-theme=night]{color-scheme:dark;--paper:#080809;--ink:#f5f3ef;--muted:#b7b1a7;--line:#3b3731;--red:#ff6b57}html[data-theme=day]{color-scheme:light}body,.header,.services,.solution-panel,.formats,.format-breakdown,.contact{transition:background-color .3s,color .3s,border-color .3s}html[data-theme=night] .header{background:#080809ed;backdrop-filter:blur(12px)}html[data-theme=night] .hero{background:radial-gradient(ellipse at 75% 0,#d9861938,transparent 58%),radial-gradient(ellipse at 100% 100%,#d0392830,transparent 50%),#080809}html[data-theme=night] .hero-visual{background:#efefea;border-radius:50% 50% 1.5rem 1.5rem;margin:1.75rem 0;min-height:0}html[data-theme=night] .hero-visual figcaption{color:#333;left:7%;right:7%;bottom:1rem}html[data-theme=night] .hero-visual figcaption span:last-child{color:#555}html[data-theme=night] .hero-topline .eyebrow::before{background:#f2c429}html[data-theme=night] .button-dark{background:#f2c429;color:#171717}html[data-theme=night] .button-dark:hover{background:#ffd856;color:#111}html[data-theme=night] .services{background:#111112}html[data-theme=night] .task-option{border-color:#514b40;background:#191817}html[data-theme=night] .task-option:hover{border-color:#d0b66d}html[data-theme=night] .task-description,html[data-theme=night] #solution-description{color:#beb8ae}html[data-theme=night] .task-option:has(input:checked){background:#f2c429;border-color:#f2c429;color:#171717}html[data-theme=night] .task-option:has(input:checked) .task-description{color:#4a4024}html[data-theme=night] .solution-panel{background:#1c1b1a;border-top-color:#f2c429}html[data-theme=night] .scope-switch,html[data-theme=night] .service-faq,html[data-theme=night] .service-faq details{border-color:#514b40}html[data-theme=night] .scope-switch input:checked+span{background:#f2c429;color:#171717}html[data-theme=night] .formats{background:radial-gradient(ellipse at 85% 0,#e4912140,transparent 52%),radial-gradient(ellipse at 0 100%,#e63e2935,transparent 50%),#080809}html[data-theme=night] .format-breakdown{background:#141312da;backdrop-filter:blur(10px)}html[data-theme=night] .contact{background:radial-gradient(ellipse at 100% 0,#d9831845,transparent 50%),radial-gradient(ellipse at 0 100%,#df352948,transparent 60%),#0c0b0c;color:#fafaf8}html[data-theme=night] .contact h2 span{color:#f2c429}html[data-theme=night] .contact-links{border-color:#6a5038}html[data-theme=night] .mobile-nav:not([hidden]){background:#141313}html[data-theme=night] .image-viewer{color:#fafaf8}html[data-theme=night] .viewer-toolbar button,html[data-theme=night] .viewer-controls button{color:#fafaf8}html[data-theme=night] .viewer-toolbar button:hover,html[data-theme=night] .viewer-controls button:hover{color:#171717}html[data-theme=night] .creative-tape{color:#171717;box-shadow:0 .5rem 1.5rem #0006}html[data-theme=night] .project-image{background:#282626}
@media(max-width:1100px){.header{gap:1rem}.desktop-nav{gap:1rem}.header-contact{gap:.75rem}.theme-toggle{min-width:4.7rem}.method-workspace{gap:2rem}.method-node{min-height:6.5rem;border-radius:.7rem}.method-core img{width:1.8rem;height:1.8rem}.method-core>span{display:none}.format-choice{padding:1.6rem 1.2rem}.format-choice>strong{font-size:2rem}.format-choices{gap:.8rem}.format-responsibilities{gap:1.25rem}.format-delivery{padding-left:1.25rem}}
@media(max-width:960px){.header-contact{display:none}.desktop-nav{margin-left:auto}.method-workspace{grid-template-columns:1fr}.method-map{max-width:31rem;margin:auto}.method-detail{padding:0;max-width:44rem}.method-detail h3{font-size:2.5rem}.method-node{min-height:7.5rem}.method-core img{width:2.5rem;height:2.5rem}.method-core>span{display:block}.format-choices{grid-template-columns:1fr}.format-choice{display:grid;grid-template-columns:1fr 1.15fr;gap:.8rem 2rem;padding:1.75rem}.format-for{grid-column:1/-1}.format-choice>strong{grid-column:1;grid-row:2/4}.format-summary{grid-column:2;grid-row:2}.format-features{grid-column:2;grid-row:3}.format-select-label{grid-column:1/-1;margin-top:.5rem}.format-number{right:1.5rem;font-size:5rem}.format-breakdown{padding:1.75rem}.format-responsibilities{grid-template-columns:1fr 1fr}.format-delivery{grid-column:1/-1;border-left:0;padding:1.5rem 0 0;border-top:1px solid var(--line)}.format-bottom{align-items:flex-start}.format-bottom .button{gap:1rem}}
@media(max-width:760px){.theme-toggle{min-width:2.75rem;width:2.75rem;height:2.75rem;margin-left:auto}.theme-label{display:none}.theme-icon{font-size:1.5rem}.header{gap:.75rem}.menu-toggle{flex-shrink:0}.tape-section{padding-top:.6rem;padding-bottom:1rem}.tape-group a{font-size:1.05rem;padding:1.25rem 1rem;gap:1.5rem}.tape-group a>span{font-size:1.4rem}.tape-hint{text-align:left;line-height:1.5;font-size:.75rem;padding-top:1.2rem}.method-section .section-heading h2{font-size:clamp(2rem,6vw,3rem)}.method-section .section-heading h2 br{display:none}.method-detail h3{font-size:2rem}.method-output{padding:1rem 1.2rem}.method-workspace{gap:1.5rem}.method-output p{font-size:1rem}.format-breakdown-heading{grid-template-columns:1fr;gap:.7rem}.format-breakdown{padding:1.4rem}.format-breakdown-heading h3{font-size:1.7rem}.format-responsibilities{grid-template-columns:1fr;padding:1.5rem 0;gap:1.5rem}.format-delivery{grid-column:auto;padding-top:1.25rem}.format-bottom{flex-direction:column;gap:1.25rem}.format-bottom .button{width:100%}.format-for{font-size:.8125rem}.format-choice{gap:.75rem 1.3rem;padding:1.4rem}.format-choice>strong{font-size:1.85rem}html[data-theme=night] .hero-visual{margin:1.5rem 0 0 22%;border-radius:50% 50% 1rem 1rem}html[data-theme=night] .hero-visual figcaption span:last-child{display:none}html[data-theme=night] .character{max-width:100%;height:24rem}}
@media(max-width:540px){.method-map{grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;aspect-ratio:auto;gap:.8rem}.method-core{grid-column:1/-1;grid-row:1;width:7rem;margin:0 0 .5rem}.method-core>span{display:none}.method-connections{display:none}.node-top{grid-column:1;grid-row:2}.node-right{grid-column:2;grid-row:2}.node-bottom{grid-column:1;grid-row:3}.node-left{grid-column:2;grid-row:3}.method-node{min-height:7.2rem;border-radius:.8rem}.method-node strong{font-size:1.0625rem}.format-choice{display:flex;gap:1rem}.format-choice>strong{font-size:2.3rem}.format-for{margin-bottom:.2rem}.format-summary{max-width:none}.format-features{font-size:.9375rem}.format-number{top:.5rem;font-size:6rem}.format-select-label{width:100%;margin-top:.4rem}.method-core img{width:2.25rem;height:2.25rem}}
@media(hover:none),(prefers-reduced-motion:reduce){body[data-motion=running] .tape-track{animation:none;transform:none}body[data-motion=running] .tape-group[aria-hidden=true]{display:none}.creative-tape:hover{transform:rotate(-1.2deg) scale(1.025)}}
@media(prefers-reduced-motion:reduce){.state-change{opacity:1;transform:none}.method-orbit,.method-spoke{animation:none!important}}

.method-map{min-height:28rem}.format-choice>strong,.format-bottom .button{overflow-wrap:anywhere}@media(max-width:540px){.method-map{min-height:0}}@media(max-width:760px){.header .brand{width:min(8.25rem,35vw)}.theme-toggle,.menu-toggle{width:44px;min-width:44px;height:44px}.theme-icon{font-size:24px}.menu-toggle span{width:22px}}