:root{--umber-900:oklch(23.5% .038 58);--umber-800:oklch(31.5% .045 61);--umber-700:oklch(39.5% .052 58);--umber-600:oklch(47.5% .06 55);--wine-600:oklch(47.6% .152 16);--wine-500:oklch(56% .155 18);--ember-700:oklch(53% .15 45);--ember-500:oklch(69.9% .168 51);--ember-300:oklch(81.5% .115 60);--ink:oklch(28% .022 60);--ink-soft:oklch(43% .02 58);--ink-faint:oklch(53% .018 58);--paper:oklch(95.9% .005 78);--stone:oklch(93% .008 75);--stone-deep:oklch(89.2% .012 72);--line:oklch(86.2% .012 72);--on-umber:oklch(96% .008 75);--on-umber-soft:oklch(87.5% .018 70);--line-on-umber:oklch(56% .04 60/.4);--font-display:"Bricolage Grotesque", "Hanken Grotesk", system-ui, sans-serif;--font-body:"Hanken Grotesk", system-ui, -apple-system, sans-serif;--text-xs:.78rem;--text-sm:.875rem;--text-base:1.0625rem;--text-md:clamp(1.1rem, .9rem + .6vw, 1.3rem);--text-lg:clamp(1.35rem, 1.05rem + 1vw, 1.85rem);--text-xl:clamp(1.9rem, 1.3rem + 2.2vw, 3rem);--text-2xl:clamp(2.4rem, 1.5rem + 3.4vw, 4rem);--text-hero:clamp(1.8rem, 1.3rem + 2.1vw, 2.9rem);--space-section:clamp(4.5rem, 3rem + 7vw, 8rem);--space-2xs:.375rem;--space-xs:.625rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2.5rem;--space-xl:4rem;--maxw:1080px;--maxw-prose:68ch;--radius-sm:8px;--radius:14px;--radius-lg:20px;--radius-pill:999px;--shadow-sm:0 1px 2px oklch(30% .04 58/.06), 0 2px 6px oklch(30% .04 58/.05);--shadow-md:0 4px 12px oklch(30% .04 58/.08), 0 12px 28px -8px oklch(30% .04 58/.1);--shadow-lg:0 10px 30px -6px oklch(30% .04 58/.14), 0 30px 60px -20px oklch(30% .04 58/.18);--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--dur-fast:.25s;--dur:.45s;--dur-slow:.8s;--z-base:1;--z-sticky:100;--z-nav:1000;--z-menu:1100;--z-overlay:1200}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:6rem}body{font-family:var(--font-body);font-size:var(--text-base);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-weight:400;line-height:1.65;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.02em;color:var(--umber-900);text-wrap:balance;font-weight:600;line-height:1.08}p{text-wrap:pretty}a{color:var(--wine-600);transition:color var(--dur-fast) var(--ease-out);text-decoration:none}a:hover{color:var(--ember-700)}img{max-width:100%;display:block}strong{color:var(--ink);font-weight:600}::selection{background:var(--ember-300);color:var(--umber-900)}:focus-visible{outline:2.5px solid var(--ember-700);outline-offset:3px;border-radius:3px}.on-dark :focus-visible{outline-color:var(--ember-300)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{background:var(--umber-800);color:var(--on-umber);border-radius:var(--radius-sm);z-index:var(--z-overlay);transition:top var(--dur-fast) var(--ease-out);padding:.6rem 1.1rem;position:absolute;top:-100%;left:1rem}.skip-link:focus{color:var(--on-umber);top:1rem}.section{padding-block:var(--space-section);padding-inline:clamp(1.25rem,5vw,2rem)}.section--stone{background:var(--stone)}#work{padding-bottom:clamp(2.5rem,4vw,4rem)}.section__inner{max-width:var(--maxw);margin-inline:auto}.section-head{max-width:40ch;margin-bottom:clamp(2.5rem,5vw,4rem)}.section-title{font-size:var(--text-xl)}.section-head__lead{font-size:var(--text-md);color:var(--ink-soft);max-width:42ch;margin-top:1rem;line-height:1.5}@media (prefers-reduced-motion:no-preference){html.js .reveal{opacity:0;transition:opacity var(--dur-slow) var(--ease-out), transform var(--dur-slow) var(--ease-out);transform:translateY(22px)}html.js .reveal.is-visible{opacity:1;transform:none}html.js .reveal[data-delay="1"]{transition-delay:80ms}html.js .reveal[data-delay="2"]{transition-delay:.16s}html.js .reveal[data-delay="3"]{transition-delay:.24s}html.js .reveal[data-delay="4"]{transition-delay:.32s}html.js .reveal[data-delay="5"]{transition-delay:.4s}}.btn{border-radius:var(--radius-sm);font-family:var(--font-body);font-weight:600;font-size:var(--text-sm);letter-spacing:.005em;cursor:pointer;transition:transform var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);border:1.5px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1.5rem;text-decoration:none;display:inline-flex}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--wine-600);color:var(--on-umber)}.btn--primary:hover{background:var(--umber-600);color:var(--on-umber);transform:translateY(-2px)}.btn--ghost{color:var(--ink);border-color:var(--line);background:0 0}.btn--ghost:hover{border-color:var(--wine-600);color:var(--wine-600);transform:translateY(-2px)}.on-dark .btn--primary{background:var(--ember-500);color:var(--umber-900)}.on-dark .btn--primary:hover{background:var(--ember-300);color:var(--umber-900)}.on-dark .btn--ghost{color:var(--on-umber);border-color:var(--line-on-umber)}.on-dark .btn--ghost:hover{border-color:var(--on-umber);color:var(--on-umber)}.btn__arrow{transition:transform var(--dur-fast) var(--ease-out)}.btn:hover .btn__arrow{transform:translate(3px)}.tag{border-radius:var(--radius-pill);font-size:var(--text-xs);background:var(--stone-deep);color:var(--ink-soft);border:1px solid var(--line);align-items:center;padding:.3rem .75rem;font-weight:500;line-height:1.3;display:inline-flex}.tag--wine{color:var(--wine-600);background:oklch(47.6% .152 16/.1);border-color:oklch(47.6% .152 16/.22)}.tag--ember{color:var(--ember-700);background:oklch(69.9% .168 51/.14);border-color:oklch(69.9% .168 51/.3)}.nav{z-index:var(--z-nav);-webkit-backdrop-filter:blur(14px)saturate(1.4);transition:border-color var(--dur) var(--ease-out), background-color var(--dur) var(--ease-out);background:oklch(95.9% .005 78/.72);border-bottom:1px solid #0000;padding:1rem clamp(1.25rem,5vw,2rem);position:fixed;inset:0 0 auto}.nav.is-scrolled{border-bottom-color:var(--line);background:oklch(95.9% .005 78/.88)}.nav__inner{max-width:var(--maxw);justify-content:space-between;align-items:center;gap:1.5rem;margin-inline:auto;display:flex}.nav__logo{font-family:var(--font-display);color:var(--umber-900);letter-spacing:-.02em;white-space:nowrap;font-size:1.15rem;font-weight:700}.nav__logo:hover{color:var(--wine-600)}.nav__links{align-items:center;gap:clamp(1.25rem,3vw,2.25rem);list-style:none;display:flex}.nav__links a:not(.btn){font-size:var(--text-sm);color:var(--ink-soft);padding-block:.25rem;font-weight:500;position:relative}.nav__links a:not(.btn):after{content:"";background:var(--ember-500);width:0;height:2px;transition:width var(--dur) var(--ease-out);border-radius:2px;position:absolute;bottom:0;left:0}.nav__links a:not(.btn):hover{color:var(--umber-900)}.nav__links a:not(.btn):hover:after{width:100%}.nav__links .btn{padding:.55rem 1.1rem}.nav__toggle{cursor:pointer;z-index:var(--z-overlay);background:0 0;border:none;flex-direction:column;gap:5px;padding:6px;display:none;position:relative}.nav__toggle span{background:var(--umber-900);width:24px;height:2px;transition:transform var(--dur-fast) var(--ease-out), opacity var(--dur-fast) var(--ease-out);border-radius:2px;display:block}.nav__toggle.is-open span:first-child{transform:translateY(7px)rotate(45deg)}.nav__toggle.is-open span:nth-child(2){opacity:0}.nav__toggle.is-open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.hero{color:var(--ink);border-bottom:1px solid var(--line);background:radial-gradient(95% 85% at 88% 4%, oklch(69.9% .168 51/.22) 0%, transparent 62%), radial-gradient(55% 55% at -4% 104%, oklch(47.6% .152 16/.2) 0%, transparent 66%), var(--paper);padding:clamp(7rem,12vw,10rem) clamp(1.25rem,5vw,2rem) clamp(3.5rem,7vw,6rem);position:relative;overflow:hidden}.hero__glow{pointer-events:none;filter:blur(70px);opacity:.18;mix-blend-mode:multiply;border-radius:50%;position:absolute}.hero__glow--1{background:radial-gradient(circle, var(--ember-500), transparent 70%);width:40vw;height:40vw;animation:drift1 18s var(--ease-out) infinite alternate;top:-8%;right:4%}.hero__glow--2{background:radial-gradient(circle, var(--wine-600), transparent 70%);opacity:.13;width:28vw;height:28vw;animation:drift2 22s var(--ease-out) infinite alternate;bottom:-6%;left:-4%}@keyframes drift1{to{transform:translate(-6%,8%)scale(1.12)}}@keyframes drift2{to{transform:translate(8%,-6%)scale(1.08)}}.hero__inner{z-index:var(--z-base);max-width:var(--maxw);margin-inline:auto;position:relative}.hero__mobile-name{display:none}.hero__title{font-size:var(--text-hero);color:var(--umber-900);letter-spacing:-.025em;margin-bottom:1.5rem}.hero__title em{color:var(--wine-600);font-style:normal;display:block}.hero__lead{font-size:var(--text-md);color:var(--ink-soft);max-width:46ch;margin-bottom:2.25rem;line-height:1.55}.hero__actions{flex-wrap:wrap;gap:.85rem;margin-bottom:2.75rem;display:flex}.hero__meta{border-top:1px solid var(--line);flex-wrap:wrap;gap:1.15rem clamp(1.5rem,4vw,3rem);padding-top:2rem;display:flex}.hero__meta dt{font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:.3rem}.hero__meta dd{font-family:var(--font-display);color:var(--umber-900);font-size:1.05rem;font-weight:600}.hero__scroll{z-index:var(--z-base);max-width:var(--maxw);font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);align-items:center;gap:.6rem;margin:clamp(3rem,6vw,5rem) auto 0;display:flex;position:relative}.hero__scroll svg{width:16px;height:22px}.hero__scroll .scroll-dot{animation:scrollDot 2s var(--ease-out) infinite}@keyframes scrollDot{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.3;transform:translateY(7px)}}.work-list{border-top:1px solid var(--line);list-style:none}.work-list__item{border-bottom:1px solid var(--line)}.work-list__link{color:inherit;justify-content:space-between;align-items:center;gap:clamp(1rem,4vw,2rem);padding-block:clamp(1.25rem,3vw,1.75rem);text-decoration:none;display:flex}.work-list__title{font-family:var(--font-display);font-weight:600;font-size:var(--text-md);color:var(--umber-900);letter-spacing:-.01em;transition:color var(--dur-fast) var(--ease-out)}.work-list__subtitle{font-size:var(--text-sm);color:var(--ink-soft);margin-top:.35rem;line-height:1.5;display:block}.work-list__arrow{color:var(--ember-700);font-size:var(--text-md);transition:transform var(--dur-fast) var(--ease-out);flex-shrink:0}.work-list__link:hover .work-list__title{color:var(--wine-600)}.work-list__link:hover .work-list__arrow{transform:translate(4px)}.work-list__link:focus-visible{outline-offset:4px}.work-cta{margin-top:clamp(2rem,4vw,3rem)}.testimonial{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);margin-top:clamp(2.5rem,5vw,3.5rem);padding:clamp(1.75rem,4vw,2.75rem)}.testimonial__quote p{max-width:62ch}.testimonial__mark{width:28px;height:21px;color:var(--ember-300);margin-bottom:.75rem}.testimonial__quote{margin:0}.testimonial__quote p{font-family:var(--font-display);font-weight:600;font-size:var(--text-md);color:var(--ink);line-height:1.5}.testimonial__cite{flex-direction:column;gap:.15rem;margin-top:1.25rem;display:flex}.testimonial__name{color:var(--ink);font-weight:600;font-size:var(--text-sm)}.testimonial__role{color:var(--ink-faint);font-size:var(--text-sm)}.work-reel{margin-top:clamp(2.5rem,5vw,3.5rem)}.work-reel__slider{position:relative}.work-reel__viewport{scrollbar-width:none;margin-inline:clamp(-1.25rem,-5vw,-2rem);padding-block:.75rem;padding-inline:clamp(1.25rem,5vw,2rem);overflow:auto hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 3rem calc(100% - 3rem),#0000);mask-image:linear-gradient(90deg,#0000,#000 3rem calc(100% - 3rem),#0000)}.work-reel__viewport::-webkit-scrollbar{display:none}.work-reel__track{align-items:center;gap:clamp(.4rem,1vw,.65rem);list-style:none;display:flex}.work-reel__item{aspect-ratio:1;border-radius:var(--radius);height:clamp(150px,20vw,240px);transition:transform var(--dur) var(--ease-out), box-shadow var(--dur) var(--ease-out);flex:none;position:relative;overflow:hidden}.work-reel__item--video{aspect-ratio:16/9}.work-reel__item--flyer{aspect-ratio:595/841}.work-reel__item--damaro{aspect-ratio:4/5}.work-reel__item--maxicosi{aspect-ratio:3/4}.work-reel__item--moodies{aspect-ratio:9/16}.work-reel__item--riekie{aspect-ratio:2/3}.work-reel__item:hover,.work-reel__item:focus-within{box-shadow:var(--shadow-lg);z-index:1;transform:translateY(-6px)scale(1.045)}.work-reel__item a{width:100%;height:100%;display:block}.work-reel__item img{object-fit:cover;width:100%;height:100%;display:block}.work-reel__play{cursor:pointer;background:0 0;border:0;width:100%;height:100%;padding:0;display:block}.work-reel__play-icon{transition:background var(--dur-fast) var(--ease-out);background:oklch(23.5% .038 58/.32);place-items:center;display:grid;position:absolute;inset:0}.work-reel__play:hover .work-reel__play-icon,.work-reel__play:focus-visible .work-reel__play-icon{background:oklch(23.5% .038 58/.45)}.work-reel__play-icon svg{width:3rem;height:3rem;color:var(--on-umber);filter:drop-shadow(0 2px 8px oklch(15% .02 58/.4))}.work-reel__nav{z-index:2;border-radius:var(--radius-pill);border:1px solid var(--line);background:var(--paper);width:2.75rem;height:2.75rem;color:var(--umber-900);cursor:pointer;box-shadow:var(--shadow-md);transition:transform var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out);place-items:center;display:grid;position:absolute;top:50%;translate:0 -50%}.work-reel__nav:hover{background:var(--stone);transform:translateY(-50%)scale(1.06)}.work-reel__nav svg{width:1.3rem;height:1.3rem}.work-reel__nav--prev{left:-.25rem}.work-reel__nav--next{right:-.25rem}.flyer-flip{perspective:1400px;width:100%;height:100%;position:relative}.flyer-flip__page{object-fit:cover;backface-visibility:hidden;transform-origin:0;width:100%;height:100%;display:block;position:absolute;inset:0}.flyer-flip__page--back{z-index:0}.flyer-flip__page--front{z-index:1;animation:12s ease-in-out infinite flyer-page-flip}.flyer-flip--offset .flyer-flip__page--front{animation-delay:-6s}@keyframes flyer-page-flip{0%,30%{transform:rotateY(0)}40%,70%{transform:rotateY(-180deg)}80%,to{transform:rotateY(-360deg)}}@media (width<=640px){.work-reel__item{height:clamp(120px,42vw,180px)}.work-reel__nav{width:2.25rem;height:2.25rem}.work-reel__nav svg{width:1.1rem;height:1.1rem}}.video-modal{z-index:var(--z-overlay);place-items:center;padding:clamp(1rem,4vw,3rem);display:grid;position:fixed;inset:0}.video-modal[hidden]{display:none}.video-modal__backdrop{background:oklch(15% .02 58/.72);position:absolute;inset:0}.video-modal__dialog{aspect-ratio:16/9;background:var(--umber-900);border-radius:var(--radius-lg);width:min(100%,960px);box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.video-modal__frame,.video-modal__frame iframe{border:0;width:100%;height:100%;display:block}.video-modal__close{z-index:2;border-radius:var(--radius-pill);cursor:pointer;width:2.5rem;height:2.5rem;color:var(--on-umber);transition:background-color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);background:oklch(15% .02 58/.55);border:0;place-items:center;display:grid;position:absolute;top:.75rem;right:.75rem}.video-modal__close:hover{background:oklch(15% .02 58/.75);transform:scale(1.08)}.video-modal__close svg{width:1.25rem;height:1.25rem}.image-lightbox{z-index:var(--z-overlay);padding:clamp(1rem,4vw,3rem);position:fixed;inset:0;overflow-y:auto}.image-lightbox[hidden]{display:none}.image-lightbox__backdrop{background:oklch(15% .02 58/.82);position:fixed;inset:0}.image-lightbox__dialog{border-radius:var(--radius-lg);width:min(100%,900px);box-shadow:var(--shadow-lg);margin:0 auto;position:relative;overflow:hidden}.image-lightbox__dialog img{width:100%;height:auto;display:block}.image-lightbox__close{z-index:2;border-radius:var(--radius-pill);cursor:pointer;width:2.5rem;height:2.5rem;color:var(--on-umber);transition:background-color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);background:oklch(15% .02 58/.55);border:0;place-items:center;display:grid;position:fixed;top:clamp(.75rem,2vw,1.5rem);right:clamp(.75rem,2vw,1.5rem)}.image-lightbox__close:hover{background:oklch(15% .02 58/.75);transform:scale(1.08)}.image-lightbox__close svg{width:1.25rem;height:1.25rem}.help__grid{grid-template-columns:repeat(4,1fr);gap:clamp(1rem,2vw,1.5rem);display:grid}.help-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);transition:transform var(--dur) var(--ease-out), box-shadow var(--dur) var(--ease-out), border-color var(--dur) var(--ease-out);padding:clamp(1.5rem,3vw,2rem)}.help-card:hover{box-shadow:var(--shadow-md);border-color:#0000;transform:translateY(-3px)}.help-card__title{font-family:var(--font-display);font-size:var(--text-md);align-items:center;gap:.65rem;margin-bottom:.9rem;font-weight:600;display:flex}.help-card__title svg{width:22px;height:22px;color:var(--ember-700);flex-shrink:0}.help-card__text{color:var(--ink-soft);font-size:var(--text-sm);max-width:52ch;margin-bottom:1rem;line-height:1.6}.help-card__results{flex-direction:column;gap:.35rem;display:flex}.help-card__result{color:var(--wine-600);font-weight:600;font-size:var(--text-sm)}.help-card__result a{text-underline-offset:3px;-webkit-text-decoration:underline oklch(47.6% .152 16/.35);text-decoration:underline oklch(47.6% .152 16/.35)}.help-card__result a:hover{text-decoration-color:currentColor}.back-link{font-size:var(--text-sm);color:var(--ink-soft);transition:color var(--dur-fast) var(--ease-out);align-items:center;gap:.5rem;margin-bottom:clamp(1.5rem,3vw,2rem);font-weight:600;text-decoration:none;display:inline-flex}.back-link:hover{color:var(--wine-600)}.section--portfolio-head{padding-bottom:0}.section--portfolio-head+.section{padding-top:0}.case+.case{margin-top:clamp(3.5rem,6vw,5.5rem)}.case__head{cursor:pointer;justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:clamp(1.5rem,3vw,2.25rem);list-style:none;display:flex}.case__head::-webkit-details-marker{display:none}.case__head:hover .case__title{color:var(--wine-600)}.case__title{font-size:var(--text-lg);letter-spacing:-.015em;transition:color var(--dur-fast) var(--ease-out)}.case__subtitle{font-family:var(--font-display);font-weight:500;font-size:var(--text-md);color:var(--ember-700);letter-spacing:-.01em;margin-top:.5rem}.case__toggle{flex-shrink:0;align-items:center;gap:.75rem;margin-top:.3rem;display:flex}.case__toggle-label{font-family:var(--font-display);font-weight:600;font-size:var(--text-sm);color:var(--ember-700);white-space:nowrap}.case__toggle-label--open,.case[open]>.case__head .case__toggle-label--closed{display:none}.case[open]>.case__head .case__toggle-label--open{display:inline}.case__chevron{border-radius:var(--radius-pill);border:1px solid var(--line);background:var(--paper);width:2.1rem;height:2.1rem;color:var(--umber-900);transition:transform var(--dur) var(--ease-out), background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);flex-shrink:0;place-items:center;display:grid}.case__chevron svg{width:1.05rem;height:1.05rem}.case__head:hover .case__chevron{background:var(--stone);border-color:var(--ember-500)}.case[open]>.case__head .case__chevron{transform:rotate(180deg)}.case__block{border-top:1px solid var(--line);grid-template-columns:minmax(8rem,13rem) minmax(0,1fr);gap:clamp(.5rem,4vw,3rem);padding-block:clamp(1.5rem,3vw,2.25rem);display:grid}.case__block:last-child{border-bottom:1px solid var(--line)}.case__block-title{font-family:var(--font-display);font-weight:600;font-size:var(--text-md);color:var(--umber-900);letter-spacing:-.01em}.case__block-body p{color:var(--ink-soft);max-width:var(--maxw-prose)}.case__list{gap:.7rem;list-style:none;display:grid}.case__list li{color:var(--ink-soft);max-width:var(--maxw-prose);padding-left:1.5rem;position:relative}.case__list li:before{content:"";background:var(--ember-500);border-radius:2px;width:.6rem;height:2px;position:absolute;top:.72em;left:0}.media__intro{color:var(--ink-soft);margin-bottom:1.25rem}.media-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:clamp(.75rem,2vw,1.15rem);display:grid}.media-item{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);color:inherit;transition:transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);flex-direction:column;text-decoration:none;display:flex;overflow:hidden}button.media-item{font:inherit;text-align:inherit;appearance:none;cursor:pointer;padding:0}a.media-item:hover,button.media-item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.media-grid--plain .media-item__caption{display:none}.media-grid--plain .media-item__frame{aspect-ratio:auto}.media-grid--plain .media-item__frame img{object-fit:contain;width:100%;height:auto}.media-grid--split{grid-template-columns:repeat(2,minmax(0,1fr))}.media-grid+.media-grid{margin-top:clamp(.75rem,2vw,1.15rem)}.media-grid+.media__intro{margin-top:clamp(1.5rem,3vw,2rem)}.media-item__frame{aspect-ratio:4/3;background:var(--stone-deep);place-items:center;display:grid;position:relative;overflow:hidden}.media-item__frame img,.media-item__frame video{object-fit:cover;width:100%;height:100%;display:block}.media-item--video .media-item__frame{background:var(--stone-deep)}.media-item__play{transition:background var(--dur-fast) var(--ease-out);background:oklch(23.5% .038 58/.32);place-items:center;display:grid;position:absolute;inset:0}.media-item--video:hover .media-item__play,.media-item--video:focus-visible .media-item__play{background:oklch(23.5% .038 58/.45)}.media-item__play svg{width:2.75rem;height:2.75rem;color:var(--on-umber);filter:drop-shadow(0 2px 8px oklch(15% .02 58/.4))}.media-item__doc{color:var(--ember-700);place-items:center;gap:.5rem;display:grid}.media-item__doc svg{width:2rem;height:2rem}.media-item__doc span{font-size:var(--text-xs);letter-spacing:.06em;font-weight:600}.media-item__caption{font-size:var(--text-sm);color:var(--ink-soft);padding:.75rem .9rem;line-height:1.4}.media-empty{border:1px dashed var(--line);border-radius:var(--radius);color:var(--ink-soft);grid-column:1/-1;align-items:center;gap:.9rem;padding:clamp(1.25rem,3vw,2rem);line-height:1.5;display:flex}.media-empty__text small{font-size:var(--text-sm);color:var(--ink-faint);margin-top:.35rem;display:block}.media-empty__mark{border-radius:var(--radius-pill);background:var(--stone);width:2rem;height:2rem;color:var(--ember-700);flex-shrink:0;place-items:center;font-size:1.15rem;font-weight:600;line-height:1;display:grid}.media-empty code{white-space:nowrap;background:var(--stone);color:var(--ink-soft);border-radius:var(--radius-sm);padding:.1rem .35rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em}.media-item.is-hidden{display:none}.media-grid__load-more{margin-top:clamp(.75rem,2vw,1.15rem)}.timeline{--rail-gap:2.75rem;flex-direction:column;gap:clamp(1.25rem,2.5vw,1.75rem);display:flex;position:relative}.timeline:before{content:"";left:calc(150px + var(--rail-gap) / 2 - 1px);background:linear-gradient(var(--line), var(--line) 70%, transparent);width:2px;position:absolute;top:.75rem;bottom:.75rem}.exp{gap:var(--rail-gap);grid-template-columns:150px 1fr;align-items:start;display:grid;position:relative}.exp__period{font-size:var(--text-sm);color:var(--ink-faint);text-align:right;white-space:nowrap;padding-top:1.6rem;padding-right:.15rem;font-weight:600}.exp__card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);transition:transform var(--dur) var(--ease-out), box-shadow var(--dur) var(--ease-out), border-color var(--dur) var(--ease-out);padding:clamp(1.4rem,3vw,1.9rem);position:relative}.exp__card:before{content:"";top:1.75rem;left:calc(-1 * var(--rail-gap) / 2 - 8px);background:var(--stone);border:3px solid var(--ember-700);width:16px;height:16px;box-shadow:0 0 0 4px var(--stone);transition:background var(--dur) var(--ease-out);border-radius:50%;position:absolute}.exp__card:hover{box-shadow:var(--shadow-md);border-color:#0000;transform:translateY(-3px)}.exp__card:hover:before{background:var(--ember-700)}.exp__head{flex-wrap:wrap;align-items:baseline;gap:.5rem .85rem;margin-bottom:.15rem;display:flex}.exp__company{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.08em;color:var(--wine-600);font-size:.8rem;font-weight:700}.exp__current{letter-spacing:.06em;text-transform:uppercase;color:var(--umber-900);background:var(--ember-300);border-radius:var(--radius-pill);padding:.15rem .55rem;font-size:.68rem;font-weight:600}.exp__role{font-family:var(--font-display);font-size:var(--text-lg);margin-bottom:.35rem;font-weight:600}.exp__location{font-size:var(--text-sm);color:var(--ink-faint);margin-bottom:.9rem}.exp__desc{color:var(--ink-soft);font-size:var(--text-sm);max-width:60ch;margin-bottom:1.1rem;line-height:1.6}.exp__tags{flex-wrap:wrap;gap:.4rem;display:flex}.skills__grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:clamp(1.5rem,3vw,2.5rem);display:grid}.skillgroup__title{font-family:var(--font-display);font-size:var(--text-md);border-bottom:1px solid var(--line);align-items:center;gap:.6rem;margin-bottom:1.1rem;padding-bottom:.6rem;font-weight:600;display:flex}.skillgroup__title svg{width:20px;height:20px;color:var(--ember-700)}.skill{margin-bottom:1rem}.skill:last-child{margin-bottom:0}.skill__row{justify-content:space-between;align-items:baseline;margin-bottom:.4rem;display:flex}.skill__name{font-size:var(--text-sm);color:var(--ink);font-weight:500}.skill__level{font-size:var(--text-xs);color:var(--ink-faint)}.meter{background:var(--stone-deep);border-radius:var(--radius-pill);height:6px;overflow:hidden}.meter__fill{border-radius:var(--radius-pill);background:linear-gradient(90deg, var(--wine-600), var(--ember-500));width:0;height:100%;transition:width 1.1s var(--ease-out-expo)}.edu__grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:clamp(1.25rem,2.5vw,1.75rem);display:grid}.edu{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);transition:transform var(--dur) var(--ease-out), box-shadow var(--dur) var(--ease-out), border-color var(--dur) var(--ease-out);padding:clamp(1.4rem,3vw,1.85rem);position:relative;overflow:hidden}.edu:hover{box-shadow:var(--shadow-md);border-color:#0000;transform:translateY(-3px)}.edu__degree{font-family:var(--font-display);font-size:var(--text-md);margin-bottom:.4rem;font-weight:600;line-height:1.2}.edu__school{font-size:var(--text-sm);color:var(--wine-600);margin-bottom:.85rem;font-weight:600}.edu__details{font-size:var(--text-sm);color:var(--ink-soft);line-height:1.6}.edu__grade{font-size:var(--text-xs);color:var(--wine-600);border-radius:var(--radius-pill);background:oklch(47.6% .152 16/.1);align-items:center;gap:.4rem;margin-top:1rem;padding:.3rem .7rem;font-weight:600;display:inline-flex}.extras__grid{grid-template-columns:1fr;align-items:start;gap:clamp(2.5rem,5vw,4.5rem);max-width:26rem;display:grid}.extras__subtitle{font-family:var(--font-display);font-size:var(--text-lg);margin-bottom:1.5rem;font-weight:600}.langs{flex-direction:column;gap:1.1rem;display:flex}.lang__row{justify-content:space-between;align-items:baseline;margin-bottom:.45rem;display:flex}.lang__name{font-weight:500;font-size:var(--text-sm)}.lang__tag{font-size:var(--text-xs);color:var(--ink-faint)}.note{background:var(--stone);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(1.4rem,3vw,1.85rem)}.note p{font-size:var(--text-sm);color:var(--ink-soft);margin-bottom:.85rem}.note p:last-child{margin-bottom:0}.note__list{flex-wrap:wrap;gap:.4rem;margin-bottom:1.1rem;display:flex}.playlist{margin-top:2.5rem}.playlist__label{font-size:var(--text-sm);color:var(--ink-soft);align-items:center;gap:.55rem;margin-bottom:.9rem;display:flex}.playlist__label svg{width:18px;height:18px;color:var(--ember-700)}.playlist iframe{border-radius:var(--radius);display:block}.contact{color:var(--on-umber);background:radial-gradient(110% 120% at 85% 12%, var(--wine-600) 0%, transparent 55%), linear-gradient(165deg, var(--umber-700) 0%, var(--umber-800) 100%);padding:clamp(4.5rem,8vw,8rem) clamp(1.25rem,5vw,2rem);position:relative;overflow:hidden}.contact__glow{filter:blur(70px);opacity:.4;pointer-events:none;background:radial-gradient(circle, var(--ember-500), transparent 70%);mix-blend-mode:screen;border-radius:50%;width:36vw;height:36vw;position:absolute;bottom:-12%;left:-6%}.contact__inner{z-index:var(--z-base);max-width:var(--maxw);margin-inline:auto;position:relative}.contact__title{font-size:var(--text-2xl);color:var(--on-umber);max-width:16ch;margin-bottom:1.25rem}.contact__lead{font-size:var(--text-md);color:var(--on-umber-soft);max-width:50ch;margin-bottom:2.75rem;line-height:1.55}.contact__links{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-bottom:3.5rem;display:grid}.contact-card{border-radius:var(--radius);border:1px solid var(--line-on-umber);color:var(--on-umber);transition:transform var(--dur) var(--ease-out), background-color var(--dur) var(--ease-out), border-color var(--dur) var(--ease-out);background:oklch(96% .01 75/.05);align-items:center;gap:1rem;padding:1.25rem 1.4rem;display:flex}.contact-card:hover{border-color:var(--ember-300);color:var(--on-umber);background:oklch(96% .01 75/.1);transform:translateY(-3px)}.contact-card__icon{background:var(--ember-500);border-radius:50%;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid}.contact-card__icon svg{width:19px;height:19px;color:var(--umber-900)}.contact-card__label{font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--on-umber-soft);margin-bottom:.1rem}.contact-card__value{font-weight:600;font-size:var(--text-sm)}.contact__playlist{max-width:540px;margin-bottom:3.5rem}.contact__playlist .playlist__label{color:var(--on-umber-soft)}.contact__playlist .playlist__label svg{color:var(--ember-300)}.contact__foot{border-top:1px solid var(--line-on-umber);font-size:var(--text-sm);color:var(--on-umber-soft);flex-wrap:wrap;justify-content:space-between;gap:1rem;padding-top:2rem;display:flex}.contact__foot a{color:var(--on-umber-soft)}.contact__foot a:hover{color:var(--on-umber)}@media (width<=960px){.hero__mobile-name{font-family:var(--font-display);letter-spacing:-.01em;color:var(--umber-900);margin-bottom:1.5rem;font-size:clamp(1.6rem,6vw,2.1rem);font-weight:700;line-height:1.1;display:block}.case__block{grid-template-columns:1fr;gap:.75rem}.extras__grid{grid-template-columns:1fr}.help__grid{grid-template-columns:repeat(2,1fr)}.nav__toggle{display:flex}.nav__links{background:var(--paper);width:min(82vw,320px);height:100dvh;box-shadow:var(--shadow-lg);border-left:1px solid var(--line);z-index:var(--z-menu);transition:transform var(--dur) var(--ease-out-expo);flex-direction:column;justify-content:center;align-items:flex-start;gap:1.5rem;padding:6rem clamp(1.5rem,6vw,2.25rem) 2.5rem;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(100%)}.nav__links.is-open{transform:translate(0)}.nav__links a:not(.btn){font-size:var(--text-lg);color:var(--ink);font-weight:500}.nav__links li{width:100%}.nav__links .btn{width:100%;margin-top:.5rem;padding:.85rem 1.5rem}.nav__scrim{z-index:var(--z-sticky);opacity:0;visibility:hidden;transition:opacity var(--dur) var(--ease-out), visibility var(--dur);background:oklch(20% .03 58/.5);position:fixed;inset:0}.nav__scrim.is-open{opacity:1;visibility:visible}}@media (width<=640px){.nav__logo{font-size:1.02rem}.case__toggle-label{display:none!important}.media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.exp{grid-template-columns:1fr;gap:.5rem}.exp__period{text-align:left;padding-top:0;padding-left:2.4rem}.timeline:before{left:7px}.exp__card{margin-left:2.4rem}.exp__card:before{top:1.5rem;left:-2.45rem}.hero__meta{gap:1.25rem 2rem}.contact__foot{flex-direction:column}.help__grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.hero__glow--1,.hero__glow--2{animation:none}}