/* Xile Media: monochrome materials, light and depth. */
:root{color-scheme:dark;--paper:#181818;--ink:#f4f4f4;--blue:#cccccc;--muted:#b1b1b1;--line:#414141;--dark:#141414;--white:#f4f4f4;--steel:#2c2c2c;--button-ink:#212121}
body{background:var(--paper);background-image:radial-gradient(ellipse at 88% 0%,#5e5e5e19,transparent 38%);color:var(--ink)}
::selection{background:var(--blue);color:var(--button-ink)}
button:focus-visible,a:focus-visible,summary:focus-visible{outline-color:#e3e3e3}
.skip-link{color:var(--button-ink)}
.header{background:#181818f5}.header.scrolled{background:#181818eb;box-shadow:0 1px #56565650}
.header-inner{border-color:#46464664;width:calc(100% - clamp(20px,2.5vw,48px) * 2);margin-inline:auto}
@media(min-width:561px){.header-inner{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.header-inner>.brand-lockup{justify-self:start}.header-inner>.desktop-nav{justify-self:center}.header-inner>.header-contact{justify-self:end}}
@media(min-width:561px) and (max-width:700px){.header-inner>.wordmark.brand-lockup{flex-direction:column;align-items:flex-start;gap:4px}.header-inner .brand-divider{display:none}}.desktop-nav a{color:#d2d2d2}.desktop-nav a:hover,.desktop-nav a.active{color:#f8f8f8}
.header-contact{color:#f0f0f0}.header-contact:hover{color:var(--blue)}
.button-blue{background:linear-gradient(135deg,#e0e0e0,#cccccc 65%,#bfbfbf);color:var(--button-ink);box-shadow:inset 0 1px #f6f6f69c,0 4px 15px #11111157}
.button-blue:hover{background:linear-gradient(135deg,#ececec,#d9d9d9);box-shadow:inset 0 1px #f7f7f7,0 8px 30px #cccccc25}
.hero{isolation:isolate}.hero:before{content:'';position:absolute;z-index:-1;pointer-events:none;width:65%;height:75%;right:-1%;top:25px;background:radial-gradient(ellipse,#ababab20 0%,#71717112 36%,transparent 69%);filter:blur(18px)}
.hero-copy>.eyebrow{color:#c2c2c2}.hero-title .accent{color:#d4d4d4;text-shadow:0 0 55px #cccccc0d}
.hero-description{color:#bfbfbf}.hero-bottom{color:#b1b1b1;border-color:#4d4d4d80}.scroll-cue span{color:#e2e2e2}
.hero-visual{--depth-x:0px;--depth-y:0px;--light-x:56%;--light-y:43%;perspective:1100px}
.hero-visual:before{content:'';position:absolute;inset:-3% -2% 4%;pointer-events:none;z-index:-2;background:radial-gradient(ellipse at var(--light-x) var(--light-y),#cecece26 0%,#77777723 28%,transparent 68%);filter:blur(12px)}
.visual-grid{background-image:linear-gradient(#81818120 1px,transparent 1px),linear-gradient(90deg,#81818120 1px,transparent 1px);mask-image:radial-gradient(ellipse,#000000 15%,transparent 73%)}
.visual-topline{color:#b9b9b9}.orbit{border-color:#9191912c;box-shadow:0 0 35px #acacac04,inset 0 0 26px #cccccc05;translate:calc(var(--depth-x)*-.22) calc(var(--depth-y)*-.22)}
.orbit-two{border-color:#adadad2b;opacity:.8}
.frame{box-shadow:0 26px 52px #0707079c,0 9px 17px #08080852;backface-visibility:hidden}
.frame-back{color:#ebebeb;background:linear-gradient(155deg,#404040 0%,#2c2c2c 36%,#242424 85%);border:1px solid #7b7b7b52;box-shadow:inset 0 1px #e6e6e625,inset 1px 0 #a9a9a917,0 24px 46px #0606069c;animation-name:backFloat;animation-duration:11s;translate:calc(var(--depth-x)*-.5) calc(var(--depth-y)*-.4)}
.frame-back:after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:repeating-linear-gradient(0deg,#c0c0c004 0 1px,transparent 1px 4px);opacity:.55}
.back-lines i{background:#a4a4a43d}.frame-back .frame-label{color:#cbcbcb;opacity:1}
.frame-front{color:#2b2b2b;background:linear-gradient(142deg,#ebebeb 0%,#d6d6d6 27%,#cccccc 58%,#afafaf 100%);border:1px solid #efefef9c;box-shadow:inset 0 1px #fafafadc,inset -1px 0 #9696964d,0 28px 54px #060606ac,0 2px 22px #d1d1d10c;animation-duration:9s;translate:calc(var(--depth-x)*.7) calc(var(--depth-y)*.65)}
.frame-front:before{content:'';position:absolute;inset:-35% -80%;pointer-events:none;background:linear-gradient(110deg,transparent 40%,#fbfbfb03 45%,#ffffff6b 49%,#ffffff09 54%,transparent 59%);transform:translateX(-35%) rotate(-8deg);animation:iceSheen 12s ease-in-out infinite;z-index:3}
.frame-front .frame-label{color:#3f3f3f;opacity:1}.frame-front .frame-word{color:#2a2a2a;text-shadow:0 1px #f8f8f855}.frame-word span{color:#6e6e6e}.frame-front .frame-footer{color:#424242}
.graphic-disc{background:radial-gradient(circle at 30% 20%,#efefef,#bcbcbc 29%,#676767 65%,#3a3a3a 100%);box-shadow:inset -14px -13px 20px #232323a8,inset 3px 3px 9px #fcfcfc6b,10px 17px 24px #39393949}
.graphic-ring{border-color:#ebebeb;border-top-color:#f9f9f9;border-right-color:#aeaeae;border-bottom-color:#bbbbbb;box-shadow:inset 0 4px 8px #494949b3,0 4px 9px #5e5e5e6b}
.graphic-bar{background:linear-gradient(175deg,#f9f9f9,#d7d7d7 42%,#9f9f9f 100%);box-shadow:inset 0 1px #ffffffeb,4px 10px 16px #40404078}
.floating-note{color:#e7e7e7;background:linear-gradient(135deg,#424242e8,#323232e8);border-color:#bebebe40;box-shadow:inset 0 1px #f4f4f40d,0 14px 32px #0707078f;backdrop-filter:blur(18px);animation-duration:7s;translate:calc(var(--depth-x)*-.95) calc(var(--depth-y)*-.8)}
.note-icon{color:#e0e0e0}
.timeline-widget{color:#d8d8d8;background:linear-gradient(125deg,#494949cc,#2f2f2fe3 75%);border-color:#bdbdbd4d;box-shadow:inset 0 1px #f3f3f326,inset 0 -1px #07070736,0 21px 34px #060606a6;backdrop-filter:blur(20px);translate:calc(var(--depth-x)*.2) calc(var(--depth-y)*.25)}
.timeline-widget:after{content:'';position:absolute;top:0;left:5%;right:9%;height:1px;background:linear-gradient(90deg,transparent,#dfdfdf7d,transparent)}
.timeline-title{color:#dcdcdc}
.track-one{background:linear-gradient(90deg,#777777,#959595);color:#f7f7f7}.track-two{background:linear-gradient(90deg,#c5c5c5,#dfdfdf);color:#292929;box-shadow:0 0 9px #cfcfcf0c}.track-three{background:linear-gradient(90deg,#4a4a4a,#666666);color:#f1f1f1}
.playhead{background:#f7f7f7;box-shadow:0 0 7px #e4e4e480}.playhead:before{border-top-color:#f7f7f7}
.motion-paused .frame-front:before{animation-play-state:paused}
.service-strip{background:linear-gradient(90deg,#222222,#2c2c2c 50%,#232323);border-color:#62626249}.service-strip-inner{color:#e5e5e5}.service-strip i{color:#d5d5d5}
.work-section{background:linear-gradient(180deg,#141414,#1b1b1b 60%,#1b1b1b);border-top:1px solid #5f5f5f22}.work-section .section-label{color:#b4b4b4}.work-section .section-intro{color:#c6c6c6}.muted-light{color:#939393}.draft-tag{color:#cecece;border-color:#7a7a7a4d;background:#36363654}
.work-preview{border:1px solid #bebebe29;box-shadow:0 10px 30px #07070745}.work-preview:hover{box-shadow:0 18px 37px #07070773;border-color:#cbcbcb53}
.preview-open{background:#e6e6e6;color:#2d2d2d;border:1px solid #f7f7f7aa;box-shadow:0 7px 17px #10101038}.work-preview:hover .preview-open{background:#f8f8f8}
.art-type{color:#282828;background:linear-gradient(145deg,#d7d7d7 2%,#bcbcbc 57%,#9b9b9b 100%)}.art-type:before{color:#58585847;filter:drop-shadow(1px 1px 0 #e7e7e72e)}.art-type:after{border-color:#e6e6e6ad;box-shadow:0 9px 30px #4c4c4c2e,inset 0 2px 5px #fafafa78}
.art-rhythm{background:linear-gradient(130deg,#414141,#2e2e2e 65%);color:#f2f2f2}.art-rhythm:before{background:linear-gradient(90deg,#717171,#9a9a9a);box-shadow:-7px 0 23px #13131335}.art-rhythm:after{background:repeating-linear-gradient(90deg,#d1d1d1 0 8px,transparent 8px 16px);box-shadow:0 0 0 15px #373737}
.art-grid{background:radial-gradient(ellipse at 80% 85%,#5f5f5f5e,transparent 65%),#242424;color:#efefef}.art-grid:before{background-image:linear-gradient(90deg,#bdbdbd1f 1px,transparent 1px),linear-gradient(#bdbdbd1f 1px,transparent 1px)}.art-grid:after{background:linear-gradient(135deg,#f4f4f4,#cecece 35%,#777777 100%);box-shadow:inset 0 0 0 22px #98989852,inset 0 1px #ffffffbd,0 14px 35px #0a0a0a5e}
.work-description p{color:#b9b9b9}.work-number{color:#b0b0b0}.work-footnote{color:#b8b8b8;border-color:#5050504f}
.approach-section{position:relative}.approach-copy p{color:#c8c8c8}.small-caption{color:#aaaaaa}.diagram-line{background:#5d5d5d}.diagram-line:after{border-color:#5d5d5d}.diagram-node{color:#e6e6e6;border-color:#7a7a7a5c;background:linear-gradient(155deg,#353535b3,#29292957);box-shadow:inset 0 1px #e0e0e00c}.diagram-arrow{color:#969696}.diagram-end{color:#d9d9d9}
.process-section{background:linear-gradient(145deg,#282828,#252525 70%,#212121);border-block:1px solid #77777729}.process-list{border-color:#6b6b6b61}.process-row{border-color:#6b6b6b61}.process-row p,.responsibility p{color:#c8c8c8}.process-tag{color:#b0b0b0}.responsibility>div:last-child{border-left-color:#7b7b7b}.responsibility .eyebrow{color:#e8e8e8}
.price-card{border-color:#5e5e5e63;background:linear-gradient(150deg,#343434b3,#2929295c);box-shadow:inset 0 1px #f2f2f208,0 8px 26px #0808081a}.price-card.selected{background:linear-gradient(150deg,#484848ee,#3a3a3ade);border-color:#cececec9;box-shadow:inset 0 1px #f2f2f224,0 12px 32px #09090933,0 0 24px #cccccc06}.price-top,.price-unit{color:#bbbbbb}.price-check{border-color:#9e9e9e82}.selected .price-check{background:#dcdcdc;color:#2d2d2d;border-color:#dcdcdc}.price-count,.price-value{color:#f6f6f6}
.package-select{border-color:#9999998a;color:#e4e4e4;background:#2e2e2e38}.package-select:hover{border-color:#d4d4d4;background:#63636345}.selected .package-select{background:linear-gradient(125deg,#e1e1e1,#cccccc);border-color:#e1e1e1;color:#2c2c2c;box-shadow:inset 0 1px #fafafabd}.selected .package-select:hover{background:#e8e8e8}.package-action{color:#d4d4d4}.pricing-details p{color:#bfbfbf}
.faq-item summary{color:#efefef}.faq-plus{border-color:#8a8a8a77;background:#3232324d}.faq-plus:before,.faq-plus:after{background:#e2e2e2}.faq-item[open] .faq-plus{border-color:#d6d6d678;background:#4d4d4d5c}.faq-item p{color:#c5c5c5}
.contact-section{background:radial-gradient(ellipse at 91% 50%,#77777740,transparent 62%),linear-gradient(120deg,#272727,#333333 65%,#373737);color:#f5f5f5;border-block:1px solid #9191914d}.contact-inner>.eyebrow{color:#cacaca}.contact-inner .status-dot{background:#d8d8d8}.contact-inner h2 span{color:#d2d2d2}.contact-bottom p{color:#cfcfcf}.button-white{background:linear-gradient(125deg,#e8e8e8,#cccccc);color:#2d2d2d;box-shadow:inset 0 1px #f9f9f9b0,0 8px 30px #0d0d0d2e}.button-white:hover{background:#efefef;box-shadow:0 12px 34px #d2d2d21c}.contact-decoration{color:#c3c3c31c;filter:drop-shadow(0 0 20px #c4c4c41a)}
.footer{color:#acacac}.footer>a:nth-last-child(2){color:#dcdcdc}.footer a:hover{color:#dedede}
.mobile-nav{background:#252525;border-color:#7070706b;box-shadow:0 15px 30px #06060666}.mobile-nav a{color:#e4e4e4}
.case-dialog{background:linear-gradient(135deg,#343434,#262626);color:#f2f2f2;border:1px solid #a0a0a05e;box-shadow:0 28px 80px #00000088}.case-dialog::backdrop{background:#070707e0;backdrop-filter:blur(10px)}.dialog-close{background:#3b3b3bee;color:#ececec;border-color:#9f9f9f80}.dialog-close:hover{background:#525252}.dialog-copy p{color:#cfcfcf}.dialog-copy .eyebrow{color:#bebebe}
@keyframes iceSheen{0%,15%{transform:translateX(-40%) rotate(-8deg);opacity:0}25%{opacity:.6}44%{transform:translateX(38%) rotate(-8deg);opacity:0}100%{transform:translateX(38%) rotate(-8deg);opacity:0}}
@media(max-width:800px){.hero:before{width:100%;height:52%;top:auto;bottom:85px;right:0}.hero-visual:before{inset:0}.frame{translate:none}.floating-note,.timeline-widget,.orbit{translate:none}.header-contact span{color:#dedede}}
.wordmark.brand-lockup{display:flex;align-items:center;gap:13px;font-size:initial;letter-spacing:normal;white-space:nowrap;flex-shrink:0}
.brand-lockup .brand-name{font-family:Display,Arial,sans-serif;color:var(--ink);font-size:19px;line-height:1.1;letter-spacing:.12em;text-transform:uppercase}
.brand-lockup .brand-divider{color:#7b7b7b;font:400 15px Body,Arial,sans-serif}
.brand-lockup .brand-author{color:#b1b1b1;font:400 11px Body,Arial,sans-serif;letter-spacing:.01em}
@media(max-width:1100px){.header-inner{gap:18px}.header-inner .desktop-nav{gap:21px}.brand-lockup .brand-name{font-size:17px}.brand-lockup .brand-author{font-size:10px}.wordmark.brand-lockup{gap:10px}}
@media(max-width:850px) and (min-width:561px){.header-inner .desktop-nav{gap:14px;font-size:10px}.header-inner{gap:12px}.brand-lockup .brand-name{font-size:16px}.brand-lockup .brand-author{font-size:9px}.wordmark.brand-lockup{gap:8px}}
@media(max-width:560px){.wordmark.brand-lockup{flex-direction:column;align-items:flex-start;gap:4px}.brand-lockup .brand-name{font-size:17px}.brand-lockup .brand-author{font-size:9px;letter-spacing:.015em}.brand-lockup .brand-divider{display:none}.header-inner{gap:16px}.footer .wordmark.brand-lockup{flex-direction:row;align-items:center;gap:11px}.footer .brand-lockup .brand-name{font-size:15px}.footer .brand-lockup .brand-author{font-size:9px}.footer .brand-lockup .brand-divider{display:block}.footer>span{margin-left:0}}
@media(prefers-reduced-motion:reduce){.hero-visual *,.hero-visual *:before{animation:none!important;translate:none!important}.frame-front:before{opacity:.35;transform:translateX(-5%) rotate(-8deg)}}

/* A personal workspace: black canvas, fewer repeated cards, readable copy. */
:root{--paper:#050505;--ink:#f4f4f4;--blue:#ededed;--muted:#aaaaaa;--line:#2b2b2b;--dark:#050505;--steel:#1c1c1c;--button-ink:#101010}
body{background:#050505;background-image:none}.header{background:#050505f5}.header.scrolled{background:#050505eb}.header-inner{border-color:#242424}.header-contact{color:#e8e8e8}
body:before{content:'';position:fixed;inset:0;pointer-events:none;z-index:2;background:url('assets/grain.svg');opacity:.027}
.hero-title{font-size:clamp(64px,6.4vw,100px)}.hero-title .accent{color:#e8e8e8;text-shadow:0 0 42px #ffffff12}.hero-description{max-width:455px;font-size:16px;line-height:1.8}.hero-aside{display:flex;flex-direction:column;gap:4px;margin-top:30px;font-size:11px;line-height:1.6;color:#a6a6a6}
.hero:before{background:radial-gradient(ellipse,#ffffff10,transparent 68%)}.hero-visual:before{background:radial-gradient(ellipse at var(--light-x) var(--light-y),#ffffff1c,#ffffff09 34%,transparent 68%)}
.button-blue,.button-white{background:linear-gradient(135deg,#ffffff,#d9d9d9);color:#101010;box-shadow:inset 0 1px #ffffff,0 7px 26px #ffffff08;filter:brightness(1);transition:filter .2s ease,box-shadow .2s ease;transform:none}.button-blue:hover,.button-white:hover{background:linear-gradient(135deg,#ffffff,#d9d9d9);box-shadow:inset 0 1px #ffffff,0 9px 30px #ffffff17;filter:brightness(1.04);transform:none}.blue-text{color:#e5e5e5}.soft-text{color:#a1a1a1}
.service-strip{background:#0a0a0a;border-color:#252525}.work-section{background:#080808;border-color:#1c1c1c}.work-section .muted-light{color:#9c9c9c}.about-section,.fit-section,.pricing-section,.faq-section{background:transparent}.contact-section{background:radial-gradient(ellipse at 90% 60%,#ffffff09,transparent 65%),#080808;border-color:#242424}
.contact-inner h2{font-size:clamp(42px,5.2vw,74px)}.contact-inner h2 span{color:#b3b3b3}.contact-decoration{color:#ffffff0b}.contact-bottom p{font-size:14px}.case-dialog{background:linear-gradient(135deg,#1c1c1c,#111111);border-color:#444444}.mobile-nav{background:#0d0d0d;border-color:#333333}
.about-section{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:start;padding-block:115px}.about-identity h2{font-size:clamp(38px,4vw,58px);line-height:1.12}.about-signature{display:flex;align-items:center;gap:20px;margin-top:38px;color:#a8a8a8;font-size:12px;line-height:1.8}.signature-mark{font-family:Display,Arial,sans-serif;font-size:40px;letter-spacing:-.08em;color:#e2e2e2}.about-copy{padding-top:43px}.about-copy p{font-size:17px;color:#bdbdbd;line-height:1.85;margin-bottom:22px}.about-copy .lead-copy{font-size:20px;color:#e0e0e0;line-height:1.7}.about-note{display:flex;gap:17px;align-items:start;border-left:1px solid #535353;padding-left:23px;margin-top:29px}.about-note p{font-size:14px;margin:0;color:#a9a9a9}.note-marker{color:#dedede;font-size:25px;line-height:1.2}
.idea-section{background:radial-gradient(ellipse at 18% 57%,#ffffff06,transparent 60%),#070707;border-block:1px solid #202020}.idea-heading{display:grid;grid-template-columns:1.3fr 1fr;align-items:end;gap:75px;margin-bottom:26px}.idea-heading h2{font-size:clamp(38px,4vw,58px);line-height:1.12}.idea-heading>p{font-size:15px;line-height:1.8;color:#b3b3b3;max-width:400px;margin-left:auto}.demo-label{font-size:11px;color:#aaaaaa;display:flex;align-items:center;gap:9px;line-height:1.6;margin-bottom:29px}.demo-label .status-dot{background:#a9a9a9}
.idea-workbench{display:grid;grid-template-columns:.85fr 1.4fr;border:1px solid #343434;border-radius:12px;overflow:hidden;background:linear-gradient(120deg,#19191988,#0d0d0d);box-shadow:inset 0 1px #ffffff09,0 20px 70px #00000066}.demo-screen-area{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:37px 25px;background:radial-gradient(ellipse at 50% 50%,#ffffff0c,transparent 70%);border-right:1px solid #292929}.demo-phone{width:260px;aspect-ratio:9/16;position:relative;isolation:isolate;overflow:hidden;border-radius:20px;border:1px solid #666666;background:linear-gradient(150deg,#272727,#111111 50%,#202020);box-shadow:inset 0 1px #ffffff42,0 20px 36px #000000aa}.demo-phone-top{position:absolute;top:23px;left:20px;right:20px;display:flex;justify-content:space-between;gap:10px;font-size:8px;letter-spacing:.08em;color:#cccccc;z-index:2}.demo-safe-frame{position:absolute;inset:47px 19px 59px;border:1px solid #ffffff09;border-radius:7px;opacity:.4;transition:opacity .4s,border-color .4s}.demo-art{position:absolute;inset:0;opacity:.7;pointer-events:none}.demo-disc{width:165px;height:165px;position:absolute;top:91px;right:-15px;border-radius:50%;background:radial-gradient(circle at 24% 20%,#dddddd,#545454 37%,#191919 76%);box-shadow:inset 3px 3px 14px #ffffff33,0 15px 30px #00000066;opacity:.5}.demo-cross{position:absolute;left:-29px;bottom:99px;height:35px;width:255px;background:linear-gradient(#ececec,#aaaaaa,#555555);transform:rotate(-31deg);border-radius:6px;opacity:.15}.demo-frame-content{position:absolute;left:23px;right:23px;bottom:90px;z-index:3;transition:transform .35s}.demo-mini-label{display:block;font-size:8px;letter-spacing:.13em;color:#c6c6c6;margin-bottom:15px}.demo-frame-title{font-family:Display,Arial,sans-serif;font-size:35px;line-height:1.08;letter-spacing:-.055em;color:#f5f5f5}.demo-caption{font-size:11px;color:#b9b9b9;line-height:1.6;margin-top:17px}.demo-frame-footer{position:absolute;bottom:22px;left:20px;right:20px;color:#a1a1a1;font-size:7px;letter-spacing:.02em}.demo-screen-note{font-size:11px;color:#aaaaaa;text-align:center;margin-top:19px;line-height:1.7}.demo-phone[data-stage=script] .demo-art{opacity:.32}.demo-phone[data-stage=shoot] .demo-safe-frame{opacity:1;border-color:#ffffff45}.demo-phone[data-stage=shoot] .demo-art{opacity:.2}.demo-phone[data-stage=edit] .demo-frame-title{font-size:43px;background:#eeeeee;color:#151515;padding:11px 9px;margin-left:-8px;margin-right:-8px;text-shadow:none}.demo-phone[data-stage=edit] .demo-caption{background:#151515dc;border:1px solid #777777;padding:10px;color:#efefef}.demo-phone[data-stage=edit] .demo-mini-label{color:#e3e3e3}.demo-phone[data-stage=edit].no-accents .demo-frame-title{font-size:31px;background:none;color:#cccccc;padding:0;margin:0}.demo-phone[data-stage=edit].no-accents .demo-caption{background:none;border-color:transparent;padding:0;color:#999999}
.demo-editor{padding:34px 35px;min-width:0;display:flex;flex-direction:column}.stage-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;border-bottom:1px solid #383838;padding-bottom:20px}.stage-tabs button{background:none;border:1px solid #333333;color:#adadad;min-height:61px;text-align:left;border-radius:5px;padding:11px 13px;font-size:12px;line-height:1.4;transition:background .25s,border-color .25s,color .25s}.stage-tabs button>span{display:block;font-size:9px;color:#9a9a9a;margin-bottom:5px}.stage-tabs button:hover{color:white;border-color:#6a6a6a}.stage-tabs button[aria-selected=true]{background:linear-gradient(135deg,#f2f2f2,#d9d9d9);color:#111111;border-color:#dddddd;box-shadow:0 4px 20px #ffffff11}.stage-tabs button[aria-selected=true]>span{color:#515151}.stage-panel{padding-top:26px;min-height:450px}.panel-kicker{font-size:9px;letter-spacing:.09em;color:#aaaaaa}.stage-panel h3{font-size:27px;line-height:1.2;letter-spacing:-.04em;margin-top:13px;margin-bottom:17px}.stage-panel>p{font-size:14px;line-height:1.8;color:#bdbdbd}.stage-excerpt{border:1px solid #424242;background:#ffffff05;padding:16px 19px;font-size:14px;line-height:1.7;color:#e5e5e5;border-radius:4px;margin-top:21px}.stage-reason{border-top:1px solid #333333;padding-top:17px;margin-top:23px}.stage-reason>span{font-size:10px;color:#e1e1e1}.stage-reason p{font-size:13px;line-height:1.8;color:#aaaaaa;margin-top:9px}.script-lines{margin-top:19px}.script-lines>div{display:grid;grid-template-columns:101px 1fr;gap:14px;border-top:1px solid #323232;padding-block:12px}.script-lines span{font-size:10px;color:#aaaaaa;padding-top:4px}.script-lines p{font-size:13px;line-height:1.7;color:#d3d3d3}.shoot-checks{padding-left:18px;margin-top:20px;color:#d1d1d1}.shoot-checks li{font-size:13px;line-height:1.8;padding-left:6px;margin-bottom:10px}.edit-toggle{background:#1a1a1a;border:1px solid #777777;border-radius:5px;color:#eeeeee;min-height:44px;padding:10px 15px;font-size:12px;margin-top:17px;text-align:left;align-self:flex-start}.edit-toggle:hover{background:#282828;border-color:#aaaaaa}.edit-toggle[hidden]{display:none}.collaboration-note{display:grid;grid-template-columns:.75fr 1.6fr;gap:50px;margin-top:35px}.collaboration-note>.eyebrow{padding-top:6px;color:#d6d6d6;font-size:10px}.collaboration-note p{font-size:14px;color:#b1b1b1;line-height:1.8}
.fit-section{padding-block:100px}.fit-heading{max-width:650px;margin-bottom:35px}.fit-heading h2{font-size:48px}.fit-heading>p{font-size:16px;color:#aaaaaa;margin-top:23px;line-height:1.8}.refusal-list{border-top:1px solid #383838}.refusal-item{display:grid;grid-template-columns:54px 1fr 165px;gap:30px;align-items:start;border-bottom:1px solid #323232;padding-block:30px}.refusal-number{font-size:11px;color:#999999;padding-top:8px}.refusal-item h3{font-size:24px;line-height:1.25;letter-spacing:-.04em;margin-bottom:15px;max-width:630px}.refusal-item p{font-size:15px;line-height:1.8;color:#b6b6b6;max-width:690px}.refusal-note{font-size:10px;color:#9b9b9b;padding-top:9px;text-align:right;line-height:1.6}.fit-bottom{max-width:710px;color:#a9a9a9;font-size:14px;line-height:1.8;margin-top:29px;margin-left:84px}
.pricing-section{border-top:1px solid #262626;padding-top:78px}.pricing-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:36px}.pricing-heading h2{font-size:45px}.pricing-heading>p{color:#aaaaaa;font-size:14px}.pricing-grid{display:block;border-top:1px solid #4b4b4b}.price-row{display:grid;grid-template-columns:1.15fr 1.1fr .6fr;align-items:center;gap:30px;border-bottom:1px solid #333333;padding-block:26px}.price-row-count{font:700 43px Display,Arial,sans-serif;letter-spacing:-.04em}.price-row-count>span{font:400 15px Body,Arial,sans-serif;letter-spacing:0;margin-left:14px;color:#cccccc}.price-row-value{font:700 31px Display,Arial,sans-serif;letter-spacing:-.04em}.price-row-value>span{display:block;font:400 10px Body,Arial,sans-serif;letter-spacing:0;margin-top:8px;color:#aaaaaa}.price-row .package-action{margin:0;min-height:44px;padding:11px 0;font-size:13px;color:#e4e4e4;gap:20px;max-width:165px;justify-self:end}.price-row .package-action:hover{color:white}.faq-heading h2{font-size:42px}.faq-item summary{font-size:15px}.faq-item p{font-size:14px}.footer{border-top:1px solid #222222}
.stage-panel:focus-visible{outline:2px solid #d5d5d5;outline-offset:8px;border-radius:3px}
.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;clip-path:inset(50%);overflow:hidden;white-space:nowrap}
.marquee-wrap{position:relative;overflow:hidden;display:flex;align-items:center;padding-block:23px;gap:20px}.marquee-window{min-width:0;flex:1;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000000 6%,#000000 94%,transparent)}.marquee-track{display:flex;width:max-content;animation:marqueeTravel var(--marquee-duration,32s) linear infinite;will-change:transform}.marquee-group{display:flex;align-items:center;gap:46px;list-style:none;padding:0 46px 0 0;margin:0;flex-shrink:0}.marquee-group li{display:flex;align-items:center;gap:46px;white-space:nowrap;font:700 20px Display,Arial,sans-serif;text-transform:uppercase;color:#b9b9b9;letter-spacing:-.01em}.marquee-group li:after{content:'';width:4px;height:4px;border-radius:50%;background:#e8e8e8;box-shadow:0 0 9px #ffffff55}
.site-intro{position:fixed;inset:0;z-index:100;background:#050505;display:flex;flex-direction:column;justify-content:center;align-items:center;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .24s,visibility .24s}.intro-active .site-intro{visibility:visible;opacity:1;animation:introFailsafe 1.6s forwards}.intro-track{width:190px;position:relative;display:flex;flex-direction:column;gap:9px;margin-bottom:36px;padding-block:8px}.intro-track i{height:9px;background:linear-gradient(90deg,#484848,#adadad);border-radius:2px;width:85%}.intro-track i:nth-child(2){margin-left:12%;width:88%}.intro-track i:nth-child(3){width:72%;margin-left:4%;background:#555555}.intro-head{position:absolute;top:0;bottom:0;width:1px;background:#eeeeee;left:0;box-shadow:0 0 15px #ffffff44;animation:introScan .72s var(--ease) forwards}.intro-brand{font:700 36px Display,Arial,sans-serif;letter-spacing:.12em;text-align:center;text-shadow:0 0 40px #ffffff19}.intro-brand>span{display:block;font:400 10px Body,Arial,sans-serif;letter-spacing:.2em;color:#aaaaaa;margin-top:13px}.intro-caption{font-size:8px;letter-spacing:.12em;color:#777777;margin-top:42px}.intro-active .hero-enter,.intro-active .title-line>span{animation-play-state:paused!important}
@keyframes marqueeTravel{to{transform:translateX(-50%)}}@keyframes introScan{from{left:0}to{left:100%}}@keyframes introFailsafe{0%,80%{opacity:1;visibility:visible}100%{opacity:0;visibility:hidden}}
@media(min-width:1000px){.work-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.work-preview{aspect-ratio:9/12}}
@media(max-width:1100px){.about-section{gap:60px}.demo-screen-area{padding:32px 20px}.demo-phone{width:235px}.demo-frame-title{font-size:31px}.demo-editor{padding:28px}.stage-tabs{gap:5px}.stage-tabs button{padding:10px;font-size:11px}.idea-heading{gap:40px}.refusal-item{grid-template-columns:35px 1fr 140px;gap:24px}.fit-bottom{margin-left:59px}}
@media(max-width:800px){.hero-title{font-size:clamp(55px,8.7vw,77px)}.hero-description{font-size:16px;max-width:540px}.hero-aside{margin-top:23px;font-size:11px}.hero-visual{margin-top:34px}.about-section{grid-template-columns:1fr;gap:28px;padding-block:75px}.about-identity h2{font-size:48px}.about-identity h2 br:nth-child(3){display:none}.about-signature{margin-top:23px}.about-copy{padding-top:0;max-width:680px}.about-copy p{font-size:16px}.about-copy .lead-copy{font-size:19px}.idea-heading{grid-template-columns:1fr;gap:22px}.idea-heading>p{max-width:none;margin-left:0;font-size:14px}.idea-heading h2{font-size:45px}.idea-workbench{grid-template-columns:1fr}.demo-screen-area{border-right:0;border-bottom:1px solid #303030;padding:28px}.demo-phone{width:230px}.demo-screen-note{font-size:10px}.demo-editor{padding:29px}.stage-panel{min-height:400px}.collaboration-note{grid-template-columns:1fr;gap:14px}.refusal-item{grid-template-columns:30px 1fr;gap:18px}.refusal-note{display:none}.refusal-item h3{font-size:22px}.refusal-item p{font-size:14px}.fit-bottom{margin-left:48px}.pricing-heading h2{font-size:38px}.price-row{gap:20px}.price-row-count{font-size:37px}.price-row-value{font-size:27px}.price-row-count>span{font-size:13px;margin-left:9px}.price-row .package-action{font-size:11px}.stage-tabs button{font-size:13px}.stage-tabs{gap:8px}.stage-panel h3{font-size:27px}.faq-heading h2{font-size:38px}.marquee-group,.marquee-group li{gap:34px}.marquee-group{padding-right:34px}.marquee-group li{font-size:18px}.marquee-wrap{padding-block:20px}}
@media(max-width:560px){.hero-title{font-size:clamp(41px,10.3vw,56px)}.title-line{display:block}.title-line>span{display:block}.title-line:nth-child(1):after{content:none}.hero-description{font-size:14px;line-height:1.8;max-width:none}.hero-aside{font-size:10px;gap:3px}.hero-bottom>span:last-child{display:none}.about-section{padding-block:60px;gap:28px}.about-identity h2{font-size:37px}.about-identity h2 br:nth-child(3){display:block}.about-signature{margin-top:23px}.signature-mark{font-size:32px}.about-copy .lead-copy{font-size:18px}.about-copy p{font-size:15px;margin-bottom:20px}.about-note{padding-left:15px;gap:13px;margin-top:25px}.about-note p{font-size:13px}.idea-heading h2{font-size:34px;line-height:1.12;max-width:360px}.idea-heading>p{font-size:13px}.demo-label{font-size:10px;align-items:flex-start;gap:8px;margin-bottom:23px}.demo-label .status-dot{margin-top:5px;width:5px;height:5px}.demo-screen-area{padding:23px 18px}.demo-phone{width:210px}.demo-frame-title{font-size:29px}.demo-frame-content{left:20px;right:20px;bottom:77px}.demo-frame-footer{font-size:6px}.demo-phone[data-stage=edit] .demo-frame-title{font-size:37px}.demo-phone[data-stage=edit].no-accents .demo-frame-title{font-size:27px}.demo-screen-note{font-size:9px;margin-top:14px}.demo-editor{padding:22px 17px}.stage-tabs{gap:5px;padding-bottom:17px}.stage-tabs button{font-size:10px;padding:8px 6px;min-height:58px}.stage-tabs button>span{font-size:8px}.stage-panel{min-height:440px;padding-top:22px}.stage-panel h3{font-size:23px;margin-top:11px}.stage-panel>p{font-size:13px}.stage-excerpt{padding:14px;font-size:13px}.stage-reason p{font-size:12px}.script-lines>div{grid-template-columns:1fr;gap:5px;padding-block:12px}.script-lines span{font-size:9px}.script-lines p{font-size:12px}.shoot-checks{padding-left:14px}.shoot-checks li{font-size:12px}.edit-toggle{font-size:11px;min-height:45px}.collaboration-note{margin-top:25px;gap:12px}.collaboration-note p{font-size:13px}.collaboration-note>.eyebrow{font-size:9px}.fit-section{padding-block:60px}.fit-heading h2{font-size:35px}.fit-heading>p{font-size:14px;margin-top:20px}.refusal-item{grid-template-columns:22px 1fr;gap:14px;padding-block:25px}.refusal-item h3{font-size:21px;margin-bottom:12px}.refusal-item p{font-size:13px}.refusal-number{font-size:9px;padding-top:5px}.fit-bottom{margin-left:36px;font-size:12px;margin-top:23px}.pricing-section{padding-top:58px}.pricing-heading{flex-direction:column;align-items:start;gap:19px;margin-bottom:28px}.pricing-heading h2{font-size:35px}.pricing-heading>p{font-size:13px}.price-row{grid-template-columns:.8fr 1.1fr .6fr;gap:9px;padding-block:22px}.price-row-count{font-size:31px}.price-row-count>span{display:block;font-size:10px;margin-left:0;margin-top:6px}.price-row-value{font-size:23px;white-space:nowrap}.price-row-value>span{font-size:8px;margin-top:7px}.price-row .package-action{font-size:10px;gap:8px}.price-row .package-action span{width:14px;height:14px}.faq-heading h2{font-size:33px}.contact-inner h2{font-size:clamp(35px,9.7vw,53px)}.contact-bottom p{font-size:13px}.marquee-wrap{padding-block:18px;gap:10px}.marquee-group,.marquee-group li{gap:27px}.marquee-group{padding-right:27px}.marquee-group li{font-size:16px}.intro-brand{font-size:31px;letter-spacing:.1em}.intro-track{width:160px}}
@media(max-width:350px){.hero-title{font-size:38px}.hero-actions .button{font-size:10px;gap:13px}.hero-actions .text-link{font-size:9px;gap:6px}.about-identity h2{font-size:33px}.idea-heading h2{font-size:30px}.fit-heading h2,.pricing-heading h2{font-size:31px}.price-row-value{font-size:20px}.price-row .package-action{font-size:9px;gap:5px}.stage-tabs button{font-size:9px;padding-inline:4px}.demo-editor{padding-inline:14px}.contact-inner h2{font-size:32px}}
@media(max-width:800px){.demo-editor{display:contents}.stage-tabs{grid-row:1;margin:23px 25px 0;border-bottom:0;padding-bottom:0}.demo-screen-area{grid-row:2;margin-top:20px;border-top:1px solid #292929}.stage-panel{grid-row:3;min-height:0;padding:25px}.edit-toggle{grid-row:4;justify-self:start;margin:0 25px 20px}.demo-phone[data-stage=script] .demo-frame-title{font-size:27px}}
@media(max-width:560px){.stage-tabs{margin:18px 17px 0}.stage-panel{padding:24px 17px}.edit-toggle{margin-inline:17px}.demo-phone[data-stage=script] .demo-frame-title{font-size:24px}}
@media(prefers-reduced-motion:reduce){.site-intro{display:none}.marquee-track{animation:none;transform:none;will-change:auto}.marquee-group[aria-hidden=true]{display:none}.marquee-window{mask-image:none}.marquee-group{flex-wrap:wrap;gap:16px;padding:0 20px;width:100%}.marquee-group li{font-size:14px;gap:16px}.marquee-track{width:100%}.demo-phone *{transition:none!important}}

/* Refinements: quieter layout, aligned work cards and continuous marquee. */
.hero{padding-bottom:70px}
.timeline-meta{min-height:16px}
.marquee-wrap{gap:0}
.stage-panel{min-height:0}
.work-preview:hover{transform:none}
.work-preview:hover .preview-art{transform:none}
@media(hover:hover) and (pointer:fine){.work-preview:hover{transform:scale(1.02)}}
@media(max-width:560px){.hero{padding-bottom:36px}.brand-lockup .brand-name{font-size:16px;letter-spacing:.1em}}
@media(max-width:350px){.header-contact{font-size:0;gap:0}}
@media(prefers-reduced-motion:reduce){.marquee-group li[aria-hidden=true]{display:none}.work-preview:hover{transform:none}}

/* Dense, fine print grain with bounded contrast and no dark flecks. */
.text-grain{color:var(--type-ink);image-rendering:pixelated;padding:.15em .12em .2em;margin:-.15em -.12em -.2em}
@supports ((background-clip:text) or (-webkit-background-clip:text)){
  .text-grain{background-color:var(--type-ink);background-image:image-set(url('assets/type-grain-sharp.png') 1x,url('assets/type-grain-sharp@2x.png') 2x);background-size:256px 256px;-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-box-decoration-break:clone;box-decoration-break:clone}
  .brand-lockup .brand-name{image-rendering:pixelated;background-color:#f1f1f1;background-image:linear-gradient(105deg,transparent 40%,#ffffff99 49%,#ffffff 50%,#ffffff99 51%,transparent 60%),image-set(url('assets/type-grain-sharp-fine.png') 1x,url('assets/type-grain-sharp-fine@2x.png') 2x);background-size:260% 100%,256px 256px;background-position:-30% 0,0 0;background-repeat:no-repeat,repeat;-webkit-background-clip:text;background-clip:text;color:transparent;transition:none}
}
/* A fixed, slowly deforming map gives the black canvas depth. */
body{isolation:isolate}
body:before{opacity:.018}
.terrain-background{position:fixed;inset:0 0 auto;height:100vh;height:100lvh;z-index:-1;contain:strict;transform:translateZ(0);pointer-events:none;overflow:hidden;background:url('assets/terrain-neutral.svg') center/cover no-repeat;mask-image:radial-gradient(ellipse at 42% 42%,#00000022 0%,#00000066 38%,#000000 82%)}
.terrain-background.terrain-live{background-image:none}
#terrain-canvas{display:block;width:100%;height:100%}
.header{background:#050505ed}.header.scrolled{background:#050505ed}
.hero-copy{isolation:isolate}
.hero-copy:before{content:'';position:absolute;inset:-30px -15px -25px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 40% 45%,#050505e6 15%,#050505b3 48%,transparent 76%)}
.hero:before,.hero-visual:before{opacity:.6}
.hero-title .accent{color:#f4f4f4;text-shadow:none}
.soft-text{color:#e9e9e9}
.idea-section{background:#080808e6;border-color:#404040}
.work-section{background:#080808e8;border-color:#3c3c3c;border-bottom:1px solid #404040}
.contact-section{background:#080808cc;border-color:#434343}
/* Registration corners, fine rules and cut-metal edges. No extra interface panels. */
.section-label{position:relative;top:-24px;letter-spacing:.11em;color:#bebebe;justify-content:center;text-align:center;width:100%}
@media(max-width:800px){.section-label{top:-12px}}
.about-section,.faq-section{row-gap:32px}
.about-section>.section-label,.faq-section>.section-label{grid-column:1/-1;margin-bottom:0}
.about-copy{padding-top:0}
.section-label:before,.section-label:after{content:'';width:48px;height:1px;flex:0 0 48px;background:linear-gradient(90deg,#757575,transparent)}
.section-label:before{transform:scaleX(-1)}
.status-dot{border-radius:0;transform:rotate(45deg)}
.service-strip{background:#090909e8;border-color:#464646}
.service-strip:before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:repeating-linear-gradient(115deg,#bababa40 0 1px,transparent 1px 7px);pointer-events:none}
.idea-workbench{position:relative;border-radius:3px;border-color:#5c5c5c;background:linear-gradient(125deg,#141414ed,#0c0c0ceb)}
.idea-workbench:before,.idea-workbench:after{content:'';position:absolute;z-index:4;width:16px;height:16px;pointer-events:none;border-color:#bdbdbd}
.idea-workbench:before{top:0;left:0;border-top:2px solid;border-left:2px solid}
.idea-workbench:after{bottom:0;right:0;border-bottom:2px solid;border-right:2px solid}
.stage-tabs button{border-radius:2px;border-color:#464646}.stage-tabs button[aria-selected=true]{background:#ededed url('assets/paper-fibres-neutral.jpg') center/384px;color:#151515;box-shadow:none}
.stage-excerpt{color:#212121;background:#eeeeee url('assets/paper-fibres-neutral.jpg') center/384px;border-color:#a8a8a8;border-radius:1px;box-shadow:inset 0 1px #ffffff88,0 5px 15px #00000033}
.refusal-list,.pricing-grid{border-top-color:#767676}.refusal-item,.price-row{border-bottom-color:#3b3b3b}
.work-preview{border-radius:3px;border-color:#76767659}.work-preview:hover{border-color:#bababa99}
.material-surface{position:absolute;inset:0;z-index:1;pointer-events:none;border-radius:inherit;background-image:url('assets/paper-fibres-neutral.jpg');background-size:384px 384px;opacity:.82;mix-blend-mode:multiply}
.art-rhythm>.material-surface{background-image:repeating-linear-gradient(0deg,#ffffff22 0 1px,#00000022 1px 2px,transparent 2px 4px),url('assets/paper-fibres-neutral.jpg');background-size:auto,384px 384px;opacity:.43;mix-blend-mode:soft-light}
.art-grid>.material-surface{background-image:linear-gradient(115deg,transparent 24%,#ffffff24 48%,transparent 73%),repeating-linear-gradient(0deg,#ffffff22 0 1px,transparent 1px 3px),url('assets/paper-fibres-neutral.jpg');background-size:auto,auto,384px 384px;opacity:.36;mix-blend-mode:soft-light}
.frame-front:after{content:'';position:absolute;inset:0;z-index:2;border-radius:inherit;pointer-events:none;background:url('assets/paper-fibres-neutral.jpg') center/384px;mix-blend-mode:multiply;opacity:.48}
.timeline-widget{border-radius:3px}
@media(max-width:700px){.terrain-background{opacity:.68}.section-label:before,.section-label:after{width:25px;flex-basis:25px}.hero-copy:before{inset:-20px -15px}}
@media(prefers-reduced-motion:reduce){.brand-lockup .brand-name{background-image:image-set(url('assets/type-grain-sharp.png') 1x,url('assets/type-grain-sharp@2x.png') 2x);background-size:256px 256px;background-repeat:repeat}}
@media(forced-colors:active){.text-grain,.brand-lockup .brand-name{background:none;color:CanvasText!important}.material-surface,.terrain-background,.frame-front:after,.hero-copy:before{display:none}.stage-excerpt{background:Canvas;color:CanvasText}}

/* Mobile: native-resolution GPU strokes, fixed camera, no animated layer transform. */
/* Chrome's top controls change the viewport's top edge. Anchor the tall scene
   to its bottom edge so that revealing/hiding those controls does not carry
   the map with them. Its locked height keeps both scale and raster unchanged. */
.terrain-mobile .terrain-background{top:auto;bottom:0}
.terrain-gpu-mode{background-image:none;mask-image:none;transform:none;opacity:1}
.terrain-gpu-mode #terrain-canvas{transform:none}
.terrain-mobile body:before{display:none}
.terrain-mobile .header,.terrain-mobile .header.scrolled{background:#050505;backdrop-filter:none;-webkit-backdrop-filter:none}
.terrain-mobile .floating-note,.terrain-mobile .timeline-widget{backdrop-filter:none;-webkit-backdrop-filter:none}

/* Keep Android edge-stretch from moving the entire fixed scene. */
html.terrain-mobile,html.terrain-mobile body{overscroll-behavior-y:none}

/* Section rhythm, compact demonstrations and readable decision blocks. */
.about-section,.fit-section,.pricing-section,.faq-section,.idea-section,.work-section{padding-block:88px}
.section-label{top:0;font-size:11px;line-height:1.6;margin-bottom:48px}
.about-section,.faq-section{row-gap:48px}
.about-section>.section-label,.faq-section>.section-label{margin-bottom:0}
.about-identity h2{font-size:clamp(36px,3.35vw,48px);line-height:1.16;max-width:540px}
.about-copy p{font-size:16px;line-height:1.8;margin-bottom:18px}
.about-copy .lead-copy{font-size:18px;line-height:1.75}
.about-copy p:last-child{margin-bottom:0}
.stage-panel h3{margin-top:0}
.stage-details{margin-top:24px;border-top:1px solid #3b3b3b}
.stage-details>summary{display:flex;align-items:center;justify-content:space-between;gap:18px;cursor:pointer;list-style:none;min-height:46px;font-size:12px;color:#dedede}
.stage-details>summary::-webkit-details-marker{display:none}
.stage-details>summary>span{position:relative;width:12px;height:12px;flex-shrink:0}
.stage-details>summary>span:before,.stage-details>summary>span:after{content:'';position:absolute;background:currentColor;left:0;top:5px;width:12px;height:1px}
.stage-details>summary>span:after{transform:rotate(90deg)}
.stage-details[open]>summary>span:after{transform:none}
.stage-detail-copy{padding-bottom:5px}
.stage-detail-copy .stage-excerpt,.stage-detail-copy .script-lines,.stage-detail-copy .shoot-checks{margin-top:8px}
.stage-reason-copy{font-size:13px;line-height:1.8;color:#b6b6b6;margin-top:14px}
.demo-screen-area .edit-toggle{align-self:center;margin:18px 0 0;min-height:44px;font-size:12px}
.reading-sections{background:transparent}
.refusal-item{grid-template-columns:54px minmax(0,1fr)}
.price-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;padding-block:25px}
.price-row-count{font-size:38px}
.price-row-value{justify-self:end;text-align:right;font-size:31px}
.pricing-action{margin-top:26px}
.contact-bottom{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:24px;margin-top:30px}
.contact-bottom p{font-size:14px;max-width:460px}
.contact-inner h2{margin-top:28px}
@media(max-width:1100px) and (min-width:801px){.refusal-item{grid-template-columns:35px minmax(0,1fr)}}
@media(max-width:800px){
  .about-section,.fit-section,.pricing-section,.faq-section,.idea-section,.work-section{padding-block:56px}
  .section-label{top:0;font-size:10px;margin-bottom:32px}
  .about-section,.faq-section{row-gap:32px}
  .about-section>.section-label,.faq-section>.section-label{margin-bottom:0}
  .about-identity h2{font-size:36px;max-width:600px}
  .about-copy .lead-copy{font-size:17px}
  .about-copy p{font-size:15px}
  .demo-screen-area{padding:20px 18px;margin-top:14px}
  .demo-phone{width:172px;border-radius:16px}
  .demo-phone-top{top:16px;left:15px;right:15px;font-size:6px}
  .demo-frame-content{left:16px;right:16px;bottom:48px}
  .demo-mini-label{font-size:6px;margin-bottom:10px}
  .demo-frame-title{font-size:24px}
  .demo-caption{font-size:9px;line-height:1.5;margin-top:12px}
  .demo-phone[data-stage=script] .demo-frame-title{font-size:21px}
  .demo-phone[data-stage=edit] .demo-frame-title{font-size:28px;padding:8px 6px}
  .demo-phone[data-stage=edit].no-accents .demo-frame-title{font-size:22px}
  .demo-phone[data-stage=edit] .demo-caption{padding:8px}
  .stage-panel{padding:22px 24px}
  .stage-panel h3{font-size:23px;margin-bottom:12px}
  .stage-panel>p{font-size:13px;line-height:1.75}
  .stage-details{margin-top:18px}
  .stage-reason-copy{font-size:12px}
  .refusal-item{grid-template-columns:30px minmax(0,1fr)}
  .price-row-count{font-size:34px}
  .price-row-count>span{display:inline;font-size:13px;margin-left:10px}
  .price-row-value{font-size:28px}
  .price-row-value>span{font-size:10px}
}
@media(max-width:560px){
  .about-identity h2{font-size:34px}
  .idea-heading{gap:16px;margin-bottom:20px}
  .demo-label{margin-bottom:20px}
  .demo-phone{width:158px}
  .demo-frame-title{font-size:22px}
  .demo-phone[data-stage=script] .demo-frame-title{font-size:19px}
  .demo-phone[data-stage=edit] .demo-frame-title{font-size:25px}
  .demo-phone[data-stage=edit].no-accents .demo-frame-title{font-size:21px}
  .stage-tabs{margin:17px 17px 0}
  .stage-panel{padding:20px 17px}
  .stage-panel h3{font-size:21px}
  .demo-screen-area .edit-toggle{font-size:11px;margin-top:14px}
  .collaboration-note{gap:10px;margin-top:24px}
  .collaboration-note p{font-size:13px;line-height:1.75}
  .refusal-item{grid-template-columns:22px minmax(0,1fr)}
  .price-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;padding-block:22px}
  .price-row-count{font-size:29px}
  .price-row-count>span{font-size:12px;margin-left:7px;margin-top:0}
  .price-row-value{font-size:25px;white-space:nowrap}
  .price-row-value>span{font-size:9px;margin-top:6px}
  .pricing-action{margin-top:22px}
  .pricing-action .button{min-height:54px}
  .contact-bottom{margin-top:24px;gap:22px}
  .contact-bottom p{font-size:13px}
}
@media(max-width:350px){.price-row-count{font-size:26px}.price-row-count>span{font-size:11px;margin-left:5px}.price-row-value{font-size:22px}}

/* Footer follows the header's page gutters. */
.footer{width:calc(100% - clamp(20px,2.5vw,48px) * 2);margin-inline:auto;justify-content:space-between;flex-wrap:nowrap;gap:20px}
.footer>a.brand-lockup{margin-left:0}
.footer>.back-top{margin-left:auto;flex-shrink:0}
@media(max-width:560px){.footer>.wordmark.brand-lockup{flex-direction:column;align-items:flex-start;gap:4px}.footer .brand-lockup .brand-divider{display:none}}

/* Draft offer: business context, deliverables and a clear first conversation. */
.hero-participation{font-size:12px;line-height:1.75;color:#b5b5b5;max-width:455px;margin-top:18px}
.hero-actions{margin-top:26px}
.collaboration-note .funnel-path{font-family:Display,Arial,sans-serif;font-size:22px;line-height:1.5;color:#eeeeee;margin-bottom:10px}
.service-inclusions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 32px;margin:0 0 28px}
.service-inclusions article{position:relative;min-width:0;padding:20px 0 0 32px;border-top:1px solid #4b4b4b}
.inclusion-number{position:absolute;left:0;top:23px;font-size:9px;letter-spacing:.08em;color:#999999}
.service-inclusions h3{font-size:18px;letter-spacing:-.025em;line-height:1.35;margin-bottom:10px}
.service-inclusions p{font-size:13px;line-height:1.75;color:#bcbcbc}
.scope-example{font-size:13px;line-height:1.8;color:#bcbcbc;max-width:760px;margin-bottom:28px}
.fit-section{padding-bottom:36px}
.work-evidence{margin:20px 0 0;font-size:12px;line-height:1.7}
.work-evidence>div{padding:12px 0;border-top:1px solid #404040}
.work-evidence dt{font-size:10px;color:#aaaaaa;margin-bottom:5px}
.work-evidence dd{margin:0;color:#dddddd}
.case-proof,.faq-context-link{display:inline-block;font-size:12px;line-height:1.6;color:#eeeeee;text-decoration:underline;text-underline-offset:4px;padding-block:8px}
.faq-heading{align-self:start;position:sticky;top:120px}
.faq-group>h3{font:600 11px Body,Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#bbbbbb;margin:0 0 12px}
.faq-group+.faq-group{margin-top:34px}
.faq-answer{padding-bottom:20px}
.faq-item .faq-answer p{padding-bottom:0}
.faq-context-link{margin-top:10px}
@media(max-width:1100px){.service-inclusions{gap:24px;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.faq-heading{position:static}.fit-section{padding-bottom:24px}.hero-participation{max-width:540px}}
@media(max-width:560px){
 .hero-participation{font-size:12px;line-height:1.7;margin-top:15px}
 .service-inclusions{grid-template-columns:1fr;gap:22px;margin-bottom:24px}
 .service-inclusions article{padding-top:18px}
 .inclusion-number{top:21px}
 .service-inclusions h3{font-size:17px;margin-bottom:8px}
 .service-inclusions p{font-size:13px;line-height:1.75}
 .scope-example{font-size:12px;line-height:1.75;margin-bottom:24px}
 .collaboration-note .funnel-path{font-size:20px;line-height:1.5}
 .faq-group+.faq-group{margin-top:28px}
 .faq-item .faq-answer p{font-size:13px;line-height:1.8}
 .faq-answer{padding-bottom:18px}
}

.scope-title{font-size:26px;line-height:1.3;letter-spacing:-.035em;margin:42px 0 16px}
@media(max-width:560px){.scope-title{font-size:23px;margin-top:34px}}

/* Clear section boundaries and matched spacing. */
.faq-list{border-top:0}
.faq-group>h3{margin-bottom:24px;line-height:1.6}
.faq-group+.faq-group{margin-top:64px}
.scope-title{border-top:1px solid #767676;padding-top:36px;margin-top:44px}
.refusal-list{border-bottom:1px solid #767676}
.refusal-item:last-child{border-bottom:0}
.fit-section{padding-bottom:56px}
.pricing-section{border-top:0}
.collaboration-note{align-items:center}
.collaboration-note>.eyebrow{padding-top:0}

/* One persistent stage for the same example; hidden panels retain layout size. */
.demo-editor{padding:28px 32px;gap:24px}
.stage-tabs{gap:16px;border-bottom:1px solid #414141;padding:0;margin:0}
.stage-tabs button{display:flex;align-items:center;gap:8px;min-height:58px;padding:12px 0;border:0;border-bottom:2px solid transparent;border-radius:0;background:none;color:#bcbcbc;font-size:13px;transition:color .2s,border-color .2s}
.stage-tabs button>span{display:inline;font-size:9px;color:#969696;margin:0}
.stage-tabs button:hover{color:#ffffff;border-bottom-color:#777777}
.stage-tabs button[aria-selected=true]{background:none;border-bottom-color:#ededed;color:#ffffff;box-shadow:none}
.stage-tabs button[aria-selected=true]>span{color:#ededed}
.stage-panels{display:grid;flex:1;min-width:0;min-height:380px}
.stage-panel{grid-area:1/1;display:flex;flex-direction:column;min-width:0;min-height:0;padding:0;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .18s ease}
.stage-panel[data-active=true]{visibility:visible;opacity:1;pointer-events:auto}
.stage-panel h3{font-size:25px;line-height:1.25;letter-spacing:-.035em;margin:0 0 14px}
.stage-panel>p{font-size:14px;line-height:1.75;color:#bdbdbd;margin:0}
.stage-example{margin:22px 0;background:#ededed url('assets/paper-fibres-neutral.jpg') center/384px;color:#1a1a1a;border:1px solid #aaaaaa;border-radius:2px;padding:16px 18px}
.stage-example dl{margin:0}
.stage-example dl>div{display:grid;grid-template-columns:76px minmax(0,1fr);gap:14px;padding-block:9px;border-bottom:1px solid #22222222}
.stage-example dl>div:first-child{padding-top:0}
.stage-example dl>div:last-child{padding-bottom:0;border-bottom:0}
.stage-example dt{font-size:10px;line-height:1.75;color:#555555;padding-top:2px}
.stage-example dd{margin:0;font-size:13px;line-height:1.75;color:#202020}
.stage-example .edit-toggle{min-height:40px;background:#171717;color:#eeeeee;border:1px solid #171717;font-size:11px;margin-top:16px;padding:9px 13px;transition:background .2s}
.stage-example .edit-toggle:hover{background:#333333}
.stage-result{margin-top:auto;border-top:1px solid #414141;padding-top:16px}
.stage-result>span{font-size:10px;line-height:1.6;color:#a8a8a8}
.stage-result p{font-size:13px;line-height:1.75;color:#c9c9c9;margin-top:8px}
.demo-screen-area{padding:32px 24px;justify-content:center}
.demo-frame-content{left:22px;right:22px;bottom:72px}
.demo-frame-title,.demo-phone[data-stage=script] .demo-frame-title{font-size:31px;line-height:1.1}
.demo-phone[data-stage=edit] .demo-frame-title,.demo-phone[data-stage=edit].no-accents .demo-frame-title{font-size:31px;line-height:1.1;padding:8px;margin:0 -8px}
.demo-phone[data-stage=edit].no-accents .demo-frame-title{background:transparent;color:#eeeeee}
.demo-caption{min-height:44px;font-size:11px;line-height:1.6;margin-top:18px;padding:8px 0}
.demo-phone[data-stage=edit] .demo-caption,.demo-phone[data-stage=edit].no-accents .demo-caption{padding:8px;min-height:44px;margin-inline:-8px;border:1px solid transparent}
.demo-phone[data-stage=edit] .demo-caption{border-color:#777777;background:#151515dc}
.demo-phone[data-stage=edit].no-accents .demo-caption{border-color:transparent;background:transparent;color:#bbbbbb}
@media(max-width:1100px) and (min-width:801px){.demo-editor{padding:25px}.stage-tabs{gap:12px}.stage-tabs button{font-size:12px}.stage-example dl>div{grid-template-columns:65px minmax(0,1fr);gap:10px}}
@media(max-width:800px){
 .faq-group+.faq-group{margin-top:48px}
 .fit-section{padding-bottom:36px}
 .scope-title{padding-top:28px;margin-top:36px}
 .demo-editor{display:contents}
 .stage-tabs{grid-row:1;margin:12px 22px 0;gap:16px;border-bottom:1px solid #414141}
 .stage-tabs button{font-size:13px;min-height:50px}
 .demo-screen-area{grid-row:2;padding:24px 18px;margin-top:0;border-top:0}
 .stage-panels{grid-row:3;margin:0 24px 24px;min-height:0}
 .stage-panel{grid-area:1/1;padding:0}
 .stage-panel h3{font-size:23px;line-height:1.25}
 .stage-example{margin-block:20px}
 .demo-frame-content{left:16px;right:16px;bottom:44px}
 .demo-frame-title,.demo-phone[data-stage=script] .demo-frame-title{font-size:23px}
 .demo-phone[data-stage=edit] .demo-frame-title,.demo-phone[data-stage=edit].no-accents .demo-frame-title{font-size:23px}
 .demo-caption,.demo-phone[data-stage=edit] .demo-caption,.demo-phone[data-stage=edit].no-accents .demo-caption{font-size:9px;min-height:42px;margin-top:13px}
}
@media(max-width:560px){
 .faq-group>h3{margin-bottom:20px}
 .faq-group+.faq-group{margin-top:44px}
 .scope-title{padding-top:26px;margin-top:32px}
 .stage-tabs{margin:10px 17px 0;gap:10px}
 .stage-tabs button{font-size:11px;gap:6px;padding-block:10px;min-height:50px}
 .stage-tabs button>span{font-size:8px}
 .stage-panels{margin:0 17px 22px}
 .stage-panel h3{font-size:22px;margin-bottom:12px}
 .stage-panel>p,.stage-result p{font-size:13px;line-height:1.75}
 .stage-example{padding:14px;margin-block:18px}
 .stage-example dl>div{grid-template-columns:1fr;gap:4px;padding-block:10px}
 .stage-example dt{font-size:9px;padding-top:0}
 .stage-example dd{font-size:13px;line-height:1.65}
 .stage-result{padding-top:14px}
 .demo-screen-area{padding:22px 17px}
 .demo-frame-title,.demo-phone[data-stage=script] .demo-frame-title{font-size:22px}
 .demo-phone[data-stage=edit] .demo-frame-title,.demo-phone[data-stage=edit].no-accents .demo-frame-title{font-size:22px}
}
@media(prefers-reduced-motion:reduce){.stage-panel{transition:none}}

/* Media stays explicit until real assets are supplied. */
.media-placeholder{display:grid;place-items:center;background:#191919;border:1px solid #454545;color:#bcbcbc;border-radius:3px;overflow:hidden;text-align:center}
.media-placeholder>span{font:400 14px Body,Arial,sans-serif;letter-spacing:.025em;padding:18px}
.work-preview.media-placeholder{background:#191919;box-shadow:none;color:#bcbcbc}
.work-preview.media-placeholder:hover{background:#191919;box-shadow:none}
.idea-workbench{background:#0b0b0b;box-shadow:none;border-color:#454545}
.idea-workbench:before,.idea-workbench:after{content:none}
.demo-preview-area{display:grid;place-items:center;min-width:0;padding:32px 24px;border-right:1px solid #383838}
.demo-media-placeholder{width:min(260px,100%);aspect-ratio:9/16}
.stage-example{background:none;background-image:none;border:0;border-radius:0;padding:0;color:#dddddd;margin:22px 0}
.stage-example dl>div{padding:14px 0;border-top:1px solid #383838;border-bottom:0}
.stage-example dl>div:first-child{padding-top:14px}
.stage-example dl>div:last-child{padding-bottom:14px}
.stage-example dt{color:#a8a8a8}
.stage-example dd{color:#dddddd}
@media(max-width:1100px) and (min-width:801px){.demo-preview-area{padding-inline:24px}.demo-media-placeholder{width:235px;max-width:100%}}
@media(max-width:800px){.demo-preview-area{grid-row:2;padding:24px;border-right:0;border-bottom:1px solid #383838;margin-bottom:24px}.demo-media-placeholder{width:172px}}
@media(max-width:560px){.demo-preview-area{padding:22px 17px;margin-bottom:22px}.demo-media-placeholder{width:158px}.stage-example{padding:0;margin-block:18px}.stage-example dl>div{padding-block:12px}.stage-example dl>div:first-child{padding-top:12px}.stage-example dl>div:last-child{padding-bottom:12px}}


/* Process graphics use the same graphite, matte light and depth as the hero. */
#process .idea-heading{margin-bottom:38px}
#process .idea-heading>p{max-width:330px}
.production-flow{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;margin:0;padding:0;list-style:none;isolation:isolate}
.production-stage{min-width:0;position:relative}
.production-scene{height:315px;position:relative;isolation:isolate}
.production-scene:before{content:'';position:absolute;inset:8% 0 0;background:radial-gradient(ellipse,#d0d0d00e,transparent 68%);z-index:-1;pointer-events:none}
.process-card{position:absolute;overflow:hidden;border-radius:9px;border:1px solid #9c9c9c54;color:#ededed;background:linear-gradient(145deg,#414141,#2c2c2c 45%,#242424);box-shadow:inset 0 1px #ffffff12,0 18px 28px #0006,0 4px 8px #0004}
.process-card:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:2;border-radius:inherit;background:repeating-linear-gradient(0deg,#ffffff04 0 1px,transparent 1px 4px)}
.process-drift{position:absolute;inset:0;animation:productionDrift 10s ease-in-out infinite;animation-play-state:paused}
.production-flow.is-running .process-drift,.production-flow.is-running .process-script-rule i,.production-flow.is-running .process-edit-head{animation-play-state:running}
.process-stamp{position:relative;z-index:3;display:flex;justify-content:space-between;gap:6px;font:400 7px/1.5 Body,Arial,sans-serif;letter-spacing:.06em;color:#c2c2c2}
.process-topic{position:relative;z-index:3;font:700 clamp(18px,1.8vw,27px)/1.1 Display,Arial,sans-serif;letter-spacing:-.045em}
.process-note-back{left:20%;top:26px;width:69%;height:234px;transform:rotate(5deg);background:linear-gradient(135deg,#333,#202020)}
.process-note{left:10%;top:30px;width:74%;height:235px;padding:19px 17px;transform:rotate(-9deg)}
.process-note .process-topic{margin-top:45px}
.process-ink-lines{position:absolute;left:17px;right:17px;bottom:25px;display:grid;gap:7px}
.process-ink-lines i{height:3px;border-radius:2px;background:#a4a4a43d}
.process-ink-lines i:nth-child(2){width:78%}.process-ink-lines i:nth-child(3){width:54%}
.process-chip{position:absolute;z-index:4;bottom:21px;left:8%;padding:11px 13px;display:flex;align-items:center;gap:9px;font:400 9px/1.4 Body,Arial,sans-serif;color:#ddd;background:linear-gradient(135deg,#414141f5,#303030f5);border:1px solid #9b9b9b66;box-shadow:0 8px 20px #0006;border-radius:5px;transform:rotate(-3deg)}
.process-chip>span{font-size:21px;line-height:1}
.process-script{left:10%;top:29px;width:78%;height:246px;padding:19px 17px;transform:rotate(5deg)}
.process-script-row{display:grid;grid-template-columns:15px minmax(0,1fr);gap:6px;position:relative;z-index:3;padding:15px 0;border-bottom:1px solid #ffffff26}
.process-script-row>span{padding-top:3px;font:400 7px/1.4 Body,Arial,sans-serif;color:#999}
.process-script-row b{display:block;font:600 12px/1.4 Body,Arial,sans-serif;color:#e8e8e8}
.process-script-row small{display:block;margin-top:4px;font:400 8px/1.5 Body,Arial,sans-serif;color:#aaa;white-space:nowrap;letter-spacing:-.025em}
.process-script-rule{position:absolute;left:17px;right:17px;bottom:16px;height:2px;background:#ffffff20}
.process-script-rule i{display:block;transform-origin:left;height:100%;background:#ddd;animation:productionRule 10s ease-in-out infinite;animation-play-state:paused}
.process-take-back{left:10%;top:45px;width:57%;height:223px;padding:14px;transform:rotate(-9deg);background:linear-gradient(145deg,#383838,#202020)}
.process-take{left:31%;top:30px;width:57%;height:229px;padding:14px;transform:rotate(6deg)}
.process-viewfinder{position:absolute;inset:43px 10px 23px;border:1px solid #bdbdbd40;overflow:hidden}
.process-disc{position:absolute;width:81%;aspect-ratio:1;border-radius:50%;left:9%;top:22%;background:radial-gradient(circle at 28% 20%,#efefef,#bcbcbc 29%,#676767 65%,#3a3a3a);box-shadow:inset -10px -11px 17px #232323a8,inset 3px 3px 9px #fcfcfc6b,7px 11px 18px #1010106b}
.process-ring{position:absolute;left:3%;top:36%;width:94%;height:44%;border:8px solid #ebebeb;border-top-color:#f9f9f9;border-right-color:#aeaeae;border-bottom-color:#bbb;border-radius:50%;transform:rotate(-29deg);box-shadow:inset 0 3px 5px #494949b3,0 3px 6px #17171759}
.process-take-baseline{position:absolute;left:14px;right:14px;bottom:12px;height:2px;background:#aaa5}
.process-audio{position:absolute;left:11%;right:4%;bottom:17px;z-index:5;padding:9px 12px;border:1px solid #9995;border-radius:5px;background:linear-gradient(120deg,#3c3c3cef,#272727f5);box-shadow:0 9px 20px #0006;transform:rotate(-3deg)}
.process-audio svg{display:block;width:100%;height:27px;fill:none;stroke:#d5d5d5;stroke-width:1.4}
.process-result{left:20%;top:13px;width:68%;height:261px;padding:17px 15px;color:#252525;background:linear-gradient(142deg,#ebebeb,#d6d6d6 27%,#ccc 58%,#afafaf);border-color:#efefef9c;transform:rotate(7deg);box-shadow:inset 0 1px #fafafadc,inset -1px 0 #9696964d,0 20px 35px #0007}
.process-result:after{background:url('assets/paper-fibres-neutral.jpg') center/384px;mix-blend-mode:multiply;opacity:.48}
.process-result .process-stamp{color:#5d5d5d;font-size:6px}
.process-result .process-topic{margin-top:24px;font-size:clamp(17px,1.5vw,23px)}
.process-result-graphic{position:absolute;left:16%;right:13%;top:120px;height:99px}
.process-result-graphic .process-disc{top:0;width:79%;left:12%}
.process-result-graphic .process-ring{top:23%;height:52%}
.process-result-footer{position:absolute;left:15px;bottom:14px;color:#555;font:400 5px/1.4 Body,Arial,sans-serif;letter-spacing:.09em}
.process-timeline{position:absolute;z-index:5;left:5%;right:1%;bottom:13px;padding:14px 12px;display:grid;gap:5px;background:linear-gradient(125deg,#4b4b4bf2,#303030f5);border:1px solid #bdbdbd66;box-shadow:inset 0 1px #fff2,0 12px 24px #0006;transform:rotate(-3deg);border-radius:4px}
.process-edit-track{height:6px;background:#a4a4a4;border-radius:1px;width:76%}
.process-edit-track:nth-child(2){margin-left:13%;width:87%;background:#e1e1e1}.process-edit-track:nth-child(3){margin-left:5%;width:85%;background:#777}
.process-edit-head{position:absolute;top:8px;bottom:8px;left:14%;width:1px;background:#f4f4f4;animation:productionPlayhead 12s ease-in-out infinite;animation-play-state:paused}
.production-title{display:flex;align-items:baseline;gap:13px;padding-top:20px;margin-top:11px;border-top:1px solid #5b5b5b;font:700 23px/1.3 Display,Arial,sans-serif;letter-spacing:-.025em}
.production-title>span{font:400 10px/1.4 Body,Arial,sans-serif;letter-spacing:.06em;color:#a1a1a1}
.production-caption{font-size:14px;line-height:1.7;color:#bcbcbc;margin-top:10px;max-width:260px}
.production-stage:not(:last-child):after{content:'→';position:absolute;right:-24px;top:151px;font:400 15px/1 Body,Arial,sans-serif;color:#929292}
.process-idea-drift{animation-delay:-2s}.process-script-drift{animation-duration:12s;animation-delay:-5s}.process-shoot-drift{animation-duration:11s;animation-delay:-8s}.process-edit-drift{animation-duration:13s;animation-delay:-4s}
@keyframes productionDrift{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes productionRule{0%,100%{transform:scaleX(.42)}50%{transform:scaleX(1)}}
@keyframes productionPlayhead{0%,100%{left:14%}50%{left:89%}}
@media(min-width:901px) and (max-width:1150px){.production-flow{gap:20px}.process-note,.process-script{padding-inline:13px}.process-script-row{gap:4px;grid-template-columns:11px minmax(0,1fr)}.process-script-row b{font-size:11px}.process-script-row small{font-size:7px}.process-chip{font-size:7px;padding:10px;gap:5px}.process-result{padding-inline:12px}.production-stage:not(:last-child):after{right:-15px}.production-caption{font-size:13px}.production-title{font-size:21px}}
@media(min-width:701px) and (max-width:900px){.production-flow{grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 32px}.production-scene{max-width:290px;margin-inline:auto}.production-stage:not(:last-child):after{display:none}.process-topic{font-size:26px}.process-result .process-topic{font-size:23px}.production-caption{max-width:none}}
@media(max-width:700px){
 #process .idea-heading{margin-bottom:25px}
 .production-flow{grid-template-columns:1fr;gap:12px}
 .production-stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:1fr 1fr;gap:0 20px;align-items:center;padding-block:12px}
 .production-scene{grid-column:1;grid-row:1/3;height:263px}
 .production-title{grid-column:2;grid-row:1;align-self:end;margin:0 0 11px;padding:0;border:0;gap:10px;font-size:23px}
 .production-caption{grid-column:2;grid-row:2;align-self:start;font-size:13px;margin:0}
 .production-stage:not(:last-child):after{content:'';top:auto;bottom:-6px;left:0;right:0;height:1px;background:linear-gradient(90deg,#6665,transparent)}
 .process-note-back{top:32px;height:189px;left:19%;width:73%}
 .process-note{top:35px;left:8%;width:80%;height:187px;padding:14px 11px}
 .process-stamp{font-size:5.5px;letter-spacing:.035em}
 .process-topic{font-size:clamp(16px,3.8vw,23px)}
 .process-note .process-topic{margin-top:37px}
 .process-ink-lines{left:11px;right:11px;bottom:24px;gap:6px}.process-ink-lines i{height:2px}
 .process-chip{left:2%;bottom:15px;font-size:6.5px;padding:9px 8px;gap:6px}.process-chip>span{font-size:16px}
 .process-script{left:6%;top:30px;width:88%;height:208px;padding:14px 11px}
 .process-script-row{grid-template-columns:10px minmax(0,1fr);gap:5px;padding:13px 0}.process-script-row>span{font-size:6px}.process-script-row b{font-size:11px}.process-script-row small{font-size:6.5px;margin-top:3px}
 .process-script-rule{bottom:13px;left:11px;right:11px}
 .process-take-back{left:3%;top:40px;width:60%;height:185px;padding:10px}
 .process-take{left:27%;top:28px;width:67%;height:192px;padding:10px}.process-viewfinder{inset:34px 8px 19px}.process-ring{border-width:6px}.process-take-baseline{left:10px;right:10px;bottom:10px}
 .process-audio{left:1%;right:0;bottom:17px;padding:7px 9px}.process-audio svg{height:23px}
 .process-result{left:14%;top:23px;width:79%;height:210px;padding:14px 10px}.process-result .process-stamp{font-size:5px}.process-result .process-topic{margin-top:24px;font-size:clamp(15px,3.6vw,22px)}.process-result-graphic{top:104px;height:78px;left:16%;right:13%}.process-result-footer{font-size:4px;left:10px;bottom:12px}.process-timeline{left:1%;right:-1%;bottom:17px;padding:12px 9px;gap:4px}.process-edit-track{height:5px}
}
@media(max-width:370px){.production-stage{gap:0 14px}.production-title{font-size:21px;gap:8px}.production-caption{font-size:12px}.process-script-row small{display:none}.process-script-row{padding-block:16px}.process-topic{font-size:16px}.process-result .process-topic{font-size:14px}.process-chip{font-size:5.5px;gap:4px}.process-note{padding-inline:9px}.process-result{padding-inline:9px}}
@media(prefers-reduced-motion:reduce){.production-flow .process-drift,.production-flow .process-script-rule i,.production-flow .process-edit-head{animation:none!important;transform:none}.process-script-rule i{transform:scaleX(.8)}.process-edit-head{left:55%}}
/* Keep the small-screen artwork large enough to read as a composition. */
@media(max-width:420px){
 .production-flow{gap:25px}
 .production-stage{display:block;padding:0 0 25px}
 .production-scene{width:min(270px,100%);height:285px;margin-inline:auto}
 .production-title{font-size:23px;margin:7px 0 9px;gap:12px}
 .production-caption{font-size:14px;max-width:none}
 .production-stage:not(:last-child):after{bottom:-13px}
 .process-note-back{top:27px;height:213px;width:69%;left:21%}
 .process-note{left:10%;top:28px;width:74%;height:216px;padding:18px 16px}
 .process-stamp{font-size:6.5px}
 .process-topic{font-size:23px}.process-note .process-topic{margin-top:40px}
 .process-ink-lines{left:16px;right:16px}
 .process-chip{left:5%;bottom:13px;font-size:8px;padding:10px 12px;gap:8px}
 .process-script{left:10%;top:25px;width:78%;height:231px;padding:18px 15px}
 .process-script-row{padding-block:14px;grid-template-columns:15px minmax(0,1fr);gap:5px}
 .process-script-row>span{font-size:7px}.process-script-row b{font-size:12px}.process-script-row small{display:block;font-size:8px}
 .process-take-back{left:10%;top:39px;width:57%;height:210px;padding:14px}
 .process-take{left:31%;top:24px;width:57%;height:218px;padding:14px}
 .process-take .process-stamp{font-size:6px}
 .process-viewfinder{inset:40px 10px 23px}.process-ring{border-width:8px}
 .process-audio{left:11%;right:4%;bottom:13px;padding:9px 12px}
 .process-result{left:20%;top:15px;width:68%;height:241px;padding:17px 14px}
 .process-result .process-topic{font-size:21px;margin-top:26px}
 .process-result .process-stamp{font-size:6px}
 .process-result-graphic{top:113px;height:94px}
 .process-result-footer{font-size:5px;left:14px}
 .process-timeline{left:5%;right:1%;bottom:11px;padding:13px 12px}
}

/* FAQ: use the section width for its two question groups. */
.faq-section{grid-template-columns:minmax(0,1fr);column-gap:0;row-gap:40px}
.faq-heading{position:static;top:auto;grid-column:1/-1}
.faq-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(32px,5vw,80px);align-items:start;min-width:0}
.faq-group{min-width:0}
.faq-group+.faq-group{margin-top:0}
@media(max-width:900px){.faq-list{grid-template-columns:minmax(0,1fr);row-gap:52px}}
@media(max-width:800px){.faq-section{row-gap:32px}}
@media(max-width:560px){.faq-list{row-gap:44px}}

/* The viewer journey is a closing note to the four production stages. */
.collaboration-note{display:block;margin-top:56px;padding-top:30px;border-top:1px solid #626262}
.collaboration-note>.eyebrow{padding:0;margin-bottom:13px;color:#bcbcbc}
.collaboration-note>div{max-width:880px}
.collaboration-note .funnel-path{font-size:25px;line-height:1.4;margin-bottom:12px}
@media(max-width:800px){.collaboration-note{margin-top:40px;padding-top:25px}.collaboration-note .funnel-path{font-size:23px}}
@media(max-width:560px){.collaboration-note{margin-top:32px;padding-top:23px}.collaboration-note>.eyebrow{margin-bottom:11px}.collaboration-note .funnel-path{font-size:21px;line-height:1.45}}

.collaboration-note .funnel-path>span{display:inline-block;white-space:nowrap}

/* Separate the volume selector from the service scope without adding another rule. */
.scope-title{margin-top:80px;padding-top:48px}
@media(max-width:800px){.scope-title{margin-top:56px;padding-top:36px}}
@media(max-width:560px){.scope-title{margin-top:48px;padding-top:32px}}

/* The author's longer copy keeps its reading measure beside the section titles. */
.pricing-heading>p{max-width:420px;line-height:1.8}
@media(min-width:561px){.pricing-heading h2{white-space:nowrap}}
@media(max-width:560px){.pricing-heading>p{max-width:none}}
@media(max-width:700px){.pricing-heading{flex-direction:column;align-items:flex-start;gap:20px}.pricing-heading>p{max-width:none}}
.about-identity h2{text-wrap:balance}
.collaboration-note .funnel-path{text-wrap:balance}

/* Show the available volumes as a compact group, with no empty price column. */
.pricing-grid.volume-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;border-top:0}
.volume-option{min-width:0;padding-block:28px;border-top:1px solid #767676;border-bottom:1px solid #3b3b3b}
.volume-option h3{margin:0;text-align:center}
.volume-option-count{display:block;font:700 56px/1.1 Display,Arial,sans-serif;letter-spacing:-.04em}
.volume-option-label{display:block;margin-top:8px;font:400 14px/1.5 Body,Arial,sans-serif;color:#c2c2c2}
@media(max-width:800px){.pricing-grid.volume-options{gap:24px}.volume-option-count{font-size:48px}}
@media(max-width:560px){.pricing-grid.volume-options{gap:14px}.volume-option{padding-block:20px}.volume-option-count{font-size:40px}.volume-option-label{font-size:12px;margin-top:6px}}