:root{--z:1;--nc:#141413;--cream:#F6F3EC;--ink:#141413;--wm:url(data:image/png;base64,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)}
*{box-sizing:border-box}
html,body{margin:0;background:var(--cream)}
html.lock,html.lock body{overflow:hidden}
body{font-family:'Jost',sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased}
button{font-family:inherit}
#scroller{position:fixed;left:0;top:0;width:100%;z-index:2;will-change:transform}
#stagewrap{position:relative;width:100%;overflow:hidden}
#stage{position:absolute;left:0;top:0;width:1440px;transform-origin:0 0}
.sec{position:relative;width:1440px;height:900px;background:var(--cream);overflow:hidden}
.wm{display:block;height:calc(42px*var(--z));width:calc(149px*var(--z));background:var(--nc);-webkit-mask:var(--wm) center/contain no-repeat;mask:var(--wm) center/contain no-repeat}
/* nav */
#nav{position:fixed;left:0;right:0;top:0;z-index:10;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:calc(34px*var(--z)) calc(40px*var(--z));font-size:calc(18px*var(--z));font-weight:400;color:var(--nc);transition:color .5s;pointer-events:none}
#nav a,#nav .wm{pointer-events:auto;cursor:pointer}
#nav a{padding-bottom:2px;border-bottom:1.5px solid transparent;transition:border-color .3s;text-decoration:none;color:inherit}
#nav a.on{border-color:currentColor}
#nav .l{justify-self:start}#nav .r{justify-self:end}
#nav.lt,#fx.lt,#hello.lt{--nc:#fff}
/* hero */
#herobg{position:fixed;inset:0;z-index:0;overflow:hidden;background:#6f8fc4}
#herobg .in{position:absolute;inset:0;will-change:transform}
#herobg img,#herobg video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
#herobg .kb{animation:kb 24s ease-in-out infinite alternate}
@keyframes kb{from{transform:scale(1)}to{transform:scale(1.07) translate(-1%,0)}}
#herobg .t{position:absolute;left:0;right:0;top:0;height:200px;background:linear-gradient(rgba(10,20,50,.45),rgba(10,20,50,0))}
#herobg .b{position:absolute;left:0;right:0;bottom:0;height:200px;background:linear-gradient(rgba(10,20,50,0),rgba(10,20,50,.4))}
#herobg .dim{position:absolute;inset:0;background:#0b1530;opacity:0}
#hero{position:relative;width:100%;color:#fff}
#heroui{position:absolute;inset:0}
.reveal #heroui{animation:uiin 1.2s ease-out .9s backwards}
.intro #nav,.intro #heroui{opacity:0}
.reveal #nav{animation:navin 1s ease .9s backwards}
@keyframes navin{from{opacity:0}to{opacity:1}}
@keyframes uiin{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}
.vt{position:absolute;top:50%;writing-mode:vertical-rl;font-size:calc(14px*var(--z));font-weight:300}
.herobot{position:absolute;left:0;right:0;bottom:0;height:calc(120px*var(--z))}
.mark{position:absolute;left:calc(40px*var(--z));bottom:calc(34px*var(--z));width:calc(30px*var(--z));height:calc(52px*var(--z))}
.launch{position:absolute;left:0;right:0;bottom:calc(30px*var(--z));display:flex;flex-direction:column;align-items:center;gap:calc(10px*var(--z));font-size:calc(15px*var(--z));cursor:pointer}
.launch i{display:block;width:calc(170px*var(--z));height:1px;background:currentColor}
.abt{position:absolute;right:calc(40px*var(--z));bottom:calc(36px*var(--z));font-size:calc(18px*var(--z));cursor:pointer;padding-bottom:2px;border-bottom:1.5px solid transparent}
.abt.on{border-color:currentColor}
/* stage bits */
.vt2{position:absolute;top:450px;writing-mode:vertical-rl;font-size:14px;font-weight:300;opacity:.55}
.mk2{position:absolute;left:40px;bottom:34px;width:30px;height:52px}
.ab2{position:absolute;right:40px;bottom:36px;font-size:18px;cursor:pointer;padding-bottom:2px;border-bottom:1.5px solid transparent}
.cv{overflow:hidden;background:var(--cream);width:340px;height:425px;position:relative}
.cv img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;display:block;scale:1.3;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.cv:hover img{transform:scale(1.05)}
.cap{margin-top:14px;font-size:12px;font-weight:400;letter-spacing:1.6px;line-height:1.55}
.cap b{font-weight:500;display:block}.cap span{opacity:.65;font-size:11px;letter-spacing:1.2px;white-space:nowrap}
@keyframes drift{0%{translate:0 0;rotate:0deg}50%{translate:2px -7px;rotate:.25deg}100%{translate:0 0;rotate:0deg}}
.fl{animation:drift 8s ease-in-out infinite}
.wc{position:absolute;cursor:pointer;z-index:5}
.arr{position:absolute;top:434px;width:56px;height:56px;border-radius:50%;border:0;background:#141413;box-shadow:0 6px 18px rgba(20,20,19,.18);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:6;padding:0;transition:transform .3s}
.arr:hover{transform:scale(1.08)}
.scr{stroke-dasharray:1;stroke-dashoffset:1;animation:scrib 7s ease-in-out infinite}
.scr.s2{animation-delay:.35s}
@keyframes scrib{0%{stroke-dashoffset:1;opacity:1}16%{stroke-dashoffset:0}88%{stroke-dashoffset:0;opacity:1}96%{stroke-dashoffset:0;opacity:0}100%{stroke-dashoffset:1;opacity:0}}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
#hi{position:fixed;z-index:9;right:calc(48px*var(--z));bottom:calc(104px*var(--z));width:calc(76px*var(--z));height:calc(76px*var(--z));opacity:0;pointer-events:none;transition:opacity .15s}
#hi.on{opacity:1}
#hi img{width:100%;height:100%;border-radius:50%;display:block;filter:drop-shadow(0 4px 8px rgba(20,20,19,.16));animation:bob 4s ease-in-out infinite}
/* player */
#player{position:fixed;inset:0;z-index:50;background:rgba(0,0,0,0);transition:background .45s ease;color:#F2EEE6;display:none;overflow:hidden}
#player.on{display:block}
#player.open{background:#000}
#player > :not(#pmedia){opacity:0;transition:opacity .3s ease}
#player.open > :not(#pmedia){opacity:1;transition-delay:.35s}
/* the black frame that grows from the tile to the full screen; image and video sit whole inside it, in their own shape */
#pmedia{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;background:#000;will-change:left,top,width,height}
#pmedia img,#pmedia video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000;display:block}
#pmedia video{opacity:0;transition:opacity .35s ease}
#player.started #pmedia video{opacity:1}
/* while the video plays only Close and the progress bar stay; title and play button come back on pause */
#player.playing > .ttl,#player.playing > .cat,#player.playing > .gr{opacity:0!important}
#player:not(.vid) .pb,#player:not(.vid) .big{display:none}
@keyframes zin{from{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}
@keyframes prog{from{width:0}to{width:100%}}
#player.vid .pb i{animation:none}
#player .gr{position:absolute;inset:0;background:linear-gradient(0deg,rgba(11,11,10,.8),rgba(11,11,10,0) 40%)}
#player .big{position:absolute;left:50%;top:50%;width:104px;height:104px;margin:-52px 0 0 -52px;border-radius:50%;background:rgba(255,255,255,.92);display:flex;align-items:center;justify-content:center;pointer-events:none}
#player.playing .big{display:none}
#player .x{position:absolute;right:40px;top:34px;background:none;border:1px solid #F2EEE6;border-radius:999px;color:#F2EEE6;font-size:14px;letter-spacing:2px;padding:10px 26px;cursor:pointer}
#player .cat{position:absolute;left:40px;bottom:70px;font-size:13px;letter-spacing:4px;color:#F6B93B}
#player .ttl{position:absolute;left:40px;bottom:96px;font-size:56px;font-weight:300;letter-spacing:-1px}
#player .pb{position:absolute;left:40px;right:40px;bottom:34px;height:3px;background:rgba(242,238,230,.25)}
#player .pb i{display:block;height:100%;background:#F6B93B;width:0}
#player.playing .pb i{animation:prog 20s linear forwards}
/* loader */
#loader{position:fixed;inset:0;z-index:100;pointer-events:none;display:flex;align-items:center;justify-content:center}

#herobg{clip-path:circle(0)}
#vidslot{display:block;position:absolute;inset:0}
#vidslot.zin{animation:vz 2.2s cubic-bezier(.76,0,.24,1) both}
@keyframes vz{from{scale:1.3}to{scale:1}}
#loader svg{display:block}
.gg{opacity:0;animation:cyc 0.96s infinite}
.g1{animation-delay:0.00s}.g2{animation-delay:0.12s}.g3{animation-delay:0.24s}.g4{animation-delay:0.36s}.g5{animation-delay:0.48s}.g6{animation-delay:0.60s}.g7{animation-delay:0.72s}.g8{animation-delay:0.84s}
@keyframes cyc{0%,13.2%{opacity:1}13.3%,100%{opacity:0}}
.zoom{transform-box:view-box;transform-origin:724px 498px}
.go .zoom{animation:zoom 4.4s cubic-bezier(.65,0,.35,1) both}
@keyframes zoom{0%,62%{transform:scale(1)}100%{transform:scale(18)}}
#loader .ld{position:absolute;left:0;right:0;bottom:30px;display:flex;flex-direction:column;align-items:center;gap:10px;font-size:15px;color:#141413}
#loader .ld i{display:block;width:170px;height:1px;background:rgba(20,20,19,.18);position:relative}
#loader .ld i b{position:absolute;inset:0;background:#141413;transform-origin:left;transform:scaleX(0)}
.go #loader .ld i b{animation:bar 2.7s ease-in-out both}
.go #loader .ld{animation:ldfade .5s ease 2.5s both}
@keyframes ldfade{to{opacity:0}}
@keyframes bar{to{transform:scaleX(1)}}

#fx{position:fixed;left:0;right:0;bottom:0;z-index:10;pointer-events:none;color:var(--nc);transition:color .5s}
#fx svg{position:absolute;left:calc(40px*var(--z));bottom:calc(34px*var(--z));width:calc(46px*var(--z));height:calc(81px*var(--z));pointer-events:auto;cursor:pointer;fill:currentColor}
#fx .fxa{position:absolute;right:calc(40px*var(--z));bottom:calc(36px*var(--z));font-size:calc(18px*var(--z));pointer-events:auto;cursor:pointer;padding-bottom:2px;border-bottom:1.5px solid transparent}
#fx .fxa.on{border-color:currentColor}
.intro #fx{opacity:0}
.reveal #fx{animation:navin 1s ease .9s backwards}

#hello{position:fixed;left:calc(40px*var(--z));top:50%;transform:translateY(-50%);z-index:10;writing-mode:vertical-rl;font-size:calc(16px*var(--z));font-weight:400;color:var(--nc);opacity:.7;text-decoration:none;cursor:pointer;transition:opacity .3s,color .5s;white-space:nowrap}
#hello:hover{opacity:1}
#hello span{display:inline-block;height:0;opacity:0;overflow:hidden;vertical-align:top;transition:height 1s cubic-bezier(.65,0,.35,1),opacity .7s ease}
#hello:hover span,#hello:focus-visible span{height:var(--hh,110px);opacity:1}
.intro #hello{opacity:0}
.reveal #hello{animation:navin 1s ease .9s backwards}
#brand{display:flex;align-items:center;justify-content:center;pointer-events:auto}
#brand .bd{display:block;width:1px;height:calc(34px*var(--z));background:var(--nc);opacity:0;transform:scaleY(.3);margin:0;transition:margin 1s cubic-bezier(.65,0,.35,1),opacity .7s ease,transform 1s cubic-bezier(.65,0,.35,1),background .5s}
#brand .zk{display:block;height:calc(19px*var(--z));width:0;opacity:0;overflow:hidden;background:var(--nc);-webkit-mask:url(data:image/png;base64,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) left center/calc(74px*var(--z)) calc(19px*var(--z)) no-repeat;mask:url(data:image/png;base64,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) left center/calc(74px*var(--z)) calc(19px*var(--z)) no-repeat;transition:width 1s cubic-bezier(.65,0,.35,1),opacity .7s ease,background .5s}
#brand:hover .bd{margin:0 calc(22px*var(--z));opacity:.45;transform:none}
#brand:hover .zk{width:calc(74px*var(--z));opacity:1}

#loader{position:fixed;inset:0;z-index:100;pointer-events:none;display:block;background:#FF7A4D;clip-path:circle(0)}
#loader .sh{position:absolute;inset:0;background:radial-gradient(circle at calc(50% - 26px) calc(50% - 34px),rgba(255,255,255,.42),rgba(255,255,255,0) 100px),radial-gradient(circle at calc(50% + 34px) calc(50% + 60px),rgba(80,20,150,.26),rgba(80,20,150,0) 120px)}
#loader .face{position:absolute;left:50%;top:50%;width:0;height:0;transition:translate .12s linear,opacity .3s}
#loader .face .e{position:absolute;top:-4px;width:9px;height:13px;border-radius:50%;background:#2a2430}
#loader .face .e:nth-child(1){left:-25px}#loader .face .e:nth-child(2){left:16px}
#loader .face .sm{position:absolute;left:-14px;top:14px;width:28px;height:14px;border-bottom:3.5px solid #2a2430;border-radius:0 0 28px 28px}
#loader.out .face{opacity:0}

#loader.p{animation-name:lpop;animation-timing-function:cubic-bezier(.2,1.6,.45,1);animation-fill-mode:both}
@keyframes lpop{0%{scale:1.22 .8;rotate:var(--r0,0deg)}45%{scale:.93 1.09;rotate:calc(var(--r0,0deg)*-.35)}100%{scale:1;rotate:0deg}}
#loader::after{content:'';position:absolute;inset:-120px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='.9 0 0 0 .52 .9 0 0 0 .52 .9 0 0 0 .52 0 0 0 0 1'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)'/%3E%3C/svg%3E");background-size:240px 240px;mix-blend-mode:multiply;opacity:.75;animation:grain .45s steps(1) infinite}
@keyframes grain{0%{transform:translate(0,0)}20%{transform:translate(-60px,40px)}40%{transform:translate(50px,-70px)}60%{transform:translate(-30px,-50px)}80%{transform:translate(70px,60px)}}
#loader .sh{opacity:.5}

#loader{background:transparent!important;clip-path:none!important;overflow:visible}
#loader::after{display:none!important}
.lw{position:absolute;left:50%;top:50%;width:100px;height:177px;margin:-88.5px 0 0 -50px;perspective:600px}
.lw svg{position:absolute;left:0;top:0;display:block;overflow:visible}
/* the llama cut-out starts small and grows slowly for as long as it cycles its graphics */
.la{animation:lgrow 5.6s linear both;transform-origin:50% 50%}
/* it never stops growing: at a steady rate through the llama, the snap to the line, and the short hold, right up to the moment it opens */
@keyframes lgrow{0%{transform:scale(.38);opacity:0}6%{opacity:1}100%{transform:scale(1.34);opacity:1}}
.lb{opacity:0}
#loader.rot .la{animation:lrot .9s cubic-bezier(.65,0,.3,1) forwards}
@keyframes lrot{0%{transform:rotateY(0)}100%{transform:rotateY(-90deg)}}
#loader.rot .lb{animation:lbin .9s linear forwards}
@keyframes lbin{0%,60%{opacity:0}100%{opacity:1}}

/* moving pieces get their own GPU layer, so parallax never forces the page to be redrawn mid-scroll */
[data-p],[data-px],[data-pi]{will-change:translate}
#herobg .dim{will-change:opacity}
#heroui{will-change:translate,opacity}

/* the cream pages are one solid layer: if the browser is ever a frame behind it shows cream, never the landing behind it */
#stagewrap{background:var(--cream);will-change:transform}
/* fixed items (nav, logo, llama mark, hello, agent) each on their own layer so page scrolling never redraws them */
#nav,#fx,#hello,#hi{will-change:transform}
.wm{transition:background .5s}

/* player volume: mute button + slider, bottom right above the progress bar (video projects only) */
#player .vol{position:absolute;right:40px;bottom:52px;display:flex;align-items:center;gap:10px;color:#F2EEE6}
#player:not(.vid) .vol{display:none}
#player .vol button{background:none;border:0;color:inherit;padding:6px;cursor:pointer;display:flex}
#player .vol .m{display:none}#player .vol.muted .m{display:block}#player .vol.muted .w{display:none}
#player .vol input{width:96px;height:3px;accent-color:#F6B93B;cursor:pointer}

/* "Make it move": fixed on the right edge, the mirror of "hello" on the left */
#mim{position:fixed;right:calc(40px*var(--z));top:50%;transform:translateY(-50%) rotate(180deg);z-index:10;writing-mode:vertical-rl;font-size:calc(16px*var(--z));font-weight:400;color:var(--nc);opacity:.7;white-space:nowrap;pointer-events:none;transition:color .5s;will-change:transform}
#mim.lt{--nc:#fff}
.intro #mim{opacity:0}
.reveal #mim{animation:mimin 1s ease .9s backwards}
@keyframes mimin{from{opacity:0}to{opacity:.7}}
/* footer links */
.fl2 a{color:inherit;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .3s;letter-spacing:.5px}
.fl2 a:hover{border-color:currentColor}
#hi{border:0;background:none;padding:0;cursor:pointer}
#hi.on{pointer-events:auto}
/* AI agent call window (same layout as the zarrk.com one) */
#call{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:16px;font-family:'Jost',sans-serif}
#call[hidden]{display:none}
#call .cbd{position:absolute;inset:0;background:rgba(12,12,15,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:navin .3s ease}
#call .cbox{position:relative;width:min(460px,100%);max-height:calc(100dvh - 24px);overflow:auto;background:var(--cream);color:var(--ink);border-radius:28px;text-align:center;box-shadow:0 30px 80px rgba(0,0,0,.35);animation:callin .45s cubic-bezier(.2,.8,.2,1)}
@keyframes callin{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}
#call .cx{position:absolute;top:12px;right:12px;z-index:3;width:40px;height:40px;border-radius:50%;border:0;background:transparent;color:var(--ink);display:grid;place-items:center;cursor:pointer}
#call .cx:hover{background:rgba(20,20,19,.08)}
#call .orb{position:relative;height:clamp(230px,40dvh,380px);margin:26px 0 0;transition:height .45s cubic-bezier(.65,0,.25,1)}
#call .cbox.live .orb{height:clamp(260px,54dvh,520px)}
@keyframes halo{0%,100%{transform:translate(-50%,-50%) scale(.94)}50%{transform:translate(-50%,-50%) scale(1.05)}}
#call .cbody{padding:14px 28px 28px;display:flex;flex-direction:column}
#call h3{margin:0 0 8px;font-size:24px;font-weight:500;letter-spacing:-.02em}
#call .cbox.live h3{display:none}
#call .ctm{position:absolute;top:23px;left:24px;z-index:3;font-size:13px;font-weight:500;letter-spacing:.14em;font-variant-numeric:tabular-nums;color:rgba(20,20,19,.6)}
#call .ctm.low{color:#b8432f}
#call .cs{color:rgba(20,20,19,.62);font-size:15.5px;line-height:1.45;min-height:3em;margin:0 0 16px}
#call .cap{margin:-6px 0 16px;font-size:16px;line-height:1.45;font-style:italic;min-height:2.9em}
#call .cf{display:block;text-align:left;margin:0 0 12px}
#call .cf span{display:block;font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:rgba(20,20,19,.6);margin-bottom:6px;font-weight:500}
#call .cf input{width:100%;font:inherit;font-size:16px;padding:12px 14px;border:1.5px solid rgba(20,20,19,.16);border-radius:12px;background:transparent;color:var(--ink)}
#call .cf input:focus{outline:none;border-color:var(--ink)}
#call .cn{font-size:12.5px;color:rgba(20,20,19,.6);margin:0 0 18px;line-height:1.5}
#call .cbtns{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
#call .cb{font:500 13px/1 'Jost',sans-serif;letter-spacing:.16em;text-transform:uppercase;height:50px;padding:0 26px;border-radius:999px;border:1.5px solid var(--ink);background:transparent;color:var(--ink);cursor:pointer}
#call .cb.pri{background:var(--ink);color:var(--cream)}
#call .cb.end{background:#c0392b;border-color:#c0392b;color:#fff}
#call [hidden]{display:none!important}
#call .cb:disabled{opacity:.5;cursor:default}

/* agent character (a portrait photo): shown as a round crop centred on the face */
#hi img{object-fit:cover;object-position:50% 24%}

/* agent face: the full portrait (clothes and all). Only three things ever move:
   - .fb, a copy of the picture cut down to the beard, which stretches down and back as he talks
   - .fm, a copy cut down to the moustache, which lifts and widens
   - .lid, two skin-coloured eyelids that slide over the eyes for a blink
   Hair, eyes, headset, jacket and jumper always come from the still picture underneath. */
#call .face{position:absolute;left:50%;top:0;height:100%;aspect-ratio:4/5;transform:translateX(-50%);border-radius:18px;overflow:hidden;background:#e3d6cd;transition:filter .4s}
#call .face img{position:absolute;inset:0;width:100%;height:100%;display:block}
#call .fb,#call .fm{transition:transform .1s ease-in-out;will-change:transform}
#call .fb{transform-origin:49.5% 49.5%;transform:scale(var(--bx,1),var(--by,1));
 -webkit-mask-image:radial-gradient(ellipse 16.5% 12.5% at 49.5% 59.5%,#000 76%,transparent 100%);mask-image:radial-gradient(ellipse 16.5% 12.5% at 49.5% 59.5%,#000 76%,transparent 100%)}
#call .fm{transform-origin:51% 46.5%;transform:translateY(var(--my,0)) scaleX(var(--mx,1));
 -webkit-mask-image:radial-gradient(ellipse 20% 4.8% at 51% 46.3%,#000 70%,transparent 100%);mask-image:radial-gradient(ellipse 20% 4.8% at 51% 46.3%,#000 70%,transparent 100%)}
/* mouth shapes: how far the beard drops (--by), how wide it goes (--bx), how the moustache lifts (--my) and spreads (--mx) */
#call .face[data-s=m],#call .face[data-s=p]{--by:.992;--my:.08%}
#call .face[data-s=open],#call .face[data-s=i]{--by:1.016;--my:-.12%}
#call .face[data-s=l]{--by:1.018;--my:-.1%}
#call .face[data-s=e]{--by:1.014;--bx:1.008;--my:-.14%;--mx:1.016}
#call .face[data-s=a]{--by:1.03;--my:-.22%}
#call .face[data-s=wide]{--by:1.042;--bx:1.008;--my:-.3%;--mx:1.012}
#call .face[data-s=o]{--by:1.026;--bx:.984;--my:-.14%;--mx:.978}
#call .face[data-s=sh],#call .face[data-s=f]{--by:1.008;--bx:.992;--mx:.988}
#call .orb.off .face{filter:grayscale(.85) opacity(.75)}
/* blink */
#call .lid{position:absolute;top:35.3%;width:4.8%;height:4.6%;border-radius:50%;transform-origin:50% 0;transform:scaleY(0);box-shadow:inset 0 -2px 0 rgba(96,48,28,.55)}
#call .lid.l{left:41.6%;background:#de9e7a}
#call .lid.r{left:56.1%;background:#f5c3a0}
#call .face.blink .lid{animation:blink .26s ease-in-out}
@keyframes blink{0%{transform:scaleY(0)}32%,58%{transform:scaleY(1)}100%{transform:scaleY(0)}}
#call .cf select{width:100%;font:inherit;font-size:16px;padding:12px 14px;border:1.5px solid rgba(20,20,19,.16);border-radius:12px;background:transparent;color:var(--ink)}
#hi{transform-origin:0 0}

/* =====================================================================================================================
   PHONE LAYOUT (html.m, set when the screen is narrower than 768px). The page is drawn 390 wide and scaled to the screen,
   so every number below is in that 390-wide design. Each desktop section is restacked for one narrow column.
   ===================================================================================================================== */
html.m #stage{width:390px}
html.m .sec{width:390px;height:auto}
/* fixed items */
html.m #nav{padding:calc(22px*var(--z)) calc(18px*var(--z));font-size:calc(15px*var(--z))}
html.m .wm{height:calc(30px*var(--z));width:calc(106px*var(--z))}
html.m #hello{left:calc(9px*var(--z));font-size:calc(12px*var(--z))}
html.m #mim{right:calc(9px*var(--z));font-size:calc(12px*var(--z))}
html.m #fx svg{left:calc(16px*var(--z));bottom:calc(18px*var(--z));width:calc(30px*var(--z));height:calc(53px*var(--z))}
html.m #fx .fxa{right:calc(18px*var(--z));bottom:calc(22px*var(--z));font-size:calc(15px*var(--z))}
html.m #hi{right:calc(16px*var(--z));bottom:calc(64px*var(--z));width:calc(52px*var(--z));height:calc(52px*var(--z))}
/* services: the three cards stacked */
html.m #svc{position:relative!important;left:auto!important;right:auto!important;top:auto!important;display:flex!important;flex-direction:column;gap:54px;padding:118px 48px 96px}
html.m #svc>div{width:100%!important}
html.m .cv{width:100%;height:auto;aspect-ratio:4/5}
/* work: one card in the middle, arrows underneath */
html.m #work{height:700px}
html.m #work>div[data-p="0.07"]{top:506px!important;padding:0 34px}
html.m #wdesc{font-size:15px!important;line-height:1.4}
html.m .arr{top:612px;width:48px;height:48px}
html.m #prev{left:135px!important}
html.m #next{left:207px!important}
/* about */
html.m #about{height:600px}
html.m #about>div[data-p="-0.02"]{left:24px!important;top:206px!important;font-size:35px!important}
html.m #about p[data-t=text1]{left:22px!important;top:112px!important;width:285px!important}
html.m #about p[data-t=text2]{left:22px!important;top:336px!important;width:285px!important}
/* footer: one roomy column, with clear air between each block and space at the bottom for the fixed llama mark and About */
html.m #footer{width:390px!important;height:596px!important}
html.m #footer div[data-p="0.02"]{left:24px!important;top:104px!important;font-size:27px!important}
html.m #footer div[data-px]{left:21px!important;top:166px!important;font-size:66px!important;letter-spacing:-2px!important}
html.m #hidock{left:298px!important;top:80px!important;width:66px!important;height:66px!important}
html.m #footer div[style*="height:4px"]{left:24px!important;right:24px!important;top:272px!important;height:3px!important}
html.m #footer div[data-p="0.03"]{left:24px!important;right:24px!important;top:318px!important;grid-template-columns:1fr 1fr!important;column-gap:24px!important;row-gap:46px}
html.m #footer div[data-p="0.03"]>div>div:first-child{font-size:11px!important;letter-spacing:2px!important}
html.m #footer div[data-p="0.03"]>div>div:last-child{margin-top:14px!important;font-size:16px!important;line-height:1.75!important}
html.m #footer + div{width:390px!important;height:150px!important;grid-template-columns:1fr!important;align-items:start!important;padding:26px 24px 0!important;font-size:11px!important;text-align:center;opacity:.7}
html.m #footer + div > div:empty{display:none}
/* video player */
html.m #player .x{right:16px;top:18px;padding:8px 18px;font-size:12px}
html.m #player .ttl{left:18px;bottom:82px;font-size:30px}
html.m #player .cat{left:18px;bottom:60px;font-size:11px}
html.m #player .pb{left:18px;right:18px;bottom:26px}
html.m #player .vol{right:14px;bottom:40px}
html.m #player .vol input{display:none}   /* phones set the volume with their own buttons; the mute button stays */
html.m #player .big{width:76px;height:76px;margin:-38px 0 0 -38px}
/* on a phone the two side texts only show over the landing video; over the pages they would sit on top of the content */
html.m #hello,html.m #mim{transition:opacity .4s,color .5s}
html.m #hello:not(.lt),html.m #mim:not(.lt){opacity:0;pointer-events:none}