:root{--ink: #252525;--ink-soft: #2c2c2c;--gold: #ffd47a;--gold-soft: #f2c56a;--cream: #fff1c4;--green: #2d4039;--paper: #f6ece2;--white: #f8f4ea;--display: "Helvetica Neue", "Helvetica Neue Condensed", Helvetica, Arial, sans-serif;--text: "Helvetica Neue", Helvetica, Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:var(--text);font-weight:300;background:var(--ink);color:var(--gold);overflow-x:hidden;min-width:0}html body .nav.is-on-light{color:var(--ink)!important}html body .cover{isolation:isolate;overflow:visible!important}html body .cover:before{top:-12%!important;left:-8%!important;right:auto!important;bottom:auto!important;width:116%!important;height:124%!important;background:radial-gradient(ellipse 78% 68% at 18% 16%,rgba(255,212,122,.1),transparent 76%),radial-gradient(ellipse 82% 72% at 88% 82%,rgba(255,212,122,.1),transparent 76%)!important;filter:blur(54px)!important}html body .cover:before{top:-12%!important;left:-8%!important;right:auto!important;bottom:auto!important;width:116%!important;height:124%!important;background:radial-gradient(ellipse 78% 68% at 18% 16%,rgba(255,212,122,.1),transparent 78%),radial-gradient(ellipse 82% 72% at 88% 82%,rgba(255,212,122,.1),transparent 78%)!important;filter:blur(64px)!important}html body .cover:after{display:none!important}html body .cover .cover-star-left{z-index:1!important;top:5%!important;left:4%!important;width:min(26vw,320px)!important;max-width:32vw!important;opacity:1!important;animation:none!important;translate:0 0;rotate:0deg;transition:translate 4.5s cubic-bezier(.35,0,.3,1),rotate 4.5s ease-in-out}html body .cover .scroll-hint{position:absolute!important;left:50%!important;bottom:max(1.6rem,env(safe-area-inset-bottom))!important;z-index:2!important;transform:translate(-50%)!important}html body .contact{min-height:0!important;padding-top:clamp(3rem,4vw,3.75rem)!important;padding-bottom:3rem!important;overflow:hidden!important;background:transparent!important}html body .contact .fine{margin-top:1.5rem!important}html body .contact .contact-actions{margin-top:1.5rem!important;justify-content:flex-start}html body .contact:before{content:"";position:absolute;z-index:0;top:-14%!important;left:-8%!important;width:auto!important;height:auto!important;right:auto!important;bottom:auto!important;pointer-events:none;background:radial-gradient(ellipse at 88% 18%,rgba(255,212,122,.12),transparent 70%),radial-gradient(ellipse at 14% 82%,rgba(255,212,122,.07),transparent 72%)!important;filter:blur(48px)!important}html body .contact .spark-contact{position:absolute;z-index:1!important;top:5%!important;right:4%!important;bottom:auto!important;width:min(24vw,280px)!important;opacity:1!important;animation:none!important;translate:0 0;rotate:0deg;transition:translate 5s cubic-bezier(.35,0,.3,1),rotate 5s ease-in-out}html body .contact>:not(.spark-contact){position:relative;z-index:2}@media(max-width:700px){html body .cover .cover-star-left{top:clamp(4.5rem,9svh,5.5rem)!important;left:clamp(1.75rem,8vw,2.25rem)!important;width:38vw!important;max-width:42vw!important}html body .contact{min-height:0!important;padding:3rem 1rem 2rem!important;overflow-x:clip!important;overflow-y:visible!important}html body .contact .spark-contact{top:-3rem!important;right:3%!important;width:min(34vw,132px)!important}}@media(prefers-reduced-motion:reduce){html body .cover .cover-star-left,html body .contact .spark-contact{transition:none}}main{background:radial-gradient(130% 58% at 84% 22%,rgba(255,212,122,.075),transparent 82%),var(--ink)}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.noise{pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:8;opacity:.07;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.nav{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:1.1rem 2rem;color:var(--gold)}.nav-mark{display:grid;place-items:center;width:1.8rem;height:1.8rem;background:var(--gold);-webkit-mask:url(/assets/essentials/jt_logo.png) center / contain no-repeat;mask:url(/assets/essentials/jt_logo.png) center / contain no-repeat;transition:background-color .35s ease}.nav-mark img{display:none}.nav.is-on-light .nav-mark{background:var(--ink)}.nav nav{position:absolute;left:50%;transform:translate(-50%);display:flex;gap:1.4rem;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.nav{gap:1rem}.language-switch{display:inline-flex;align-items:center;gap:.15rem;padding:.2rem;border:1px solid currentColor;border-radius:999px}.language-switch button{min-width:2rem;padding:.35rem .45rem;border:0;border-radius:999px;background:transparent;color:inherit;font:inherit;font-size:.7rem;cursor:pointer}.language-switch button[aria-pressed=true]{background:var(--gold);color:var(--ink)}.cover{min-height:100svh;display:grid;place-items:center;position:relative;background:radial-gradient(900px 500px at 12% 8%,rgba(255,211,118,.18),transparent 55%),radial-gradient(800px 520px at 92% 96%,rgba(255,211,118,.16),transparent 50%),var(--ink);overflow:hidden}.spark{position:absolute;color:var(--gold);filter:drop-shadow(0 0 28px rgba(255,211,118,.18))}.spark-tl{width:min(38vw,420px);top:-12%;left:-8%;animation:spin 28s linear infinite}.spark-br{width:min(34vw,380px);bottom:-10%;right:-6%;animation:spin 36s linear infinite reverse}.cover-copy{text-align:center;position:relative;z-index:2}.eyebrow{font-size:clamp(.9rem,1.4vw,1.15rem);letter-spacing:.28em;font-weight:600}.name{margin-top:.4rem;font-family:var(--display);font-weight:800;font-size:clamp(1.6rem,3.4vw,2.6rem);letter-spacing:-.03em}.cover-copy h1{font-family:var(--display);font-stretch:75%;font-weight:900;font-size:clamp(3.2rem,13vw,10.5rem);letter-spacing:-.055em;line-height:.86}.year{margin-top:.35rem;font-family:var(--display);font-weight:800;font-size:clamp(1.5rem,3vw,2.3rem)}.scroll-hint{position:absolute;bottom:1.6rem;left:50%;transform:translate(-50%);font-size:.72rem;letter-spacing:.28em;text-transform:uppercase;opacity:.7}.about{position:relative;min-height:100svh;padding:6.5rem 6vw 3.5rem;background:radial-gradient(700px 500px at 18% 40%,rgba(255,211,118,.14),transparent 60%),var(--ink);overflow:visible;scroll-margin-top:0}.spark-about{width:min(70vw,720px);left:8%;top:6%;opacity:.95}.about-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr 1fr;gap:3rem 7vw;align-items:center}.about-left{display:grid;grid-template-columns:1fr;align-items:center}.portrait-wrap{display:flex;justify-content:center}.portrait{width:min(380px,100%);mix-blend-mode:lighten;filter:drop-shadow(0 18px 40px rgba(0,0,0,.4))}@media(min-width:701px){.about .about-grid{align-items:start;grid-template-columns:minmax(0,.9fr) minmax(0,1.5fr);gap:3vw}.about .about-left{align-self:start}.about .portrait.portrait-photo{width:clamp(230px,30vw,320px);height:clamp(230px,30vw,320px);max-height:none;object-fit:cover;object-position:center;border-radius:50%;mix-blend-mode:normal}}.about .tools{grid-template-columns:repeat(4,clamp(56px,calc(12vw + 18px),96px))}@media(max-width:700px){.about .about-left{order:0;align-self:center}.about .about-copy{order:1}.about .portrait.portrait-photo{width:clamp(160px,50vw,230px);height:clamp(160px,50vw,230px);max-height:none;object-fit:cover;object-position:center;border-radius:50%}.about .tools{justify-content:space-between}}.about-copy h2{font-family:var(--display);font-weight:900;font-size:clamp(3rem,6.4vw,5.6rem);letter-spacing:-.04em;display:flex;align-items:flex-start;justify-content:flex-end;gap:.4rem;line-height:.9}.mini-spark{width:.42em;height:.42em;display:inline-block;background:currentColor;clip-path:polygon(50% 0,61% 38%,100% 50%,61% 62%,50% 100%,39% 62%,0 50%,39% 38%);margin-top:.18em}.mini-spark.dark{color:var(--ink)}.about-copy p{margin-top:1.2rem;text-align:right;color:var(--white);font-size:clamp(1rem,1.5vw,1.25rem);line-height:1.55;max-width:34rem;margin-left:auto}.about-copy strong{font-weight:700}.tools{position:relative;z-index:2;list-style:none;display:flex;justify-content:flex-end;align-items:center;gap:.4rem;margin-top:3rem;flex-wrap:wrap}.tools img{height:58px;mix-blend-mode:lighten}.projects{position:relative;padding:4.5rem 4vw 5rem;background:var(--gold);color:var(--ink)}.projects.light{background:var(--gold);color:var(--ink)}.projects.dark{background:var(--gold);color:var(--ink);padding-top:.5rem}.projects>*{position:relative;z-index:1}.experience{position:relative;padding:4.5rem 6vw 5rem;background:var(--ink);color:var(--gold)}.experience .section-head{justify-content:flex-start}.experience .section-head h2{font-family:var(--display);font-size:clamp(2.2rem,5vw,4.8rem);font-weight:900;letter-spacing:0;text-transform:uppercase}.experience-intro{max-width:42rem;margin-bottom:2rem;color:var(--white)}.experience-list{border-top:1px solid rgba(255,212,122,.42)}.experience-entry{display:grid;grid-template-columns:minmax(9rem,.7fr) minmax(0,2fr) minmax(6rem,.6fr);gap:1rem 2rem;align-items:start;padding:1.4rem 0;border-bottom:1px solid rgba(255,212,122,.42)}.experience-type,.experience-date{font-size:.82rem;text-transform:uppercase}.experience-type{color:var(--gold-soft)}.experience-entry h3{font-family:var(--display);font-size:clamp(1.2rem,2vw,1.7rem)}.experience-entry div p{margin-top:.35rem;color:var(--white)}.experience-date{justify-self:end;color:var(--gold-soft)}.resume-placeholder{display:inline-flex;align-items:center;margin-top:2rem;padding:.85rem 1.2rem;border:1px solid rgba(255,212,122,.45);border-radius:999px;background:transparent;color:#f8f4ea8c;font:inherit;text-decoration:none;transition:color .16s ease,border-color .16s ease}.resume-placeholder:hover,.resume-placeholder:focus-visible{border-color:var(--gold);color:var(--white)}.section-head{display:flex;justify-content:flex-end;margin-bottom:1.8rem}.section-head h2{font-family:var(--display);font-weight:900;letter-spacing:.08em;font-size:clamp(1.4rem,2.4vw,2rem);display:flex;align-items:center;gap:.45rem}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:1.1rem;grid-auto-rows:minmax(560px,62vh)}.card{position:relative;border-radius:28px;overflow:hidden;min-height:0;height:100%;display:flex;flex-direction:column;cursor:pointer;transition:transform .35s ease,box-shadow .35s ease}.card:hover{transform:translateY(-8px);box-shadow:0 22px 40px #0000002e}.card-visual{flex:1.15;min-height:280px;overflow:hidden}.card-visual img{width:100%;height:100%;object-fit:cover;object-position:center top}.card-visual.empty{background:#3a3a3a}.card-visual.poster img{object-position:center;filter:grayscale(.15) contrast(1.05)}.card[data-project=im-jetzt] .card-visual img{object-position:center 56%;transform:scale(1.15);transform-origin:center center}.card[data-project=frisboo] .card-visual img{object-position:center}.card-meta{position:relative;padding:1.5rem 1.15rem 1.3rem;min-height:168px}.card.green{background:var(--green);color:#fff}.card.cream{background:var(--paper);color:var(--ink)}.card.placeholder,.card.split{background:var(--gold);color:var(--ink)}.gold-fill{background:var(--gold);color:var(--ink);border-radius:0 0 28px 28px}.card-meta .tag{font-size:.78rem}.card-meta h3{font-family:var(--display);font-weight:800;font-size:1.35rem;margin-top:2.1rem;letter-spacing:-.03em;line-height:1.05}.card-meta .sub{margin-top:.2rem;font-size:.9rem}.num{position:absolute;right:.7rem;top:-1.55rem;font-family:var(--display);font-weight:900;font-size:5.4rem;line-height:.7;letter-spacing:-.06em}.card.green .num{color:#fff}.card.cream .num,.card.placeholder .num{color:var(--ink)}.num.outline{color:transparent;-webkit-text-stroke:2px var(--ink)}.num.knockout{color:var(--ink);-webkit-text-stroke:3px var(--gold);mix-blend-mode:normal}.card.split .num.knockout{top:-1.7rem}.contact{position:relative;min-height:70svh;padding:8rem 6vw 5rem;overflow:visible;background:radial-gradient(130% 95% at 92% 8%,rgba(255,212,122,.075),transparent 82%),radial-gradient(110% 90% at 12% 96%,rgba(255,212,122,.035),transparent 84%),var(--ink)}.spark-contact{position:absolute;width:min(40vw,380px);right:-6%;top:-8%;color:var(--gold)}.contact h2{font-family:var(--display);font-weight:900;font-size:clamp(2.8rem,7vw,5.5rem);letter-spacing:-.05em;position:relative}.lead{margin-top:1rem;max-width:28rem;color:var(--white);font-size:1.15rem}.contact-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem}.btn{display:inline-flex;align-items:center;padding:.9rem 1.3rem;border-radius:999px;background:var(--gold);color:var(--ink);font-weight:600}.btn.ghost{background:transparent;color:var(--gold);outline:1px solid rgba(255,211,118,.45)}.fine{margin-top:4rem;font-size:.8rem;opacity:.7}.project-page{min-height:100svh;padding:clamp(1.5rem,3vh,3rem) 6vw 4rem;background:radial-gradient(90% 60% at 75% 12%,rgba(255,212,122,.07),transparent 75%),var(--ink);color:var(--white)}.project-page[hidden]{display:none}.project-page-inner{width:min(100%,1180px);margin:0 auto}.project-route .nav{display:none}.project-page-toolbar{display:flex;align-items:center;justify-content:space-between;min-height:48px;margin-bottom:clamp(1rem,3vh,2rem);border-bottom:1px solid rgba(255,212,122,.25)}.project-back{display:inline-flex;align-items:center;min-height:44px;color:var(--gold);font-size:.88rem}.project-count{color:#f8f4ea7a;font-size:.76rem;font-variant-numeric:tabular-nums}.project-language-switch{display:inline-flex;gap:.1rem;padding:.15rem;border:1px solid rgba(255,212,122,.55);border-radius:999px}.project-language-switch button{min-width:2rem;padding:.3rem .45rem;border:0;border-radius:999px;background:transparent;color:var(--gold);font:inherit;font-size:.65rem;cursor:pointer}.project-language-switch button[aria-pressed=true]{background:var(--gold);color:var(--ink)}.project-detail-visual{display:grid;place-items:center;width:100%;aspect-ratio:3 / 2;min-height:0;padding:0;overflow:hidden;border-radius:.75rem;background:transparent}.project-detail-visual img{width:100%;height:100%;max-height:100%;object-fit:contain;border-radius:.85rem}.project-detail[data-project=tanyyo]>.project-detail-visual{width:min(100%,760px);margin-inline:auto}.project-detail[data-project=pantry]>.project-detail-visual{width:min(100%,760px);margin-inline:auto}.project-detail[data-project=im-jetzt]>.project-detail-visual{width:min(100%,760px);aspect-ratio:4 / 3;margin-inline:auto}.project-detail[data-project=frisboo]>.project-detail-visual{width:min(100%,760px);margin-inline:auto}.project-detail[data-project=frisboo]>.project-detail-visual img{border-radius:1rem;clip-path:inset(0 round 1rem)}.project-detail[data-project=frisboo] .project-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}.project-detail[data-project=frisboo] .project-gallery-grid figure:first-child{grid-column:auto}.project-detail[data-project=frisboo] .project-gallery-grid img{width:100%;height:240px;aspect-ratio:auto;object-fit:contain;border-radius:1rem;clip-path:inset(0 round 1rem);background:transparent}.project-detail[data-project=frisboo] .project-gallery-grid .project-image-trigger{overflow:hidden;border-radius:2rem;clip-path:inset(0 round 2rem)}.project-detail[data-project=frisboo] .project-story-media .project-image-trigger{display:flex;align-items:center;justify-content:center;aspect-ratio:4 / 3;overflow:hidden;border-radius:2rem;clip-path:inset(0 round 2rem)}.project-detail[data-project=frisboo] .project-story-media .project-image-trigger--wide{aspect-ratio:3.36 / 1}.project-detail[data-project=frisboo] .project-story-media .project-image-trigger--transparent,.project-detail[data-project=frisboo] .project-story-media .project-image-trigger--transparent img{border-radius:0;clip-path:none}.project-detail[data-project=frisboo] .project-story-media img{width:100%;height:100%;max-height:none;object-fit:contain;border-radius:2rem;clip-path:inset(0 round 2rem)}.project-detail[data-project=frisboo] .project-story-media--cover img{object-fit:cover}.project-detail[data-project=frisboo] .project-story-media--cover img[src*=frisboo_early_prototype]{object-position:center 72%}.project-detail[data-project=frisboo] .project-story-media img[src*=final_printed_innenleben]{object-position:left center}.project-detail[data-project=frisboo] .project-story-media figure{display:flex;flex-direction:column;align-items:stretch}.project-detail[data-project=frisboo] .project-story-media figcaption{width:100%;margin:.4rem 0 0;text-align:left}.project-detail[data-project=frisboo] .project-gallery-grid figure:nth-child(2){transform:translate(-8px)}.project-detail[data-project=frisboo] .project-standalone-animation{width:min(100%,200px);margin:clamp(2.5rem,5vw,4rem) auto 0}.project-detail[data-project=frisboo] .project-standalone-animation img{display:block;width:100%;height:auto;border-radius:1rem;object-fit:contain}.project-detail[data-project=frisboo] .project-image-trigger:focus-visible{outline:none}.project-detail[data-project=frisboo] .project-image-trigger:focus-visible .project-image-expand-mark{outline:2px solid var(--white);outline-offset:3px}@media(min-width:701px)and (max-width:1100px){.project-detail[data-project=frisboo] .project-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.project-detail-heading{padding:clamp(2rem,5vw,3.5rem) 0 2rem}.project-detail-heading .eyebrow{color:var(--gold);font-size:.82rem;text-transform:uppercase}.project-detail-heading h1{margin-top:.45rem;font-size:4.25rem;line-height:.98}.project-detail-description{max-width:46rem;margin-top:.7rem;color:#f8f4eab8;font-size:1.25rem;line-height:1.4}.project-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem 3rem;margin-top:1rem;padding:1.5rem 0;border-top:1px solid rgba(255,212,122,.28);border-bottom:1px solid rgba(255,212,122,.28)}.project-facts dt{margin-bottom:.5rem;color:var(--gold);font-size:.72rem;text-transform:uppercase}.project-facts dd{color:var(--white);font-size:.95rem;line-height:1.5}.project-facts--with-team{grid-template-columns:repeat(3,minmax(0,1fr))}.project-story{margin-top:clamp(2.5rem,7vw,5rem)}.project-story-section{display:grid;grid-template-columns:3rem minmax(10rem,.7fr) minmax(0,1.6fr);gap:1rem 1.5rem;align-items:start;padding:1.5rem 0;border-top:1px solid rgba(255,212,122,.25)}.project-story-index{padding-top:.2rem;color:var(--gold);font-size:.76rem;font-variant-numeric:tabular-nums}.project-story-section h2{font-size:1.25rem;line-height:1.25}.project-story-section p{max-width:46rem;color:#f8f4eac7;font-size:1rem;line-height:1.7}.project-story-media{display:grid;grid-template-columns:minmax(0,1fr);gap:1.35rem;grid-column:2 / -1;margin-top:1.5rem}.project-story-media--pair{grid-template-columns:repeat(2,minmax(0,1fr))}.project-story-media figure{min-width:0}.project-story-media img{display:block;width:100%;max-height:620px;object-fit:contain;border-radius:.65rem;background:transparent}.project-detail[data-project=tanyyo] .project-story-media img[src*=final_logo]{width:min(100%,280px);margin-left:0;margin-right:auto}.project-image-trigger{position:relative;display:block;width:100%;padding:0;overflow:hidden;border:0;border-radius:.65rem;background:transparent;cursor:zoom-in}.project-image-expand-mark{position:absolute;right:.65rem;bottom:.65rem;display:grid;place-items:center;width:2rem;aspect-ratio:1;border-radius:50%;background:#080a09b8;color:var(--white);font-size:1.1rem;opacity:0;transition:opacity .16s ease}.project-image-trigger:hover .project-image-expand-mark,.project-image-trigger:focus-visible .project-image-expand-mark{opacity:1}.project-diagram-set{grid-column:2 / -1;margin-top:2rem}.project-diagram-set h3{margin-bottom:.9rem;color:#f8f4ead1;font-size:1rem}.project-diagram-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.project-diagram-grid figure{min-width:0}.project-diagram-grid .project-image-trigger{display:grid;grid-template-rows:minmax(0,1fr);place-items:center;height:230px;min-height:0;padding:.6rem;background:transparent}.project-diagram-grid img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;border-radius:.65rem}.project-diagram-grid figcaption{margin-top:.55rem;color:#f8f4eaa6;font-size:.8rem}@media(hover:none){.project-image-expand-mark{opacity:1}}.project-image-dialog{position:fixed;top:0;right:0;bottom:0;left:0;width:min(94vw,1280px);max-width:none;max-height:92vh;margin:auto;padding:3.5rem 1.5rem 1.25rem;overflow:auto;border:0;border-radius:.9rem;background:var(--ink);color:var(--white)}.project-image-dialog::backdrop{background:#080a09e0}.project-image-dialog figure{display:grid;justify-items:center;gap:.8rem}.project-image-dialog-content{display:block;max-width:100%;max-height:calc(88vh - 5rem);object-fit:contain;border-radius:.65rem}.project-image-dialog-caption{color:#f8f4eabf;font-size:.9rem;text-align:center}.project-image-dialog-close{position:absolute;top:.7rem;right:.9rem;width:2.5rem;aspect-ratio:1;border:0;background:transparent;color:var(--white);font-size:1.8rem;cursor:pointer}.project-story-media figcaption{margin-top:.6rem;color:#f8f4ea9e;font-size:.82rem;line-height:1.45}.project-flipbook-section{margin-top:clamp(3rem,8vw,6rem)}.project-flipbook-section h2{margin-bottom:1.25rem;font-size:2rem}.project-gallery{margin-top:clamp(3rem,8vw,6rem)}.project-gallery h2{margin-bottom:1.5rem;font-size:2rem}.project-gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.75rem,2vw,1.5rem)}.project-gallery-grid figure:first-child{grid-column:1 / -1}.project-gallery-grid img{display:block;width:100%;aspect-ratio:16 / 10;object-fit:cover;border-radius:.65rem}.project-detail[data-project=tanyyo] .project-gallery-grid figure:first-child{grid-column:auto}.project-detail[data-project=tanyyo] .project-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.project-detail[data-project=tanyyo] .project-gallery-grid img{width:auto;max-width:100%;max-height:520px;margin-inline:auto;aspect-ratio:auto;object-fit:contain;border-radius:0;background:transparent}.project-detail[data-project=pantry] .project-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-detail[data-project=pantry] .project-gallery-grid figure:first-child{grid-column:auto}.project-detail[data-project=pantry] .project-gallery-grid img{width:auto;max-width:100%;max-height:100%;margin-inline:auto;aspect-ratio:auto;object-fit:contain;border-radius:0;background:transparent}.project-detail[data-project=pantry] .project-gallery figure:nth-child(2) img{transform:translateY(34.5%)}.project-detail[data-project=pantry] .project-gallery .project-image-trigger{display:flex;align-items:flex-start;justify-content:center;aspect-ratio:16 / 9}.project-detail[data-project=pantry] .project-image-trigger:focus-visible{outline:none}.project-detail[data-project=pantry] .project-image-trigger:focus-visible .project-image-expand-mark{outline:2px solid var(--white);outline-offset:3px}@media(min-width:701px)and (max-width:1100px){.project-detail[data-project=tanyyo] .project-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-detail[data-project=tanyyo] .project-gallery-grid figure:last-child{grid-column:1 / -1}}.project-gallery-grid figcaption{margin-top:.65rem;color:#f8f4eaa6;font-size:.82rem}.project-detail-visual--flipbook{width:min(100%,960px);margin-inline:auto;min-height:0;padding:0;aspect-ratio:11 / 7;overflow:hidden;background:transparent}.project-detail-visual--flipbook iframe{display:block;width:100%;height:100%;border:0}.project-flipbook-fallback{display:inline-flex;margin-top:1rem;color:var(--gold);font-size:.9rem;text-decoration:underline;text-underline-offset:.2em}.project-switcher{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:3rem;padding-top:1.5rem;border-top:1px solid rgba(255,212,122,.35)}.project-switch-link{display:flex;flex-direction:column;gap:.5rem;min-width:0;min-height:64px;color:var(--white)}.project-switch-link span{color:var(--gold);font-size:.72rem;text-transform:uppercase}.project-switch-link strong{overflow-wrap:anywhere;font-family:var(--display);font-size:clamp(1rem,2.5vw,1.45rem)}.project-next{align-items:flex-end;text-align:right}@media(max-width:700px){.project-page{padding:.75rem 1rem 2rem}.project-page-toolbar{margin-bottom:1rem}.project-detail-heading{padding:1.75rem 0 1.25rem}.project-detail-heading h1{font-size:2.75rem}.project-detail-description{font-size:1.05rem}.project-detail-visual:not(.project-detail-visual--flipbook){aspect-ratio:3 / 2}.project-facts{grid-template-columns:1fr;gap:1.15rem;padding:1.25rem 0}.project-story-section{grid-template-columns:2rem minmax(0,1fr);gap:.35rem .75rem;padding:1.2rem 0}.project-story-section p{grid-column:2}.project-story-media,.project-story-media--pair{grid-column:2;grid-template-columns:minmax(0,1fr)}.project-diagram-set{grid-column:2}.project-diagram-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.project-diagram-grid .project-image-trigger{height:190px;padding:.25rem}.project-gallery-grid,.project-detail[data-project=tanyyo] .project-gallery-grid,.project-detail[data-project=pantry] .project-gallery-grid,.project-detail[data-project=frisboo] .project-gallery-grid{grid-template-columns:1fr}.project-gallery h2,.project-flipbook-section h2{font-size:1.5rem}.project-gallery-grid figure:first-child{grid-column:auto}.project-detail-visual--flipbook{width:100%}.project-switcher{gap:1rem;margin-top:2rem}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1100px){.cards{grid-template-columns:repeat(2,1fr)}.about-grid,.about-left{grid-template-columns:1fr}.about-copy h2,.about-copy p{justify-content:flex-start;text-align:left;margin-left:0}.tools{justify-content:flex-start}}@media(max-width:700px){.nav{padding:.9rem 1rem}.cards{grid-template-columns:1fr}.card{min-height:0}.cover-copy h1{font-size:18vw}.tools img{height:42px}}@media(max-width:700px){.nav{padding:.8rem max(1rem,env(safe-area-inset-left)) .8rem max(1rem,env(safe-area-inset-right))}.nav nav{gap:clamp(.65rem,3.5vw,1rem);font-size:clamp(.62rem,2.4vw,.78rem);letter-spacing:.06em}.nav{gap:.5rem}.language-switch{gap:0;padding:.1rem}.language-switch button{min-width:1.7rem;padding:.3rem;font-size:.62rem}.nav-mark{width:1.45rem;height:1.45rem}.nav nav{flex-shrink:1;min-width:0}.cover{min-height:100svh;min-height:100dvh;padding-inline:1rem}.cover-copy{width:min(100%,34rem)}.cover-title-everything{width:100%}.scroll-hint{bottom:max(1rem,env(safe-area-inset-bottom))}.projects{padding-inline:max(1rem,env(safe-area-inset-left)) max(1rem,env(safe-area-inset-right))}.cards{grid-template-columns:minmax(0,1fr);gap:.8rem}.card{border-radius:1.7rem}.experience{padding:3.5rem 1rem}.experience-entry{grid-template-columns:1fr auto;gap:.5rem 1rem}.experience-type{grid-column:1 / -1}.experience-entry>div{grid-column:1}.experience-date{grid-column:2;grid-row:2}}@media(max-width:380px){.nav{gap:.35rem}.nav-mark{flex:0 0 1.2rem;width:1.2rem;height:1.2rem}.nav nav{gap:.35rem;font-size:.56rem;letter-spacing:.02em}.language-switch button{min-width:1.45rem;padding-inline:.2rem;font-size:.56rem}}.about-copy .about-greeting{display:block;width:min(58%,420px);margin-left:auto;font-family:var(--display);font-size:clamp(3rem,6.4vw,5.6rem);font-stretch:condensed;font-weight:700;letter-spacing:0;line-height:.9;text-align:right;color:var(--gold)}.section-head h2,.experience .section-head h2,.contact h2{font-family:var(--display);font-stretch:condensed;font-weight:700;letter-spacing:0}.section-head h2{text-transform:uppercase}.contact h2{font-size:clamp(2.2rem,5vw,4.8rem);text-transform:uppercase}h1,h2,h3{font-family:var(--display);font-stretch:condensed;font-weight:700}.card-meta h3,strong,b{font-weight:700}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.card{border-radius:2.8rem;background:transparent}.card-visual{flex:1 1 auto;min-height:0;border-radius:2.8rem 2.8rem 0 0}.card-meta{flex:0 0 clamp(170px,25%,230px);min-height:0;display:flex;flex-direction:column;padding:2rem 1.4rem 2.9rem;border-radius:2.8rem 2.8rem 0 0;z-index:1}.card-meta .tag{margin:0}.card-meta .num{top:clamp(-2.7rem,-3.2vw,-1.4rem);right:1.35rem;font-size:clamp(7rem,12vw,12rem);line-height:.78;font-family:Helvetica Neue,Arial,sans-serif;font-weight:800;letter-spacing:-.04em;filter:none;text-shadow:none;text-rendering:geometricPrecision;stroke-linejoin:round;-webkit-text-stroke-linejoin:round;z-index:2}.card-meta h3{margin-top:auto;margin-bottom:0;padding-top:1.2rem}.card-meta .sub{margin-top:.25rem}.card.green .num{color:var(--white);right:1.35rem;-webkit-text-stroke:clamp(2rem,3.3vw,3.7rem) var(--green);paint-order:stroke fill}.card.cream .num{color:var(--ink);right:2.5rem;-webkit-text-stroke:clamp(2rem,3.3vw,3.7rem) var(--paper);paint-order:stroke fill}.card.placeholder .num,.card.split .num{right:2.5rem;-webkit-text-stroke:clamp(2rem,3.3vw,3.7rem) var(--gold);paint-order:stroke fill}.card.green .card-meta{background:var(--green)}.card.cream .card-meta{background:var(--paper)}.card.placeholder .card-meta,.card.split .card-meta{background:var(--gold)}.card[data-project=im-jetzt]{--card-surface: #4A5639;background:var(--card-surface);color:var(--white)}.card[data-project=im-jetzt] .card-meta{background:var(--card-surface)}.card[data-project=im-jetzt] .num{color:var(--white);-webkit-text-stroke-color:var(--card-surface)}.card[data-project=frisboo]{--card-surface: #08231c;background:var(--card-surface);color:var(--white)}.card[data-project=frisboo] .card-meta{background:var(--card-surface);color:var(--white)}.card[data-project=frisboo] .num{color:var(--white);-webkit-text-stroke-color:var(--card-surface)}.card[data-project=frisboo] .tag{max-width:clamp(6.5rem,46%,8rem);line-height:1.2}.gold-fill{border-radius:2.8rem 2.8rem 0 0}@media(max-width:1100px){.card-meta{flex-basis:clamp(165px,27%,220px)}.card-meta .num{font-size:clamp(6.5rem,17vw,10rem)}}@media(max-width:700px){.card-meta{flex-basis:170px;padding:1.7rem 1.15rem 2.5rem;border-radius:1.7rem 1.7rem 0 0}.card-visual{border-radius:1.7rem 1.7rem 0 0}.card-meta .num{top:-2.3rem;font-size:clamp(6.5rem,30vw,8.5rem)}.card.green .num{right:1.35rem}.card.cream .num,.card.placeholder .num,.card.split .num{right:2rem}.gold-fill{border-radius:1.7rem 1.7rem 0 0}}.about-grid{min-height:0;grid-template-columns:minmax(300px,.9fr) minmax(440px,1.5fr);gap:4vw;align-items:start}.portrait{width:190px;height:190px;max-height:none;object-fit:cover;object-position:center;border-radius:50%;mix-blend-mode:normal;filter:drop-shadow(18px 18px 20px rgba(0,0,0,.3))}@media(max-width:1100px){.about-grid{grid-template-columns:minmax(250px,.8fr) minmax(360px,1.4fr)}}@media(max-width:700px){.about{min-height:100svh;padding:5.5rem 1rem 1rem}.about-star{display:none}.about-grid{min-height:0;display:flex;flex-direction:column;gap:1rem;padding-top:0}.about-copy{width:100%;padding-top:0}.about-title{width:52%}.about-copy p{margin-top:1rem;font-size:1.1rem;text-align:right}.about-left{order:2;align-self:center}.portrait{width:156px;height:156px;max-height:none}.tools{position:relative;right:auto;bottom:auto;grid-template-columns:repeat(4,minmax(48px,1fr));gap:.7rem;width:100%;margin-top:.5rem}}html body .about .portrait.portrait-photo{filter:drop-shadow(0 14px 28px rgba(0,0,0,.3))!important;-webkit-filter:drop-shadow(0 14px 28px rgba(0,0,0,.3))!important;transition:none!important;animation:none!important}.nav-menu-toggle{display:none}@media(max-width:700px){.nav{justify-content:space-between}.nav-menu-toggle{position:relative;z-index:2;display:grid;place-content:center;gap:5px;width:44px;height:44px;border:0;border-radius:0;background:transparent;color:inherit;cursor:pointer}.nav-menu-toggle:focus-visible{outline:none}.nav-menu-toggle:focus-visible span{width:20px}.nav-menu-toggle span{width:17px;height:1px;background:currentColor;transition:transform .18s ease,opacity .18s ease}.nav.menu-open .nav-menu-toggle span:first-child{transform:translateY(6px) rotate(45deg)}.nav.menu-open .nav-menu-toggle span:nth-child(2){opacity:0}.nav.menu-open .nav-menu-toggle span:last-child{transform:translateY(-6px) rotate(-45deg)}.nav-menu{position:absolute;top:calc(100% + .4rem);right:max(1rem,env(safe-area-inset-right));display:none;flex-direction:column;align-items:flex-start;gap:1.25rem;width:min(17rem,calc(100vw - 2rem));padding:1.25rem;border:1px solid rgba(255,212,122,.35);border-radius:1rem;background:var(--ink);color:var(--gold);box-shadow:0 1rem 2rem #00000040}.nav.menu-open .nav-menu{display:flex}.nav nav{position:static;display:flex;flex-direction:column;align-items:flex-start;gap:1rem;transform:none;font-size:.85rem;letter-spacing:.08em}.nav .language-switch{align-self:stretch;position:relative;isolation:isolate;justify-content:stretch;gap:0;padding:3px;border:0;border-radius:999px;background:#ffd47a24}.nav .language-switch:before{position:absolute;z-index:-1;inset:3px auto 3px 3px;width:calc(50% - 3px);border-radius:999px;background:var(--gold);content:"";transition:transform .18s ease}.nav .language-switch[data-active-language=en]:before{transform:translate(100%)}.nav .nav-menu .language-switch button{position:relative;flex:1;min-width:0;padding:.45rem .5rem;color:var(--gold);transition:color .18s ease}.nav .nav-menu .language-switch button[aria-pressed=true]{background:transparent;color:var(--ink)}}@media(prefers-reduced-motion:reduce){.nav-menu-toggle span{transition:none}.nav .language-switch:before,.nav .language-switch button{transition:none}}.cover-star-left{z-index:1;top:5%;left:4%;width:min(26vw,320px);max-width:32vw;opacity:1;animation:none;translate:0 0;rotate:0deg;transition:translate 4.5s cubic-bezier(.35,0,.3,1),rotate 4.5s ease-in-out;filter:drop-shadow(0 12px 24px rgba(0,0,0,.26)) drop-shadow(0 0 30px rgba(255,212,122,.25))}.spark-contact{z-index:1;top:5%;right:4%;width:min(24vw,280px);opacity:1;animation:none;translate:0 0;rotate:0deg;transition:translate 5s cubic-bezier(.35,0,.3,1),rotate 5s ease-in-out;filter:drop-shadow(0 12px 24px rgba(0,0,0,.3)) drop-shadow(0 0 30px rgba(255,212,122,.28))}.contact{min-height:0;padding:clamp(4.5rem,7vw,6rem) 6vw .5rem;overflow:hidden}@media(max-width:700px){.cover-star-left{top:4%;left:3%;width:40vw;max-width:44vw}.spark-contact{top:3%;right:3%;width:min(40vw,155px)}.contact{min-height:0;padding:4.5rem 1rem .5rem}}.cover-star-left{z-index:1;top:5%;left:4%;width:min(26vw,320px);max-width:32vw;opacity:1;filter:drop-shadow(0 12px 24px rgba(0,0,0,.26)) drop-shadow(0 0 30px rgba(255,212,122,.25));animation:star-wander 28s ease-in-out infinite}.cover-copy{position:relative;z-index:2}.cover .scroll-hint{position:absolute;left:50%;bottom:max(1.6rem,env(safe-area-inset-bottom));z-index:2;transform:translate(-50%)}@keyframes star-wander{0%,to{translate:0 0;rotate:0deg}25%{translate:10px 6px;rotate:1.5deg}50%{translate:14px -8px;rotate:0deg}75%{translate:4px -12px;rotate:-1.5deg}}.contact{min-height:0;padding-bottom:1rem;overflow:hidden}.spark-contact{z-index:1;top:4%;right:3%;width:min(28vw,320px);opacity:1;filter:drop-shadow(0 12px 24px rgba(0,0,0,.3)) drop-shadow(0 0 30px rgba(255,212,122,.28));animation:star-wander 32s ease-in-out infinite reverse}.contact>:not(.spark-contact){position:relative;z-index:2}@media(max-width:700px){.cover-star-left{top:4%;left:3%;width:40vw;max-width:44vw}.spark-contact{top:3%;right:2%;width:36vw}.contact{min-height:0;padding:5.5rem 1rem 1rem}}.cover-star-left{z-index:1;top:5%;left:4%;width:min(26vw,320px);max-width:32vw;opacity:1;translate:0 0;rotate:0deg;transition:translate 4.5s cubic-bezier(.35,0,.3,1),rotate 4.5s ease-in-out;filter:drop-shadow(0 12px 24px rgba(0,0,0,.26)) drop-shadow(0 0 30px rgba(255,212,122,.25))}.spark-contact{z-index:1;top:5%;right:4%;width:min(24vw,280px);opacity:1;translate:0 0;rotate:0deg;transition:translate 5s cubic-bezier(.35,0,.3,1),rotate 5s ease-in-out;filter:drop-shadow(0 12px 24px rgba(0,0,0,.3)) drop-shadow(0 0 30px rgba(255,212,122,.28))}.contact{min-height:0;padding:7rem 6vw .75rem;overflow:hidden}.contact .fine{margin-top:.75rem}@media(max-width:700px){.cover-star-left{top:4%;left:3%;width:40vw;max-width:44vw}.spark-contact{top:4%;right:3%;width:min(40vw,155px)}.contact{min-height:0;padding:5.5rem 1rem .75rem}}@media(prefers-reduced-motion:reduce){.cover-star-left,.spark-contact{transition:none}}.nav.is-on-light{color:var(--ink)}.nav.is-on-light .language-switch button[aria-pressed=true]{background:var(--ink);color:var(--gold)}.cover{isolation:isolate;overflow:hidden}.cover-star-left{z-index:1;top:7%;left:4%;width:min(28vw,360px);max-width:32vw;opacity:1;filter:drop-shadow(0 12px 24px rgba(0,0,0,.24)) drop-shadow(0 0 28px rgba(255,212,122,.22));animation:star-drift 24s ease-in-out infinite}.cover .scroll-hint{position:absolute;left:50%;bottom:max(1.6rem,env(safe-area-inset-bottom));transform:translate(-50%)}@keyframes star-drift{0%,to{translate:0 0}25%{translate:8px -7px}50%{translate:12px 4px}75%{translate:3px 9px}}.spark-contact{z-index:1;top:4%;right:3%;width:min(32vw,340px);opacity:1;filter:drop-shadow(0 12px 24px rgba(0,0,0,.28)) drop-shadow(0 0 30px rgba(255,212,122,.26));animation:star-drift 28s ease-in-out infinite reverse}.contact{min-height:0;padding-bottom:1.25rem;overflow:hidden}.contact .fine{margin-top:1rem}@media(max-width:700px){.cover-star-left{top:5%;left:3%;width:52vw;max-width:58vw}.spark-contact{top:2%;right:2%;width:42vw}.contact{min-height:0;padding:5.5rem 1rem 1rem}}.cover{overflow:hidden}.cover-star-left{width:min(34vw,520px);max-width:42vw;top:4%;left:3%;opacity:1;animation:star-drift 22s ease-in-out infinite}.cover-copy{z-index:2}.cover .scroll-hint{position:absolute;z-index:2;bottom:max(1.6rem,env(safe-area-inset-bottom))}.contact{min-height:0;padding-bottom:2rem;overflow:hidden}.contact .fine{margin-top:2rem}.contact:before{top:-14%;left:-8%;width:auto;height:auto;right:auto;bottom:auto}.spark-contact{width:min(34vw,380px);top:5%;right:3%;opacity:1;animation:star-drift 26s ease-in-out infinite reverse}@media(max-width:700px){.cover-star-left{width:58vw;max-width:58vw;top:3%;left:2%}.spark-contact{width:46vw;top:2%;right:1%}.contact{min-height:0;padding:5.5rem 1rem 1.5rem}.contact .fine{margin-top:1.5rem}}@media(prefers-reduced-motion:reduce){.cover-star-left,.spark-contact{animation:none}}.cover-copy,.cover .scroll-hint{position:relative;z-index:2}.experience,.contact{isolation:isolate;background:transparent}.experience:before,.contact:before{content:"";position:absolute;z-index:0;top:-14%;right:-8%;bottom:-14%;left:-8%;width:auto;height:auto;pointer-events:none;filter:blur(48px)}.experience:before{background:radial-gradient(ellipse at 18% 24%,rgba(255,212,122,.11),transparent 68%),radial-gradient(ellipse at 86% 82%,rgba(255,212,122,.07),transparent 70%)}.contact:before{background:radial-gradient(ellipse at 88% 18%,rgba(255,212,122,.12),transparent 70%),radial-gradient(ellipse at 14% 82%,rgba(255,212,122,.07),transparent 72%)}.about .about-grid{min-height:0;align-items:flex-start}@media(max-width:700px){.about .about-grid{align-items:stretch}}@media(min-width:701px){.about .about-grid{align-items:center}.about .about-copy{align-self:center;margin-right:max(0px,calc((92vw - 1120px)/2));transform:translateY(clamp(.75rem,1.5vw,1.25rem))}}@keyframes star-drift{0%,to{translate:0 0}50%{translate:0 -18px}}.cover{isolation:isolate}.cover-star-left{z-index:1;opacity:.72;filter:drop-shadow(0 12px 24px rgba(0,0,0,.24)) drop-shadow(0 0 28px rgba(255,212,122,.22));animation:star-drift 18s ease-in-out infinite}.cover-copy,.scroll-hint{position:relative;z-index:2}.experience,.contact{isolation:isolate}.experience:before,.contact:before{content:"";position:absolute;z-index:0;top:-15%;right:-8%;bottom:-15%;left:-8%;width:auto;height:auto;pointer-events:none;background:radial-gradient(ellipse at 18% 28%,rgba(255,212,122,.1),transparent 68%),radial-gradient(ellipse at 88% 78%,rgba(255,212,122,.07),transparent 70%);filter:blur(48px)}.experience>*,.contact>:not(.spark-contact){position:relative;z-index:2}.spark-contact{z-index:1;opacity:.62;filter:drop-shadow(0 12px 24px rgba(0,0,0,.28)) drop-shadow(0 0 30px rgba(255,212,122,.26));animation:star-drift 20s ease-in-out infinite reverse}.about .about-extras{position:relative;z-index:3;width:min(100%,1120px);margin:clamp(2.5rem,5vw,4.5rem) auto 0}.about .about-extras .tools{position:relative;inset:auto;display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:clamp(.65rem,2vw,1.5rem);width:100%;margin:0 auto}.about .about-extras .tools li{display:grid;place-items:center;aspect-ratio:1;min-width:0}.about .about-extras .tools img{width:min(82%,88px);height:auto;max-height:88px;object-fit:contain}.skills-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(2rem,6vw,6rem);margin-top:clamp(2.5rem,5vw,4rem)}.skills-group h3{margin-bottom:.75rem;color:var(--gold-soft);font-family:var(--display);font-size:.8rem;font-stretch:condensed;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.skills-group ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(.75rem,2vw,2rem);list-style:none}.skills-group li{padding:.55rem 0;border-top:1px solid rgba(255,212,122,.22);color:var(--white);font-size:clamp(.82rem,1vw,.98rem);line-height:1.35}@media(max-width:700px){.about .about-extras{margin-top:2rem}.about .about-extras .tools{grid-template-columns:repeat(5,minmax(0,1fr));gap:.55rem}.about .about-extras .tools img{width:min(80%,64px);max-height:64px}.skills-grid{gap:1.25rem;margin-top:2.25rem}.skills-group ul{grid-template-columns:1fr}}.projects.light{margin-top:clamp(2rem,3vw,3rem);padding-top:clamp(4.75rem,5vw,5.25rem);padding-bottom:1.2rem}@media(max-width:900px){.about-star{display:none}}.about .portrait{width:190px;height:190px;max-height:none;object-fit:cover;object-position:center;border-radius:50%;mix-blend-mode:normal}@media(max-width:700px){.about .portrait{width:156px;height:156px}}@media(min-width:701px)and (max-width:1100px){.about-star{display:none}.about-grid{align-items:start;grid-template-columns:minmax(0,.9fr) minmax(0,1.5fr);gap:3vw}.about-left{align-self:start}.about .portrait{width:clamp(190px,30vw,300px);height:clamp(190px,30vw,300px)}}.about{min-height:100svh;padding:5.5rem 4vw 2.5rem;overflow:visible;background:linear-gradient(to bottom,transparent 0,var(--ink) 24%),radial-gradient(85% 80% at 88% 4%,rgba(255,212,122,.13),transparent 78%),radial-gradient(80% 72% at 12% 52%,rgba(255,212,122,.09),transparent 80%),var(--ink)}.about-star{width:min(72vw,980px);left:-22%;top:8%;opacity:.96;transform:rotate(28deg);filter:drop-shadow(0 0 26px rgba(255,212,122,.12))}.portrait{width:min(42vw,650px);max-height:72svh;object-fit:contain;object-position:bottom left;filter:drop-shadow(18px 18px 20px rgba(0,0,0,.3))}@media(max-width:1100px){.about-grid{grid-template-columns:minmax(250px,.8fr) minmax(360px,1.4fr)}.tools{right:3vw;bottom:2.5rem}}@media(max-width:700px){.about{min-height:100svh;padding:5.5rem 1rem 1rem}.about-star{width:125vw;left:-52%;top:10%}.about-grid{min-height:0;display:flex;flex-direction:column;gap:1rem;padding-top:0}.about-copy{width:100%}.about-title{width:52%}.about-copy p{margin-top:1rem;font-size:1.1rem;text-align:right}.about-left{order:2;align-self:center}.portrait{width:min(82vw,460px);max-height:none;object-position:bottom}.tools{position:relative;right:auto;bottom:auto;grid-template-columns:repeat(4,minmax(48px,1fr));gap:.7rem;width:100%;margin-top:.5rem}}.cover{min-height:100svh;overflow:visible;background:transparent}.cover:before,.cover:after,.about:before{content:"";position:absolute;z-index:0;width:78vw;height:62vh;pointer-events:none;background:radial-gradient(ellipse,rgba(255,212,122,.07),transparent 74%);filter:blur(48px)}.cover:before{width:42vw;height:34vh;left:-12%;top:-10%;background:radial-gradient(ellipse,rgba(255,212,122,.055),transparent 76%)}.cover:after{right:-18%;bottom:-24%}.cover-star{position:absolute;width:min(34vw,520px);opacity:.98;pointer-events:none}.cover-star-left{top:-13%;left:-10%;z-index:1;opacity:.72;filter:drop-shadow(0 12px 24px rgba(0,0,0,.24)) drop-shadow(0 0 28px rgba(255,212,122,.22));animation:star-drift 18s ease-in-out infinite}.cover-star-right{right:-9%;bottom:-18%;transform:rotate(180deg)}.cover-copy{width:min(88vw,1100px);margin-top:3vh;display:flex;flex-direction:column;align-items:center}.cover-title-everything{display:block;width:min(100%,980px);height:auto;margin-inline:auto}.cover-copy .year{margin-top:1rem;font-family:var(--display);font-size:clamp(2rem,4.5vw,4.5rem);font-weight:900}.about{min-height:100svh;padding:5rem 4vw 2rem;background:transparent;overflow:visible}.about:before{right:-18%;top:-24%}.about-star{position:absolute;width:min(34vw,500px);left:-10%;top:6%;opacity:.95;transform:rotate(45deg)}.about-grid{min-height:74svh;grid-template-columns:minmax(280px,.8fr) minmax(420px,1.65fr);gap:3vw;align-items:end}.about-left{align-self:end}.portrait{width:min(44vw,740px);max-height:76svh;object-fit:contain;object-position:bottom;mix-blend-mode:normal;filter:drop-shadow(0 18px 40px rgba(0,0,0,.35))}.about-copy{align-self:center;padding-top:7rem}.about-title{width:min(48%,420px);margin-left:auto}.about-copy p{max-width:62rem;margin-top:2rem;font-size:clamp(1.05rem,2.2vw,2.8rem);line-height:1.22;color:var(--gold)}.tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.5rem,1.5vw,1.4rem);margin:-2rem 1vw 0 auto;width:min(60%,760px)}.tools li{min-width:0}.tools img{width:100%;height:auto;mix-blend-mode:normal}.section-head{margin-bottom:1.7rem}.section-head img{width:clamp(150px,16vw,300px);height:auto}.projects{padding:4rem 2.6vw 4.5rem}.projects.dark{padding-top:.5rem;padding-bottom:4.5rem}.cards{gap:1.1rem;grid-auto-rows:minmax(600px,72vh)}.card{border-radius:2.8rem;box-shadow:0 1rem 2rem #25252526}.card-meta{padding:1.7rem 1.45rem 1.5rem;min-height:190px}.card-meta h3{font-size:clamp(1.35rem,2vw,2.2rem)}.num{font-size:clamp(5rem,8vw,8.5rem)}.contact{padding-top:7rem}.contact:before{content:"";position:absolute;z-index:0;top:-14%;right:-8%;bottom:-14%;left:-8%;width:auto;height:auto;pointer-events:none;background:radial-gradient(ellipse at 88% 18%,rgba(255,212,122,.12),transparent 70%),radial-gradient(ellipse at 14% 82%,rgba(255,212,122,.07),transparent 72%);filter:blur(48px)}@media(max-width:1100px){.about-grid{grid-template-columns:1fr 1.4fr}.about-copy{padding-top:5rem}.tools{width:min(75%,760px)}}@media(max-width:700px){.cover-copy{width:88vw}.cover-title-everything{width:100%}.cover-star{width:58vw}.about{padding:6rem 1rem 2rem}.about-grid{min-height:0;display:flex;flex-direction:column-reverse;align-items:stretch;gap:1rem;padding-top:6rem}.about-copy{padding-top:0}.about-title{width:55%}.about-copy p{font-size:1.15rem;text-align:left}.portrait{width:min(82vw,460px);margin:0 auto}.tools{width:100%;margin:1rem 0 0}.tools li{min-width:0}.projects{padding-inline:1rem}.cards{grid-auto-rows:minmax(520px,70vh)}}.about{min-height:100svh;padding:5.5rem 4vw 2.5rem;overflow:visible;background:transparent}.about-star{width:min(72vw,980px);left:-22%;top:8%;transform:rotate(28deg);filter:drop-shadow(0 0 26px rgba(255,212,122,.12))}.about-grid{min-height:72svh;grid-template-columns:minmax(300px,.9fr) minmax(440px,1.5fr);gap:4vw;align-items:center}.about-left{align-self:end;z-index:2}.portrait{width:min(42vw,650px);max-height:72svh;object-position:bottom left;filter:drop-shadow(18px 18px 20px rgba(0,0,0,.3))}.about-copy{align-self:start;padding-top:.5rem;z-index:2}.about-title{width:min(58%,420px);margin-left:auto}.about-copy p{max-width:58rem;margin-top:2rem;margin-left:auto;text-align:right;font-size:clamp(1.05rem,1.8vw,2rem);line-height:1.15;color:var(--gold)}.tools{position:absolute;z-index:3;right:4vw;bottom:3.5rem;display:grid;grid-template-columns:repeat(4,clamp(58px,7.2vw,112px));gap:clamp(.65rem,1.8vw,1.7rem);width:auto;margin:0}.tools li{display:grid;place-items:center;perspective:500px}.tools img{width:100%;height:auto;transform:translateZ(0);filter:drop-shadow(0 10px 7px rgba(0,0,0,.32)) drop-shadow(0 2px 1px rgba(255,255,255,.2));transition:transform .3s ease,filter .3s ease}.tools li:hover img{transform:translateY(-6px) rotateX(4deg) rotateY(-4deg);filter:drop-shadow(0 16px 9px rgba(0,0,0,.38)) drop-shadow(0 2px 1px rgba(255,255,255,.25))}.projects.light{padding-bottom:clamp(4rem,7vw,6rem)}@media(max-width:700px){.about{min-height:100svh;padding:5.5rem 1rem 1rem}.about-star{width:125vw;left:-52%;top:10%}.about-grid{min-height:0;display:flex;flex-direction:column;gap:1rem;padding-top:0}.about-copy{width:100%;padding-top:0}.about-title{width:52%}.about-copy p{margin-top:1rem;font-size:1.1rem;text-align:right}.about-left{order:2;align-self:center}.portrait{width:min(82vw,460px);max-height:none}.tools{position:relative;right:auto;bottom:auto;grid-template-columns:repeat(4,minmax(48px,1fr));gap:.7rem;width:100%;margin-top:.5rem}}
