:root{--bg:#080808;--bg2:#111;--paper:#ece9e2;--text:#f4f1eb;--muted:#8c8c88;--accent:#c47a12;--line:rgba(255,255,255,.16);--max:1320px;--pad:clamp(20px,4vw,64px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,Helvetica,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,textarea{font:inherit}.section-dark{position:relative;background:transparent}.section-paper{position:relative;background:var(--paper);color:#111;z-index:2}.eyebrow{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin:0 0 22px}.grain{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E")}
#webgl{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}.site-header{position:fixed;inset:0 0 auto 0;z-index:20;display:flex;align-items:flex-start;justify-content:space-between;padding:18px var(--pad);mix-blend-mode:normal}.brand{width:clamp(142px,18vw,240px);height:72px;display:flex;align-items:center}.brand img{width:100%;height:100%;object-fit:contain;object-position:left center}.menu-toggle{appearance:none;border:0;background:transparent;color:#fff;display:flex;gap:10px;align-items:center;text-transform:uppercase;letter-spacing:.16em;font-size:11px;cursor:pointer;padding:16px 0}.menu-toggle i{width:18px;height:1px;background:#fff;display:block;transition:.3s}.menu-toggle i+i{margin-left:-28px;transform:translateY(5px)}.menu-toggle[aria-expanded=true] i{transform:rotate(45deg)}.menu-toggle[aria-expanded=true] i+i{transform:rotate(-45deg);margin-left:-28px}
.menu-panel{position:fixed;inset:0;z-index:15;background:rgba(4,4,4,.97);display:grid;place-items:center;opacity:0;visibility:hidden;transition:.45s}.menu-panel.open{opacity:1;visibility:visible}.menu-inner{width:min(760px,84vw);display:grid}.menu-inner>a{font-size:clamp(38px,6vw,84px);font-weight:500;line-height:1.04;border-bottom:1px solid var(--line);padding:10px 0;transition:.3s}.menu-inner>a:hover{padding-left:20px;color:var(--accent)}.menu-inner b{font-size:11px;color:var(--muted);font-weight:400;margin-right:18px}
.hero{min-height:100svh;display:flex;align-items:flex-end;padding:150px var(--pad) 56px;overflow:hidden}.hero-photo{position:absolute;width:min(47vw,680px);height:min(68vh,760px);right:10vw;top:12vh;overflow:hidden;transform:perspective(1000px) rotateY(-6deg) rotateX(1deg);box-shadow:0 40px 100px rgba(0,0,0,.55)}.hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,8,8,.7),transparent 40%)}.hero-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.78) contrast(1.05)}.hero-copy{position:relative;z-index:3;width:min(960px,92vw)}.hero h1{font-size:clamp(52px,8.6vw,138px);line-height:.86;letter-spacing:-.055em;margin:0;max-width:1100px;font-weight:500}.hero h1 em,.contact h2 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:var(--accent)}.hero-bottom{margin-top:46px;display:flex;gap:30px;justify-content:space-between;align-items:flex-end;max-width:840px;font-size:13px;color:#b9b7b2}.scroll-cue{text-transform:uppercase;letter-spacing:.14em;font-size:10px}.scroll-cue span{display:inline-block;margin-left:8px;animation:bob 1.7s infinite}@keyframes bob{50%{transform:translateY(6px)}}
.viewfinder,.contact-frame{position:absolute;inset:50% auto auto 50%;width:min(54vw,760px);aspect-ratio:4/3;transform:translate(-50%,-50%);pointer-events:none;z-index:2}.viewfinder i,.contact-frame i{position:absolute;width:72px;height:72px;border-color:rgba(196,122,18,.8)}.viewfinder i:nth-child(1),.contact-frame i:nth-child(1){left:0;top:0;border-left:1px solid;border-top:1px solid}.viewfinder i:nth-child(2),.contact-frame i:nth-child(2){right:0;top:0;border-right:1px solid;border-top:1px solid}.viewfinder i:nth-child(3),.contact-frame i:nth-child(3){left:0;bottom:0;border-left:1px solid;border-bottom:1px solid}.viewfinder i:nth-child(4),.contact-frame i:nth-child(4){right:0;bottom:0;border-right:1px solid;border-bottom:1px solid}
.manifesto{min-height:120vh;display:grid;place-items:center;padding:120px var(--pad)}.manifesto-inner{width:min(1180px,100%)}.manifesto h2{font-size:clamp(42px,7.2vw,112px);line-height:.95;letter-spacing:-.045em;margin:.12em 0;font-weight:500}.manifesto .accent-line{color:var(--accent);font-family:Georgia,'Times New Roman',serif;font-weight:400}.manifesto-note{max-width:580px;margin:48px 0 0 auto;color:#aaa;font-size:clamp(16px,2vw,22px);line-height:1.55}
.services{padding:130px var(--pad) 220px}.section-intro{width:min(var(--max),100%);margin:0 auto 100px}.section-intro h2{font-size:clamp(52px,7.5vw,112px);line-height:.92;letter-spacing:-.05em;font-weight:500;margin:0}.service-card{width:min(var(--max),100%);margin:0 auto 160px;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.65fr);gap:clamp(30px,5vw,80px);align-items:end}.service-card.reverse{grid-template-columns:minmax(260px,.65fr) minmax(0,1.55fr)}.service-card.reverse .service-media{order:2}.service-media{aspect-ratio:1.35;overflow:hidden;transform-style:preserve-3d;box-shadow:0 30px 80px rgba(0,0,0,.38)}.service-media img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}.service-card:hover img{transform:scale(1.035)}.service-copy span{font-size:11px;color:var(--accent);letter-spacing:.15em}.service-copy h3{font-size:clamp(38px,5vw,72px);margin:10px 0 18px;font-weight:500;letter-spacing:-.04em}.service-copy p{color:#a9a7a2;line-height:1.7;font-size:16px;max-width:390px}
.philosophy{padding:150px var(--pad)}.philosophy-grid{width:min(var(--max),100%);margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:clamp(50px,8vw,130px)}.philosophy h2{font-size:clamp(62px,8vw,128px);line-height:.87;letter-spacing:-.06em;margin:0;font-weight:500}.philosophy-text{padding-top:90px}.philosophy-text>p{font-size:clamp(18px,2vw,26px);line-height:1.5;margin:0 0 56px}.philosophy blockquote{font-family:Georgia,'Times New Roman',serif;font-size:clamp(34px,4.5vw,68px);line-height:1.06;margin:0 0 56px}.philosophy blockquote em{color:var(--accent);font-weight:400}
.works{padding:160px var(--pad) 220px}.works-intro{display:grid;grid-template-columns:1fr 1fr;column-gap:40px}.works-intro .eyebrow{grid-column:1/-1}.works-intro .placeholder-note{align-self:end;color:#777;max-width:390px;line-height:1.5;font-size:12px}.works-grid{width:min(var(--max),100%);margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:10vw 8vw;align-items:start}.work{margin:0}.work img{width:100%;display:block;filter:saturate(.8);transition:.5s}.work:hover img{transform:scale(1.015);filter:saturate(1)}.work figcaption{font-size:10px;text-transform:uppercase;letter-spacing:.18em;margin-top:14px;color:#777}.work-a{width:78%}.work-b{margin-top:18vw}.work-c{grid-column:1/-1;width:44%;margin:0 auto}
.about{width:min(var(--max),calc(100% - 2*var(--pad)));margin:0 auto 180px;display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(36px,6vw,90px);align-items:center}.about-media{aspect-ratio:1.25;overflow:hidden}.about-media img{width:100%;height:100%;object-fit:cover}.about-logo{width:min(420px,90%);margin-bottom:30px}.about h2{font-size:clamp(44px,5.5vw,82px);line-height:.95;letter-spacing:-.04em;margin:0 0 25px;font-weight:500}.about-copy>p{color:#a9a7a2;line-height:1.65;max-width:550px}.about-services{display:flex;flex-wrap:wrap;gap:8px;margin-top:34px}.about-services span{border:1px solid var(--line);padding:8px 12px;border-radius:100px;font-size:11px;color:#bbb}
.contact{padding:180px var(--pad) 120px;overflow:hidden}.contact-frame{width:min(88vw,1180px);height:min(78vh,700px);aspect-ratio:auto;top:52%;opacity:.38}.contact-head,.contact-grid{position:relative;z-index:3;width:min(var(--max),100%);margin:auto}.contact-head h2{font-size:clamp(56px,8vw,126px);line-height:.88;letter-spacing:-.055em;margin:0;font-weight:500}.contact-head>p:last-child{font-family:Georgia,'Times New Roman',serif;font-size:34px;color:var(--accent);margin:24px 0 70px}.contact-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(40px,8vw,120px)}address{font-style:normal;display:flex;flex-direction:column;gap:20px;font-size:16px}address strong{font-size:20px}address span{color:#aaa;line-height:1.55}address a{text-decoration:underline;text-underline-offset:5px}form label{display:flex;flex-direction:column;gap:10px;color:#999;font-size:11px;text-transform:uppercase;letter-spacing:.13em}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}input[type=text],input[type=email],input[type=tel],textarea{width:100%;border:0;border-bottom:1px solid #474747;background:transparent;color:#fff;padding:14px 0;outline:none;border-radius:0;resize:vertical}input:focus,textarea:focus{border-color:var(--accent)}fieldset{border:0;padding:30px 0 18px;margin:0}legend{font-size:11px;text-transform:uppercase;letter-spacing:.13em;color:#999;margin-bottom:12px}fieldset label{display:inline-flex;flex-direction:row;align-items:center;margin:0 10px 10px 0;cursor:pointer}fieldset input{position:absolute;opacity:0}fieldset span{border:1px solid #444;border-radius:100px;padding:9px 13px;color:#bbb;transition:.25s}fieldset input:checked+span{border-color:var(--accent);color:var(--accent)}.message-label{margin-top:10px}.privacy{margin:22px 0;display:grid!important;grid-template-columns:auto 1fr;align-items:start;gap:10px!important;text-transform:none!important;letter-spacing:0!important;font-size:12px!important;line-height:1.45}.privacy input{margin-top:2px}.privacy a{text-decoration:underline}.submit-btn{width:100%;border:1px solid #4b4b4b;background:transparent;color:#fff;padding:18px 20px;display:flex;justify-content:space-between;cursor:pointer;text-transform:uppercase;letter-spacing:.12em;font-size:12px;transition:.3s}.submit-btn:hover{border-color:var(--accent);background:var(--accent);color:#111}.submit-btn[disabled]{opacity:.5;cursor:wait}.form-status{min-height:24px;color:#aaa;font-size:13px}.form-status.ok{color:#d5b171}.form-status.err{color:#e28a7c}
footer{position:relative;z-index:2;padding:70px var(--pad) 35px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr auto;gap:35px;align-items:start;background:#050505}footer>img{width:min(280px,50vw)}footer>div{display:flex;flex-direction:column;gap:8px;color:#888;font-size:12px}footer>p{grid-column:1/-1;font-size:clamp(30px,5vw,70px);line-height:1;margin:70px 0 0;color:#494949;letter-spacing:-.04em}footer>p em{font-family:Georgia,'Times New Roman',serif;color:#69502e;font-weight:400}
.cursor{position:fixed;left:0;top:0;width:28px;height:28px;border:1px solid rgba(196,122,18,.7);pointer-events:none;z-index:40;transform:translate(-50%,-50%);transition:width .2s,height .2s,border-radius .2s;mix-blend-mode:difference}.cursor.hot{width:54px;height:38px;border-radius:2px}.legal-page{background:#0a0a0a}.legal-page main{width:min(840px,calc(100% - 40px));margin:0 auto;padding:80px 0;color:#eee}.legal-page h1{font-size:clamp(44px,7vw,80px)}.legal-page p{line-height:1.7;color:#aaa}.legal-page a{text-decoration:underline}
@media(max-width:900px){.site-header{padding-top:10px}.brand{width:150px;height:64px}.hero{padding-top:120px}.hero-photo{width:72vw;height:58vh;right:-12vw;top:16vh;opacity:.72}.hero h1{font-size:clamp(52px,13vw,94px)}.viewfinder{width:76vw}.service-card,.service-card.reverse{grid-template-columns:1fr;gap:24px;margin-bottom:100px}.service-card.reverse .service-media{order:0}.service-copy{max-width:620px}.philosophy-grid,.about,.contact-grid{grid-template-columns:1fr}.philosophy-text{padding-top:0}.works-intro{display:block}.works-intro .placeholder-note{margin-top:25px}.about{width:calc(100% - 2*var(--pad))}.about-copy{padding-bottom:30px}.contact-frame{width:94vw}.field-row{grid-template-columns:1fr}footer{grid-template-columns:1fr auto}footer>div{grid-column:1/-1}.cursor{display:none}}
@media(max-width:600px){.hero{min-height:92svh;padding-bottom:36px}.hero-photo{width:88vw;height:48vh;right:-26vw;top:18vh}.hero-bottom{display:block}.scroll-cue{display:inline-block;margin-top:20px}.manifesto{min-height:90vh}.services,.works,.contact{padding-top:110px;padding-bottom:120px}.philosophy{padding-top:100px;padding-bottom:100px}.works-grid{display:block}.work,.work-a,.work-b,.work-c{width:100%;margin:0 0 70px}.about{margin-bottom:110px}.about-logo{width:260px}.contact-head>p:last-child{margin-bottom:44px}.menu-inner>a{font-size:40px}footer{display:block}footer>*{margin-bottom:25px}footer>p{margin-top:55px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}

/* SERVICES SHOWCASE v3 */
.services-showcase{padding:150px var(--pad) 210px;overflow:clip}
.services-shell{width:min(1480px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.55fr);gap:clamp(48px,7vw,120px);align-items:start}
.services-intro{position:sticky;top:128px;min-height:calc(100vh - 160px);display:flex;flex-direction:column;justify-content:space-between;padding-bottom:10vh}
.services-intro h2{font-size:clamp(54px,6.2vw,104px);line-height:.89;letter-spacing:-.055em;font-weight:500;margin:0 0 32px;max-width:760px}
.services-intro h2 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:var(--accent)}
.services-lead{max-width:440px;color:#999791;line-height:1.75;font-size:15px;margin:0}
.service-progress{width:min(330px,90%)}
.service-progress-label{font-size:11px;letter-spacing:.18em;color:#817f79;display:block;margin-bottom:12px}
.service-progress-track{height:1px;background:rgba(255,255,255,.13);overflow:hidden}
.service-progress-track i{display:block;width:25%;height:100%;background:var(--accent);transform-origin:left center;transition:width .45s cubic-bezier(.2,.8,.2,1)}
.services-list{display:flex;flex-direction:column;gap:18vh}
.services-showcase .service-card{width:100%;margin:0;display:grid;grid-template-columns:1fr;gap:30px;align-items:start;opacity:.42;transition:opacity .45s ease}
.services-showcase .service-card.is-active{opacity:1}
.services-showcase .service-media{position:relative;aspect-ratio:1.38;overflow:hidden;background:#111;box-shadow:0 34px 95px rgba(0,0,0,.42);transform-style:preserve-3d;clip-path:inset(0 0 0 0 round 1px)}
.services-showcase .service-media:after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.11);pointer-events:none}
.services-showcase .service-media img{width:100%;height:100%;object-fit:cover;transform:scale(1.045);filter:saturate(.86) contrast(1.03);transition:transform 1.1s cubic-bezier(.16,.84,.22,1),filter .55s ease}
.services-showcase .service-card.is-active .service-media img{filter:saturate(1) contrast(1.02)}
.services-showcase .service-card:hover .service-media img{transform:scale(1.075)}
.service-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.64) 100%);z-index:1;pointer-events:none}
.service-big-number{position:absolute;right:22px;bottom:-.13em;z-index:2;font-size:clamp(90px,13vw,210px);line-height:1;font-weight:600;letter-spacing:-.08em;color:rgba(255,255,255,.09);user-select:none}
.service-corner{position:absolute;inset:22px;z-index:3;pointer-events:none}
.service-corner i{position:absolute;width:28px;height:28px;border-color:rgba(255,255,255,.72);border-style:solid;opacity:.8;transition:width .45s ease,height .45s ease,border-color .45s ease}
.service-corner i:nth-child(1){left:0;top:0;border-width:1px 0 0 1px}.service-corner i:nth-child(2){right:0;top:0;border-width:1px 1px 0 0}.service-corner i:nth-child(3){right:0;bottom:0;border-width:0 1px 1px 0}.service-corner i:nth-child(4){left:0;bottom:0;border-width:0 0 1px 1px}
.service-card.is-active .service-corner i,.service-card:hover .service-corner i{width:46px;height:46px;border-color:var(--accent)}
.services-showcase .service-copy{display:grid;grid-template-columns:minmax(130px,.28fr) minmax(0,1fr);column-gap:clamp(24px,4vw,58px);align-items:start}
.service-meta{padding-top:13px;display:flex;flex-direction:column;gap:7px;text-transform:uppercase;letter-spacing:.17em;font-size:10px}
.service-meta span{color:var(--accent)!important}.service-meta b{font-weight:500;color:#c8c5be}
.services-showcase .service-copy h3{font-size:clamp(42px,5.2vw,78px);line-height:.94;letter-spacing:-.048em;font-weight:500;margin:0 0 22px;grid-column:2}
.services-showcase .service-copy h3 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:#d7b57f}
.services-showcase .service-copy p{grid-column:2;color:#9c9a94;line-height:1.75;font-size:15px;max-width:650px;margin:0}
.service-tags{grid-column:2;display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}
.service-tags span{border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:8px 12px;color:#aaa7a1!important;font-size:10px!important;letter-spacing:.11em!important;text-transform:uppercase}
@media(max-width:1050px){.services-shell{grid-template-columns:1fr}.services-intro{position:relative;top:auto;min-height:auto;padding-bottom:35px}.service-progress{display:none}.services-list{gap:120px}.services-showcase .service-card{opacity:1}.services-showcase .service-copy{grid-template-columns:110px 1fr}}
@media(max-width:700px){.services-showcase{padding:110px var(--pad) 130px}.services-intro h2{font-size:clamp(50px,15vw,78px)}.services-lead{font-size:14px}.services-list{gap:90px}.services-showcase .service-media{aspect-ratio:.86}.services-showcase .service-copy{display:block}.service-meta{margin-bottom:18px;padding-top:0}.service-meta{flex-direction:row;gap:14px}.services-showcase .service-copy h3{font-size:clamp(43px,12vw,67px);margin-bottom:18px}.services-showcase .service-copy p{font-size:14px}.service-tags{margin-top:20px}.service-big-number{font-size:34vw;right:14px}.service-corner{inset:14px}}

/* Contact form v6 */
.field-row-contact{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1100px){.field-row-contact{grid-template-columns:1fr 1fr}.field-row-contact label:last-child{grid-column:1/-1}}
@media(max-width:700px){.field-row-contact{grid-template-columns:1fr}.field-row-contact label:last-child{grid-column:auto}}

/* Pre-pubblicazione: accessibilità + anti-spam */
.hp-field{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important}
:focus-visible{outline:2px solid var(--accent,#c77c12);outline-offset:4px}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}


/* Protezione dissuasiva delle immagini: non sostituisce watermark/licenze. */
img, canvas { -webkit-user-drag: none; user-drag: none; }
.protected-media { -webkit-touch-callout: none; user-select: none; -webkit-user-select: none; }
.noscript-note { position:relative; z-index:5; margin:0; padding:1rem 5vw 2rem; background:#080808; color:#f4f3ef; font-size:.85rem; }


/* STUDIO CONCEPT v10 — replaces the generic studio photograph */
.about-concept{position:relative;aspect-ratio:1.25;min-height:420px;overflow:hidden;background:radial-gradient(circle at 52% 47%,rgba(196,122,18,.09),transparent 34%),linear-gradient(145deg,#111 0%,#090909 58%,#050505 100%);border:1px solid rgba(255,255,255,.08);perspective:1100px;isolation:isolate;display:grid;place-items:center}
.about-concept:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to bottom,transparent,black 22%,black 78%,transparent);opacity:.55;z-index:-1}
.about-concept-glow{position:absolute;width:44%;aspect-ratio:1;border-radius:50%;background:var(--accent);filter:blur(105px);opacity:.08;transform:translate3d(7%,-5%,0);pointer-events:none}
.about-frame{position:absolute;width:56%;aspect-ratio:1.18;transform-style:preserve-3d;transition:transform 1.35s cubic-bezier(.16,.84,.22,1),opacity .9s ease;pointer-events:none}
.about-frame i{position:absolute;width:42px;height:42px;border-style:solid;border-color:rgba(196,122,18,.82);filter:drop-shadow(0 0 8px rgba(196,122,18,.12))}
.about-frame i:nth-child(1){left:0;top:0;border-width:1px 0 0 1px}.about-frame i:nth-child(2){right:0;top:0;border-width:1px 1px 0 0}.about-frame i:nth-child(3){right:0;bottom:0;border-width:0 1px 1px 0}.about-frame i:nth-child(4){left:0;bottom:0;border-width:0 0 1px 1px}
.about-frame-back{opacity:.24;transform:translate3d(-11%,-9%,-160px) rotateX(7deg) rotateY(-9deg) rotateZ(-4deg) scale(1.16)}
.about-frame-mid{opacity:.48;transform:translate3d(8%,7%,-80px) rotateX(-4deg) rotateY(7deg) rotateZ(3deg) scale(1.08)}
.about-frame-front{opacity:.95;transform:translate3d(0,0,0) rotateX(0) rotateY(0) rotateZ(0) scale(1)}
.about-concept.in-view .about-frame-back,.about-concept.in-view .about-frame-mid,.about-concept.in-view .about-frame-front{transform:translate3d(0,0,0) rotateX(0) rotateY(0) rotateZ(0) scale(1)}
.about-concept.in-view .about-frame-back{opacity:.16}.about-concept.in-view .about-frame-mid{opacity:.32}
.about-concept-words{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;font-size:clamp(30px,3.6vw,58px);line-height:.98;letter-spacing:-.045em;font-weight:500;text-transform:uppercase}
.about-concept-words span{display:block;opacity:.88}.about-concept-words span:nth-child(2){font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400;text-transform:none;color:#d7b57f;margin:.08em 0}
.about-concept-caption{position:absolute;left:28px;bottom:22px;margin:0;color:#73716b;font-size:10px;letter-spacing:.13em;text-transform:uppercase;z-index:2}
.about-concept:after{content:"03 / STUDIO";position:absolute;right:28px;top:24px;color:#696761;font-size:9px;letter-spacing:.2em;z-index:2}
@media(pointer:fine){.about-concept:hover .about-frame-back{transform:translate3d(-2.5%,-2%,-70px) rotateZ(-1.2deg)}.about-concept:hover .about-frame-mid{transform:translate3d(2%,1.5%,-35px) rotateZ(.8deg)}.about-concept:hover .about-frame-front{transform:translate3d(0,0,0) scale(1.018)}}
@media(max-width:900px){.about-concept{min-height:420px;aspect-ratio:1.4;margin-bottom:10px}.about-frame{width:52%}}
@media(max-width:600px){.about-concept{min-height:360px;aspect-ratio:.95}.about-frame{width:72%;aspect-ratio:1}.about-frame i{width:30px;height:30px}.about-concept-caption{left:18px;right:18px;bottom:18px;line-height:1.45}.about-concept:after{right:18px;top:18px}.about-concept-words{font-size:clamp(31px,10vw,48px)}}
@media(prefers-reduced-motion:reduce){.about-frame{transition:none!important}.about-frame-back,.about-frame-mid,.about-frame-front{transform:none!important}}