:root{--moss:#1e2219;--olive:#353a2c;--pearl:linen;--gold:#c59b27;--muted:#c8c2b8;--hairline:#faf0e636;--display:Georgia, "Times New Roman", serif;--utility:Arial, Helvetica, sans-serif}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--moss);color:var(--pearl);font-family:var(--utility);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit}a:focus-visible{outline:2px solid var(--gold);outline-offset:5px}::selection{background:var(--gold);color:var(--moss)}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.skip-link{z-index:100;background:var(--pearl);color:var(--moss);padding:12px;position:fixed;top:-100px;left:16px}.skip-link:focus{top:12px}.site-header{z-index:20;pointer-events:none;justify-content:space-between;align-items:center;min-height:90px;padding:20px clamp(22px,4.4vw,76px);display:flex;position:fixed;inset:0 0 auto}.header-mark{opacity:0;pointer-events:none;justify-content:flex-start;align-items:center;min-width:85px;min-height:44px;transition:opacity .35s,transform .35s;display:flex;transform:translateY(-5px)}.page-home.gallery-entered .header-mark,body:not(.page-home) .header-mark{opacity:1;pointer-events:auto;transform:none}.logo-r{aspect-ratio:201.255/95.4978;background:var(--pearl);width:67px;display:block;-webkit-mask:url(/assets/raffinato_R_logo2%20copy.svg) 50%/contain no-repeat;mask:url(/assets/raffinato_R_logo2%20copy.svg) 50%/contain no-repeat}.main-nav{pointer-events:auto;justify-content:flex-end;align-items:center;gap:clamp(17px,2.5vw,42px);display:flex}.main-nav a{letter-spacing:.17em;text-transform:uppercase;padding:14px 0;font-size:10px;font-weight:500;text-decoration:none;transition:color .18s}.main-nav a:hover,.main-nav a[aria-current=page]{color:var(--gold)}.intro{place-items:center;min-height:100svh;padding:120px 7vw 96px;display:grid;position:relative}.intro-inner{text-align:center;width:min(100%,1080px);margin-inline:auto}.signature{aspect-ratio:1002.86/134.397;background:var(--pearl);width:min(100%,1050px);margin-inline:auto;display:block;-webkit-mask:url(/assets/raffinato_signature_webmaster.svg) 50%/contain no-repeat;mask:url(/assets/raffinato_signature_webmaster.svg) 50%/contain no-repeat}.intro-kicker{color:var(--muted);letter-spacing:.33em;margin:clamp(34px,5vw,67px) auto 0;font-size:10px;font-weight:400;line-height:1.9}.scroll-cue{white-space:nowrap;letter-spacing:.21em;align-items:center;gap:17px;font-size:9px;text-decoration:none;display:flex;position:absolute;bottom:51px;left:50%;transform:translate(-50%)}.scroll-cue span{font-size:16px}.portfolio-shell{background:radial-gradient(ellipse at 60% 34%, #303629 0, var(--moss) 60%);min-height:95svh;padding:120px clamp(22px,8vw,140px) 170px}.section-head{text-align:center;margin:0 auto 56px}.eyebrow{letter-spacing:.26em;color:var(--gold);font-size:10px;line-height:1.6}h1,h2,h3,p{overflow-wrap:break-word}.section-head h2,.page-panel h1{font-family:var(--display);letter-spacing:-.026em;font-weight:400}.section-head h2{margin:17px 0 0;font-size:clamp(41px,6vw,72px)}.gallery-placeholder{max-width:1110px;margin-inline:auto}.image-frame{aspect-ratio:4/3;border:1px solid var(--hairline);background:linear-gradient(145deg,#444839,#242920);width:min(100%,760px);margin-inline:auto;padding:clamp(12px,1.9vw,24px);box-shadow:0 40px 90px #00000040}.image-empty{text-align:center;background:linear-gradient(145deg,#0e120e73,#252b20bf);border:1px solid #faf0e617;flex-direction:column;justify-content:center;align-items:center;gap:15px;height:100%;padding:24px;display:flex}.image-empty span,.image-empty small{color:var(--muted);font-size:9px;font-family:var(--utility);letter-spacing:.22em;font-weight:400;line-height:1.8}.image-empty small{opacity:.7;letter-spacing:.12em;text-transform:none}.temporary-label{text-align:center;color:var(--muted);letter-spacing:.2em;margin:24px auto 0;font-size:9px}.page-panel{max-width:920px;min-height:calc(100svh - 110px);margin:0 auto;padding:clamp(150px,20vh,230px) 32px 120px}.page-panel h1{margin:14px 0 36px;font-size:clamp(64px,10vw,126px)}.page-intro{max-width:630px;font:400 clamp(19px,2.7vw,30px)/1.5 var(--display)}.section-subtitle{font:400 13px var(--utility);text-transform:uppercase;letter-spacing:.2em;margin:85px 0 22px}.capability-list{border-top:1px solid var(--hairline);margin:0;padding:0;list-style:none}.capability-list li{border-bottom:1px solid var(--hairline);font:400 clamp(19px,3vw,31px) var(--display);padding:21px 0}.stage-note{max-width:550px;color:var(--muted);margin-top:56px;font-size:11px;line-height:1.8}.site-footer{border-top:1px solid var(--hairline);color:var(--muted);letter-spacing:.15em;justify-content:space-between;gap:18px;padding:35px clamp(22px,4.4vw,76px);font-size:9px;display:flex}@media (width<=700px){.site-header{min-height:73px;padding:11px 20px}.header-mark{min-width:42px}.logo-r{width:42px}.main-nav{gap:13px}.main-nav a{letter-spacing:.05em;align-items:center;min-height:44px;font-size:9px;display:flex}.intro{padding:100px 21px 95px}.signature{width:100%}.intro-kicker{letter-spacing:.21em;max-width:270px;font-size:9px}.portfolio-shell{padding:105px 20px 110px}.section-head{margin-bottom:40px}.image-frame{aspect-ratio:3/4;padding:12px}.image-empty small{max-width:190px}.page-panel{padding-inline:25px}.site-footer{padding-inline:22px;font-size:8px}}@media (width<=365px){.main-nav{gap:10px}.main-nav a{font-size:8px}.site-header{padding-inline:13px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.portfolio-shell{min-height:100svh;padding:105px 0 80px}.portfolio-shell .section-head{margin-bottom:0;padding-inline:22px}.gallery-stage{--gallery-max-width:min(70vw, 820px);--gallery-frame-height:min(63svh, 650px);--gallery-gap:clamp(80px, 11vw, 200px);width:100%;height:100svh;min-height:540px;display:block;position:relative;overflow:hidden}.gallery-scroll{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--gold) transparent;align-items:center;width:100%;height:100%;display:flex;overflow:auto hidden}.gallery-stage[data-mode=pinned] .gallery-scroll{scroll-snap-type:none;overflow:hidden}.gallery-rail{align-items:center;gap:var(--gallery-gap);--first-slide-width:min(var(--gallery-max-width), calc(var(--gallery-frame-height) * var(--first-ratio)));--last-slide-width:min(var(--gallery-max-width), calc(var(--gallery-frame-height) * var(--last-ratio)));width:max-content;padding-left:max(20px, calc((100vw - var(--first-slide-width)) / 2));padding-right:max(20px, calc((100vw - var(--last-slide-width)) / 2));flex:none;display:flex}.gallery-slide{--gallery-card-width:min(var(--gallery-max-width), calc(var(--gallery-frame-height) * var(--image-ratio)));flex:0 0 var(--gallery-card-width);width:var(--gallery-card-width);scroll-snap-align:center}.gallery-card{width:100%}.gallery-frame{width:100%;height:var(--gallery-frame-height);background:var(--pearl);border:0;padding:6px;position:relative;box-shadow:0 18px 52px #00000038,0 3px 12px #00000024}.gallery-photo{object-fit:contain;width:100%;height:100%;display:block}.gallery-photo[data-fit=cover]{object-fit:cover}.gallery-test-art{width:100%;height:100%;color:var(--muted);text-align:center;background:radial-gradient(at 52% 40%,#3d4435 0,#262c23 70%);border:1px solid #faf0e617;flex-direction:column;justify-content:center;align-items:center;display:flex}.gallery-test-number{font:400 clamp(86px, 16vw, 184px)/1 var(--display);color:#faf0e61f;letter-spacing:-.075em}.gallery-test-label{color:var(--pearl);letter-spacing:.27em;margin-top:24px;font-size:10px}.gallery-test-disclaimer{opacity:.7;letter-spacing:.2em;margin-top:10px;font-size:8px}.gallery-test-caption{text-align:center;letter-spacing:.18em;color:var(--muted);margin:18px 0 0;font-size:9px}.gallery-study-link{justify-content:center;align-items:flex-end;padding:28px;text-decoration:none;display:flex;position:absolute;inset:0}.gallery-study-link>span{color:var(--pearl);letter-spacing:.18em;opacity:0;background:#1e2219d6;border:1px solid #faf0e680;flex-direction:column;align-items:center;gap:7px;padding:13px 20px;font-size:10px;transition:opacity .25s,transform .25s;display:flex;transform:translateY(9px)}.gallery-study-title{font:400 clamp(17px,2vw,24px)/1.2 var(--display);letter-spacing:0}.gallery-study-action{letter-spacing:.19em;font-size:9px}.gallery-study-link:is(:hover,:focus-visible)>span,.gallery-frame:focus-within .gallery-study-link>span{opacity:1;transform:none}.gallery-support-copy{text-align:center;color:var(--muted);letter-spacing:.2em;margin:-8px auto 60px;font-size:8px}.gallery-empty{max-width:560px;font:400 24px/1.5 var(--display);text-align:center;margin:auto;padding:110px 24px}.qa-header{text-align:center;padding:155px 24px 30px}.qa-header h1{font:400 clamp(24px,4vw,45px) var(--display);margin:0}.qa-header p,.qa-header nav{letter-spacing:.19em;color:var(--muted);margin-top:20px;font-size:10px}.qa-header nav{justify-content:center;gap:24px;display:flex}.qa-header a{padding:10px}.qa-study{max-width:760px;min-height:85svh;margin:auto;padding:175px 24px 100px}.qa-study h1{font:400 clamp(42px,7vw,76px)/1.2 var(--display)}.qa-study p:not(.eyebrow){max-width:450px;line-height:1.7}.qa-study a{letter-spacing:.15em;margin-top:25px;padding:15px;font-size:10px;display:inline-block}@media (width<=767px){.portfolio-shell{padding-top:100px}.gallery-stage{--gallery-max-width:84vw;--gallery-frame-height:min(55svh, 550px);--gallery-gap:18px;height:75svh;min-height:490px}.gallery-frame{padding:4px}.gallery-test-number{font-size:clamp(74px,21vw,126px)}.gallery-test-label{letter-spacing:.18em;font-size:9px}.gallery-test-disclaimer{font-size:7px}.gallery-test-caption{font-size:8px}.gallery-study-link>span{opacity:1;transform:none}.gallery-support-copy{margin:0 20px 60px}}@media (prefers-reduced-motion:reduce){.gallery-study-link>span{transition:none;transform:none}}