@charset "UTF-8";
@font-face{font-family:Syne;src:url('assets/fonts/syne-700.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'DM Sans';src:url('assets/fonts/dm-sans-400.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'DM Sans';src:url('assets/fonts/dm-sans-500.ttf') format('truetype');font-weight:500 700;font-style:normal;font-display:swap}
:root{--paper:#efefe9;--ink:#20201c;--muted:#6b6b62;--orange:#ed542e;--line:#cdcdc4;--dark:#20211f;--display:Syne,Arial,sans-serif;--body:'DM Sans','Segoe UI',sans-serif;color:var(--ink);background:var(--paper);font-family:var(--body);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button,summary{touch-action:manipulation;-webkit-tap-highlight-color:transparent}h1,h2,h3,p{margin:0}button,a,summary{outline-offset:6px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--orange)}::selection{background:var(--orange);color:var(--paper)}img{display:block;width:100%;height:100%;object-fit:cover}.frame{width:min(1440px,calc(100% - 112px));margin-inline:auto}.skip-link{position:fixed;top:-90px;left:20px;padding:16px;background:var(--orange);z-index:90}.skip-link:focus{top:15px}.header{position:sticky;top:0;z-index:30;background:var(--paper);transition:box-shadow .25s}.header.is-scrolled{box-shadow:0 1px var(--line)}.header-inner{height:90px;display:flex;align-items:center;gap:42px;border-bottom:1px solid var(--line)}.wordmark{font-family:var(--display);font-weight:700;font-size:2rem;letter-spacing:-.09em;white-space:nowrap;line-height:1}.wordmark>span{color:var(--orange);margin-left:4px;font-family:var(--body);font-weight:400}.header-label{font-size:.75rem;line-height:1.3;letter-spacing:.035em}.header nav{display:flex;align-items:center;gap:38px;margin-left:auto;font-size:.875rem}.header nav>a{padding-block:15px}.header nav>a:hover{color:var(--orange)}.header nav sup{font-size:.75rem;vertical-align:super;margin-left:3px}.nav-contact{display:flex;gap:32px;align-items:center;border-bottom:1px solid var(--ink)}.nav-contact>span{font-size:1.25rem}.menu-toggle{display:none;border:0;background:none;font-size:.875rem;padding:12px 0}.menu-toggle[hidden]{display:none}
.hero{padding-top:38px}.hero-top{display:flex;justify-content:space-between;gap:20px;font-size:.75rem;letter-spacing:.045em}.hero-top>span{color:var(--muted)}.hero-composition{display:grid;grid-template-columns:minmax(0,1fr) 28%;align-items:start;gap:2%;padding-block:33px 37px}.hero-identity{position:relative;z-index:2}h1{font-family:var(--display);font-weight:700;font-size:clamp(5rem,11.15vw,10.8rem);line-height:.87;letter-spacing:-.065em;margin-left:-.018em}.title-line{display:block}.title-line+.title-line{margin-top:10px}.orange-dot{color:var(--orange)}.hero-intro{display:flex;align-items:start;gap:28px;margin-top:42px}.intro-line{height:1px;width:70px;background:var(--ink);margin-top:12px}.hero-intro p{font-size:1rem;line-height:1.65;color:var(--muted)}.hero-intro strong{color:var(--ink);font-weight:400}.hero-feature{display:block;align-self:center;position:relative;margin-top:14px;transform:rotate(3deg);transition:transform .55s cubic-bezier(.2,.7,.2,1);background:#e4e3db;padding:10px 10px 0;box-shadow:0 12px 35px #20201c18}.hero-feature:hover{transform:rotate(0deg) translateY(-5px)}.feature-photo{height:clamp(200px,23vw,330px);overflow:hidden;position:relative;background:#262e22}.feature-photo img{transition:transform .8s;object-position:50% 46%}.hero-feature:hover img{transform:scale(1.04)}.feature-visit{position:absolute;right:15px;bottom:15px;background:var(--paper);width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-size:1.4rem}.feature-caption{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;padding:15px 2px 18px}.feature-caption strong{display:block;font-size:.875rem;font-weight:500;margin-top:5px}.micro{font-size:.75rem;letter-spacing:.055em;color:#65665e}.feature-count{font-size:.75rem;white-space:nowrap;color:#65665e}.feature-side{position:absolute;font-size:.75rem;writing-mode:vertical-rl;right:-21px;top:0;letter-spacing:.06em;color:var(--muted)}.hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--line);padding-block:23px 28px;font-size:.875rem}.hero-bottom>a{display:flex;align-items:center;gap:30px;min-height:28px}.hero-bottom>a>span{font-size:1.3rem}.hero-bottom>a:hover{color:var(--orange)}.hero-bottom>span{font-size:.75rem;color:var(--muted);letter-spacing:.03em}
.work-section{background:var(--dark);color:var(--paper);padding-block:94px 105px}.section-heading{display:grid;grid-template-columns:1fr 2.1fr;gap:50px;align-items:start;margin-bottom:61px}.section-index{font-size:.75rem;letter-spacing:.055em;line-height:1.6;padding-top:8px}h2{font-family:var(--display);font-weight:700;font-size:clamp(2.5rem,4.65vw,4.6rem);line-height:1.05;letter-spacing:-.05em}.muted-heading{color:#8f9188}.work-intro{font-size:1rem;line-height:1.65;color:#b3b5ab;margin-top:27px}.project-image{display:block;position:relative;overflow:hidden;background:#313831}.project-image img{transition:transform 1s cubic-bezier(.2,.6,.2,1)}.project-image:hover img{transform:scale(1.035)}.cinema-image{aspect-ratio:2.02}.cinema-image img{filter:brightness(.77);object-position:50% 48%}.cinema-title{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:22px;color:white;pointer-events:none;text-align:center}.cinema-title>span{font-size:.75rem;letter-spacing:.22em}.cinema-title>strong{font-family:Georgia,'Times New Roman',serif;font-size:clamp(3rem,6.5vw,6.5rem);font-weight:400;line-height:.98;letter-spacing:-.045em}.image-link{position:absolute;bottom:24px;right:27px;padding:11px 16px;background:var(--paper);color:var(--ink);font-size:.875rem;display:flex;gap:27px;align-items:center;transition:background .25s,color .25s}.image-link>span{font-size:1.3rem}.project-image:hover .image-link{background:var(--orange);color:var(--ink)}.project-description{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:start;padding-top:25px}.project-number{font-size:.75rem;letter-spacing:.045em;color:#a0a399;line-height:1.5}.project-description h3{font-family:var(--display);font-size:1.6rem;letter-spacing:-.035em;font-weight:700;line-height:1.3;margin-top:10px}.project-description>p{font-size:1rem;line-height:1.7;color:#b3b5ab;padding-top:4px}.project-split{display:grid;grid-template-columns:1.08fr 1fr;gap:9%;align-items:center;margin-top:112px}.barber-image{aspect-ratio:1.05}.barber-image img{object-position:50% 47%}.split-copy{position:relative;padding-block:10px}.split-copy h3{font-family:var(--display);font-size:clamp(2.5rem,4.2vw,4.1rem);line-height:1.06;letter-spacing:-.05em;margin-top:26px}.split-copy h3>span{color:var(--orange)}.split-copy>p:not(.project-number){font-size:1rem;color:#b3b5ab;line-height:1.75;margin-top:27px;max-width:370px}.underlined-link{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;border-bottom:1px solid currentColor;padding-block:10px;font-size:.875rem;line-height:1.4}.underlined-link>span{font-size:1.3rem;transition:transform .3s}.underlined-link:hover>span{transform:translate(3px,-3px)}.underlined-link:hover{color:var(--orange)}.split-copy>.underlined-link{margin-top:17px}.project-word{display:block;font-size:.75rem;letter-spacing:.07em;line-height:1.4;color:#a0a399;margin-top:49px}.project-reverse{grid-template-columns:1fr 1.08fr}.project-reverse .project-image{order:2}.project-reverse .split-copy{order:1;padding-left:9%}.salon-image{aspect-ratio:1.05;background:black}.salon-image img{object-position:53% 50%}
.expertise{padding-block:97px 100px}.expertise .section-heading{margin-bottom:61px}.light-heading{color:#7a7b71}.expertise-grid{display:grid;grid-template-columns:1fr 2.1fr;gap:50px}.expertise-note{padding-top:17px}.bracket{font-family:var(--display);font-size:1.7rem;letter-spacing:-.08em;color:var(--orange);display:block;margin-bottom:27px}.expertise-note>p{font-size:1rem;line-height:1.65}.expertise-note>.secondary-copy{color:var(--muted);margin-top:18px;max-width:270px}.expertise-note>.underlined-link{margin-top:26px;font-size:.875rem;gap:15px}.service{border-top:1px solid var(--line)}.service:last-child{border-bottom:1px solid var(--line)}.service summary{display:flex;align-items:center;list-style:none;cursor:pointer;padding-block:25px;gap:30px}.service summary::-webkit-details-marker{display:none}.service-number{font-size:.75rem;color:var(--muted)}.service h3{font-family:var(--display);font-size:2.1rem;letter-spacing:-.04em;line-height:1.3}.expand-icon{margin-left:auto;height:19px;width:19px;position:relative;flex-shrink:0}.expand-icon:before,.expand-icon:after{content:"";position:absolute;top:9px;left:1px;width:17px;height:1px;background:var(--ink)}.expand-icon:after{transform:rotate(90deg);transition:transform .2s}.service[open] .expand-icon:after{transform:rotate(0)}.service[open] h3{color:var(--orange)}.service-body{padding:0 48px 30px;font-size:1rem;line-height:1.8;max-width:650px;color:var(--muted)}.service-body>a{display:inline-flex;align-items:center;gap:25px;font-size:.875rem;color:var(--ink);margin-top:19px;padding-block:5px}.service-body>a:hover{color:var(--orange)}
.about-section{background:#dedfd6;padding-block:71px 76px}.about-inner{display:grid;grid-template-columns:1fr 2.1fr;gap:50px}.about-copy h2{font-size:clamp(2.4rem,4vw,4rem)}.about-copy h2>span{color:#787a70}.about-bottom{display:grid;grid-template-columns:1fr 1fr;gap:36px;margin-top:34px}.about-bottom>p{font-size:1rem;line-height:1.8;color:#53574e}
.contact{padding-block:87px 65px}.contact-label{display:flex;justify-content:space-between;align-items:baseline;gap:30px}.contact-label>span{font-size:.75rem;letter-spacing:.035em;color:var(--muted)}.contact-title-row{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-top:50px}.contact h2{font-size:clamp(3.4rem,8.7vw,8.5rem);line-height:.99;letter-spacing:-.055em}.contact h2>span{color:var(--orange)}.contact-arrow{width:clamp(92px,13vw,185px);aspect-ratio:1;flex-shrink:0;border-radius:50%;display:grid;place-items:center;background:var(--orange);transition:transform .35s,background .25s,color .25s;color:var(--ink)}.contact-arrow>span{font-family:Arial,sans-serif;font-size:clamp(3.5rem,7.4vw,7rem);line-height:1;transition:transform .35s}.contact-arrow:hover{transform:rotate(8deg);background:var(--ink);color:var(--paper)}.contact-arrow:hover>span{transform:translate(3px,-3px)}.contact-bottom{display:flex;justify-content:space-between;gap:40px;margin-top:49px;padding-top:30px;border-top:1px solid var(--line)}.email-address{font-size:clamp(1.2rem,2.5vw,2.1rem);letter-spacing:-.035em;display:block;overflow-wrap:anywhere}.email-address:hover{color:var(--orange)}.copy-email{border:0;background:none;font-size:.75rem;color:var(--muted);padding:11px 0;min-height:40px}.copy-email:hover{color:var(--ink);text-decoration:underline}.copy-status{font-size:.875rem;color:#7a3e20;min-height:1em}.contact-instruction>.underlined-link{padding-top:0}.contact-instruction>p{font-size:.875rem;line-height:1.7;color:var(--muted);margin-top:14px}.footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-block:24px 30px}.footer .wordmark{font-size:1.7rem}.footer>p{font-size:.75rem;color:var(--muted)}.footer>.back-top{font-size:.875rem;display:flex;gap:25px}.footer>.back-top:hover{color:var(--orange)}
.reveal{opacity:1;transform:none}.motion-ready .reveal{transition:opacity .7s ease,transform .85s cubic-bezier(.2,.7,.2,1)}.motion-ready .reveal:not(.is-visible){opacity:0;transform:translateY(30px)}.hero-top{animation:appear .65s both}.title-line{animation:title-in 1s cubic-bezier(.2,.7,.2,1) .08s both}.title-line+.title-line{animation-delay:.17s}.hero-intro{animation:appear .8s .3s both}.hero-feature{animation:feature-in 1.05s cubic-bezier(.2,.7,.2,1) .22s both}.hero-bottom{animation:appear .7s .4s both}@keyframes title-in{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes appear{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes feature-in{from{opacity:0;transform:translateY(22px) rotate(7deg)}to{opacity:1;transform:translateY(0) rotate(3deg)}}
@media(min-width:1600px){.hero-composition{padding-block:43px 53px}h1{font-size:11.7rem}.hero-intro{margin-top:53px}.hero-feature{margin-top:25px}.feature-photo{height:360px}}
@media(max-width:1100px){.frame{width:calc(100% - 72px)}.header-inner{gap:28px}.header nav{gap:25px}h1{font-size:11.3vw}.hero-composition{grid-template-columns:minmax(0,1fr) 29%;padding-block:36px}.hero-intro{margin-top:33px;gap:20px}.intro-line{width:40px}.feature-count{display:none}.hero-bottom>span{display:none}.section-heading,.expertise-grid,.about-inner{grid-template-columns:1fr 2.2fr;gap:30px}.project-split{gap:7%;margin-top:87px}.split-copy h3{font-size:4.3vw}.project-word{margin-top:28px}.service summary{gap:20px}.service h3{font-size:1.9rem}.service-body{padding-left:35px;padding-right:0}.contact-title-row{gap:20px}.contact h2{font-size:8.6vw}}
@media(max-width:760px){html{scroll-padding-top:90px}.frame{width:calc(100% - 40px)}.header-inner{height:auto;min-height:76px;flex-wrap:wrap;gap:0}.wordmark{font-size:1.8rem}.header-label{font-size:.75rem;margin-left:23px;line-height:1.35}.menu-toggle:not([hidden]){display:flex;align-items:center;gap:24px;margin-left:auto}.menu-toggle>span{font-size:1.4rem;line-height:1}.header nav{width:100%;display:flex;flex-direction:column;align-items:stretch;gap:0;order:3;padding:13px 0 23px;font-size:1rem}.js-enabled .header nav:not(.is-open){display:none}.header nav>a{padding:14px 0}.header nav .nav-contact{justify-content:space-between;border-bottom:0;border-top:1px solid var(--line);margin-top:10px;padding-bottom:5px}.hero{padding-top:25px}.hero-top{font-size:.75rem;letter-spacing:.045em}.hero-top>span{display:none}.hero-composition{grid-template-columns:1fr;padding-block:27px 0;gap:0}.hero-identity{z-index:1}h1{font-size:16.5vw;line-height:.93;letter-spacing:-.065em}.title-line+.title-line{margin-top:3px}.hero-intro{margin-top:29px;gap:17px}.intro-line{width:30px;margin-top:13px}.hero-intro p{font-size:1rem;line-height:1.65}.hero-feature{width:65%;max-width:330px;margin:30px 14px 29px auto;padding:8px 8px 0}.feature-photo{height:auto;aspect-ratio:1.05}.feature-visit{width:36px;height:36px;bottom:12px;right:12px;font-size:1.2rem}.feature-caption{padding:11px 2px 13px}.feature-caption strong{font-size:.875rem;margin-top:3px}.feature-side{right:-17px;font-size:.75rem}.hero-bottom{margin-top:10px;padding-block:19px 23px;font-size:.75rem;gap:15px}.hero-bottom>a{gap:12px}.hero-bottom>a:last-child{max-width:145px}.hero-bottom>a>span{font-size:1.2rem;flex-shrink:0}.work-section{padding-block:51px 57px}.section-heading{grid-template-columns:1fr;gap:25px;margin-bottom:32px}.section-index{font-size:.75rem;padding:0;letter-spacing:.035em}h2{font-size:clamp(2.1rem,7.8vw,3.2rem);line-height:1.07;letter-spacing:-.05em}.work-intro{margin-top:23px;font-size:1rem;line-height:1.7}.cinema-image{aspect-ratio:1.1}.cinema-image img{object-position:51% 50%}.cinema-title{gap:18px;padding-bottom:30px}.cinema-title>span{font-size:.75rem;letter-spacing:.17em}.cinema-title>strong{font-size:clamp(2.8rem,11.7vw,4.5rem)}.image-link{right:16px;bottom:16px;font-size:.75rem;gap:20px;padding:9px 12px}.image-link>span{font-size:1.15rem}.project-description{grid-template-columns:1fr;gap:15px;padding-top:22px}.project-number{font-size:.75rem;letter-spacing:.02em;line-height:1.6}.project-description h3{font-size:1.3rem;line-height:1.3;margin-top:8px}.project-description>p{font-size:1rem;padding:0;line-height:1.7}.project-split,.project-reverse{grid-template-columns:minmax(0,1fr);gap:24px;margin-top:58px}.project-reverse .project-image{order:0}.project-reverse .split-copy{order:0;padding:0}.barber-image,.salon-image{aspect-ratio:1.07}.split-copy{padding:0}.split-copy h3{font-size:2.7rem;line-height:1.05;margin-top:16px}.split-copy h3 br{display:initial}.split-copy>p:not(.project-number){margin-top:18px;max-width:100%;font-size:1rem}.split-copy>.underlined-link{margin-top:14px}.underlined-link{font-size:.875rem;padding-block:10px}.project-word{display:none}.expertise{padding-block:52px 56px}.expertise .section-heading{margin-bottom:30px}.expertise-grid{grid-template-columns:1fr;gap:34px}.expertise-note{padding:0}.bracket{margin-bottom:18px;font-size:1.6rem}.expertise-note>p{font-size:1rem}.expertise-note>.secondary-copy{max-width:100%;margin-top:13px}.expertise-note>.underlined-link{margin-top:17px;gap:26px}.service summary{padding-block:21px;gap:24px}.service h3{font-size:1.8rem}.service-body{padding-left:39px;padding-bottom:25px;font-size:1rem;line-height:1.75}.service-body>a{margin-top:15px}.about-section{padding-block:46px 48px}.about-inner{grid-template-columns:1fr;gap:26px}.about-copy h2{font-size:clamp(2.1rem,7.8vw,3.2rem)}.about-bottom{grid-template-columns:1fr;gap:18px;margin-top:26px}.about-bottom>p{font-size:1rem;line-height:1.75}.contact{padding-block:53px 38px}.contact-label>span{display:none}.contact-title-row{margin-top:32px;align-items:flex-end;gap:12px}.contact h2{font-size:clamp(2.55rem,10vw,4.5rem);line-height:1.02}.contact-arrow{width:60px;margin-bottom:3px}.contact-arrow>span{font-size:2.6rem}.contact-bottom{flex-direction:column;gap:26px;margin-top:30px;padding-top:23px}.email-address{font-size:1.45rem}.copy-status:empty{display:none}.copy-email{font-size:.875rem}.contact-instruction>p{font-size:.875rem;margin-top:12px}.footer{padding-block:23px;font-size:.75rem;gap:15px}.footer .wordmark{font-size:1.5rem}.footer>.back-top{gap:10px;font-size:.75rem}.footer>p{font-size:.75rem}}
@media(max-width:380px){.frame{width:calc(100% - 32px)}.header-label{margin-left:18px}.hero-feature{width:70%}.hero-bottom>a:last-child{max-width:128px}.contact-title-row{flex-wrap:wrap;gap:24px}.contact h2{font-size:11.5vw}.contact-arrow{width:58px}.service h3{font-size:1.65rem}.split-copy h3{font-size:2.3rem}.footer>p{max-width:110px;text-align:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready .reveal:not(.is-visible){opacity:1;transform:none}.hero-feature:hover{transform:rotate(3deg)}}
@media print{.header{position:static}.motion-ready .reveal:not(.is-visible){opacity:1;transform:none}.menu-toggle,.copy-email{display:none!important}.project{break-inside:avoid}.work-section{print-color-adjust:exact}}

/* Selezione dei progetti e piattaforme */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.hero-feature{animation-fill-mode:backwards}
.hero-feature:focus-within{transform:rotate(0deg)}
.feature-slides{display:grid;position:relative}
.feature-slide{grid-area:1/1;min-width:0;position:relative;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .65s ease,visibility .65s ease}
.feature-slide.is-active{opacity:1;visibility:visible;pointer-events:auto}
.feature-slide .feature-photo img{transform:scale(1.025);transition:transform 1.1s cubic-bezier(.2,.65,.2,1)}
.feature-slide.is-active .feature-photo img{transform:scale(1)}
.hero-feature:hover .feature-slide.is-active .feature-photo img{transform:scale(1.035)}
.feature-cinema img{object-position:51% 50%}.feature-salon img{object-position:53% 50%}
.feature-caption{min-height:90px;align-items:flex-start;padding-bottom:12px}
.feature-caption strong{line-height:1.4}
.feature-controls{display:flex;align-items:center;gap:8px;border-top:1px solid #c7c8be;padding:5px 0}
.feature-controls[hidden]{display:none}
.feature-dots{display:flex;align-items:center}
.feature-dot,.feature-playback{background:none;border:0;color:var(--ink);width:32px;height:34px;padding:0;display:grid;place-items:center}
.feature-dot span{height:3px;width:13px;background:#9a9c90;transition:width .25s,background .25s}
.feature-dot.is-current span{width:25px;background:#b33b1d}
.feature-dot:hover span{background:var(--ink)}
.feature-position{margin-left:auto;font-size:.75rem;white-space:nowrap;color:#606258}
.feature-playback{margin-left:auto;font-size:1rem}
.feature-playback:hover{background:#d6d7cd}
.feature-playback[hidden]{display:none}
.platforms{display:flex;flex-wrap:wrap;align-items:center;gap:25px;margin-top:22px;font-size:.875rem;color:var(--ink)}
.platforms>span{display:inline-flex;align-items:center;gap:9px;min-height:27px}
.platforms img{width:23px;height:23px;object-fit:contain}
.platforms img[src$="android.svg"]{width:27px}
.platforms-light{color:var(--paper)}
.platforms-light img{filter:invert(1)}
.industrial-project{margin-top:105px;padding:36px 42px 24px;border:1px solid #4a4d43;background:#282a25;position:relative}
.industrial-project:before{content:"";position:absolute;left:-1px;top:36px;width:3px;height:42px;background:var(--orange)}
.industrial-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:70px;align-items:center;margin-top:28px}
.industrial-layout h3{font-family:var(--display);font-size:clamp(2.25rem,4.1vw,4rem);line-height:1.08;letter-spacing:-.05em}
.industrial-layout h3>span{color:#d3d5c9}
.industrial-copy>p{font-size:1rem;line-height:1.8;color:#b3b5ab}
.industrial-copy>p+p{margin-top:15px}
.industrial-copy>.underlined-link{margin-top:22px}
.industrial-footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #4a4d43;padding-top:22px;margin-top:35px;font-size:.75rem;letter-spacing:.04em;color:#a0a399}
.about-portrait{position:relative;margin:28px auto 0;width:100%;max-width:360px;isolation:isolate;perspective:900px;padding:14px 18px 0}
.portrait-backdrop{position:absolute;z-index:-1;inset:18% 2% 17%;border-radius:50%;background:var(--orange);transform:rotate(-9deg)}
.portrait-depth{transform:rotate(-5deg);transform-style:preserve-3d;transition:transform .65s cubic-bezier(.2,.7,.2,1)}
.about-portrait .portrait-sticker{display:block;width:100%;height:auto;object-fit:contain;filter:drop-shadow(8px 16px 8px #282a2538);transform-origin:50% 80%;animation:sticker-float 7s ease-in-out infinite;animation-play-state:paused}
.about-portrait figcaption{display:flex;justify-content:space-between;gap:12px;position:relative;margin-top:25px;font-size:.625rem;letter-spacing:.075em;color:#53574e}
.about-person .section-index{margin-bottom:0}
.footer{flex-wrap:wrap}.icon-credits{flex-basis:100%;font-size:.75rem;line-height:1.7;color:var(--muted);margin-top:5px}.icon-credits summary{cursor:pointer;display:list-item;list-style:disclosure-closed inside;width:fit-content}.icon-credits[open] summary{list-style-type:disclosure-open}.icon-credits p{max-width:760px;margin-top:12px}.icon-credits a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:1100px){.industrial-project{padding-inline:30px}.industrial-layout{gap:35px}.feature-caption{min-height:96px}}
@media(max-width:760px){.feature-caption{min-height:91px;padding-bottom:9px}.feature-controls{gap:4px}.feature-slide .feature-side{right:-17px}.platforms{margin-top:20px;gap:24px}.industrial-project{margin-top:55px;padding:25px 22px 20px}.industrial-project:before{top:24px;height:32px}.industrial-layout{grid-template-columns:minmax(0,1fr);gap:26px;margin-top:22px}.industrial-layout h3{font-size:clamp(1.8rem,7vw,2.9rem);line-height:1.1}.industrial-copy>.underlined-link{gap:18px;margin-top:16px}.industrial-footer{margin-top:25px;padding-top:17px;flex-direction:column;gap:9px;line-height:1.5}.about-portrait{max-width:280px;margin-top:24px}}
@media(max-width:380px){.feature-position{display:none}.industrial-project{padding-inline:18px}.industrial-copy>.underlined-link{font-size:.875rem;gap:12px}}
@media(prefers-reduced-motion:reduce){.hero-feature:focus-within{transform:rotate(3deg)}.feature-slide .feature-photo img,.hero-feature:hover .feature-slide.is-active .feature-photo img{transform:none}}
@media print{.feature-controls{display:none}.feature-slide:not(.is-active){display:none}.industrial-project{break-inside:avoid}}

/* Identity: slow automatic movement, with an accessible pause control. */
.hero-tools{display:flex;align-items:center;gap:26px}
.motion-toggle{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:5px 0;border:0;background:none;color:var(--muted);font-size:.6875rem;letter-spacing:0;text-transform:none;white-space:nowrap}
.motion-toggle[hidden]{display:none}
.motion-light{height:5px;width:5px;margin-right:2px;border-radius:50%;background:var(--orange)}
.motion-toggle[aria-pressed="false"] .motion-light{background:#8b8d80}
.motion-toggle:hover{color:var(--ink)}
.name-trigger{display:block;margin:0;padding:0;border:0;background:none;color:inherit;font:inherit;letter-spacing:inherit;line-height:inherit;text-align:left;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.name-trigger:disabled{cursor:default;opacity:1;color:inherit}
.name-letter{--letter-color:var(--ink);display:inline-block;transform-origin:50% 80%;color:var(--letter-color);animation:name-wave 8.4s cubic-bezier(.4,0,.2,1) infinite;animation-delay:calc(1.1s + var(--letter-index)*.065s);animation-play-state:paused}
.name-letter.orange-dot{--letter-color:var(--orange)}
.ambient-motion .name-trigger.is-in-view .name-letter,.ambient-motion .about-portrait.is-in-view .portrait-sticker{animation-play-state:running}
.ambient-motion .name-trigger.is-in-view.is-replaying .name-letter{animation:name-tap 1.05s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--letter-index)*.065s)}
html:not(.ambient-motion) .name-letter,html:not(.ambient-motion) .portrait-sticker{animation:none}
.about-inner{grid-template-columns:minmax(0,1fr) minmax(0,1.7fr);align-items:center;gap:72px}
.about-copy>.underlined-link{margin-top:28px}
@keyframes name-wave{0%,22%,100%{transform:translateY(0) rotate(0);color:var(--letter-color)}7%{transform:translateY(-.055em) rotate(-2deg);color:var(--orange)}14%{transform:translateY(.012em) rotate(.5deg);color:var(--letter-color)}}
@keyframes name-tap{0%,100%{transform:translateY(0) rotate(0);color:var(--letter-color)}35%{transform:translateY(-.07em) rotate(-3deg);color:var(--orange)}70%{transform:translateY(.015em) rotate(.7deg);color:var(--letter-color)}}
@keyframes sticker-float{0%,100%{transform:translate3d(0,0,0) rotate(0)}50%{transform:translate3d(0,-9px,12px) rotate(2deg)}}
@media(hover:hover) and (pointer:fine){.ambient-motion .about-portrait:hover .portrait-depth{transform:rotate(-1deg) rotateY(-9deg) rotateX(3deg)}}
@media(max-width:1100px){.about-inner{grid-template-columns:minmax(0,1fr) minmax(0,1.65fr);gap:38px}.about-bottom{grid-template-columns:1fr;gap:18px}.hero-tools{gap:18px}}
@media(max-width:760px){.hero-tools>span{display:none}.hero-top{gap:12px}.about-inner{grid-template-columns:minmax(0,1fr);gap:38px}.about-portrait{max-width:295px;margin:25px auto 0;padding:12px 18px 0}.about-portrait figcaption{margin-top:22px}.about-copy>.underlined-link{margin-top:21px}.motion-toggle{font-size:.625rem;min-height:36px}}
@media(prefers-reduced-motion:reduce){.name-letter,.portrait-sticker{animation:none!important}.about-portrait:hover .portrait-depth{transform:rotate(-5deg)}}
@media print{.motion-toggle{display:none}.name-letter,.portrait-sticker{animation:none!important}}

/* Full-body avatar: the monogram provides the orange accent. */
.avatar-section .about-inner{grid-template-columns:minmax(0,1.1fr) minmax(0,1.45fr);gap:64px}
.portrait-avatar{max-width:470px;margin-top:22px;padding:0}
.portrait-avatar .portrait-depth{transform:none}
.portrait-avatar .portrait-sticker{filter:drop-shadow(0 9px 7px #282a2512);transform-origin:50% 85%;animation-name:avatar-float;animation-duration:8s}
.portrait-avatar figcaption{margin:17px 20px 0}
@keyframes avatar-float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-4px) rotate(.35deg)}}
@media(hover:hover) and (pointer:fine){.ambient-motion .portrait-avatar:hover .portrait-depth{transform:rotateY(-3deg) rotateX(1deg)}}
@media(max-width:1100px){.avatar-section .about-inner{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:38px}}
@media(max-width:760px){.avatar-section .about-inner{grid-template-columns:minmax(0,1fr);gap:34px}.portrait-avatar{max-width:370px;margin-top:20px;padding:0}.portrait-avatar figcaption{margin:15px 12px 0}}
@media(prefers-reduced-motion:reduce){.portrait-avatar .portrait-depth,.portrait-avatar:hover .portrait-depth{transform:none}}