:root{--pine:#163f38;--pine2:#20564c;--cream:#f4f0e7;--paper:#fbfaf7;--ink:#1d2824;--muted:#68716b;--gold:#c9985f;--line:#dedbd2;--serif:Georgia,"Times New Roman",serif;--sans:"DM Sans",Arial,sans-serif;--display:Manrope,"DM Sans",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}.topbar{height:80px;padding:0 6.6vw;display:flex;align-items:center;justify-content:space-between;background:var(--paper);position:relative;z-index:2}.brand{display:flex;align-items:center;gap:10px;font:800 19px var(--display);letter-spacing:.07em;color:var(--pine)}.brand>span:last-child>span{font-weight:500;letter-spacing:.04em}.brand-mark{height:34px;width:34px;border-radius:10px;background:var(--pine);color:var(--cream);display:grid;place-items:center;font:700 21px var(--serif);letter-spacing:-.04em}.topbar nav{display:flex;gap:38px;font-size:14px;color:#48524e}.topbar nav a:hover,.nav-link:hover{color:var(--gold)}.nav-link{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.nav-link span{color:var(--gold);margin-left:5px}.hero{position:relative;background:var(--pine);min-height:620px;color:#f7f4ed;display:grid;grid-template-columns:48% 52%;padding:70px 6.6vw 78px;overflow:hidden}.hero:after{content:"";position:absolute;width:510px;height:510px;border:1px solid rgba(255,255,255,.1);border-radius:50%;left:-315px;bottom:-405px;box-shadow:0 0 0 54px rgba(255,255,255,.025),0 0 0 108px rgba(255,255,255,.02)}.hero-copy{align-self:center;max-width:520px;position:relative;z-index:1;padding-bottom:10px}.eyebrow{margin:0 0 22px;color:#d2b38a;font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;display:flex;align-items:center;gap:11px}.eyebrow span{height:6px;width:6px;background:var(--gold);border-radius:50%}.hero h1,.section-heading h2,.range-title h2,.spec-copy h2,.display-copy h2{font:500 clamp(48px,6.3vw,84px)/1.04 var(--display);letter-spacing:-.065em;margin:0}.hero h1 em,.section-heading h2 em,.range-title h2 em,.spec-copy h2 em,.display-copy h2 em{font-family:var(--serif);font-weight:400;letter-spacing:-.055em}.hero-intro{max-width:420px;margin:25px 0 31px;color:#d8dfd9;font-size:16px;line-height:1.75}.button{min-height:50px;padding:0 20px;display:inline-flex;align-items:center;gap:22px;font-weight:700;font-size:13px;letter-spacing:.01em;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-light{background:var(--cream);color:var(--pine)}.button-light span{font-size:17px;color:#b57c42}.hero-note{margin-top:44px;display:flex;align-items:center;gap:13px;color:#b8c5bd;font-size:12px}.note-line{height:1px;width:32px;background:var(--gold)}.hero-image-wrap{position:relative;align-self:stretch;min-height:455px;margin-left:4.5vw}.hero-image{width:100%;height:100%;min-height:455px;max-height:525px;object-fit:cover;display:block;filter:saturate(.84)}.hero-image-wrap:after{content:"";inset:0;position:absolute;background:linear-gradient(90deg,rgba(14,45,39,.14),transparent 45%),linear-gradient(0deg,rgba(18,37,32,.36),transparent 35%);pointer-events:none}.hero-stamp{position:absolute;z-index:1;right:-18px;top:25px;width:100px;height:100px;border-radius:50%;background:var(--gold);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.1;transform:rotate(8deg)}.hero-stamp strong{font:700 26px var(--display);letter-spacing:-.04em}.hero-stamp span{font-size:9px;letter-spacing:.13em;text-align:center;margin-top:4px}.image-caption{position:absolute;z-index:1;bottom:20px;left:22px;color:white;font-size:11px;letter-spacing:.11em;text-transform:uppercase}.hero-index{position:absolute;right:6.6vw;bottom:22px;color:#f5f1e9;font:500 13px var(--display);letter-spacing:.1em}.hero-index span{color:var(--gold);padding:0 6px}.section-wrap{padding-left:9vw;padding-right:9vw}.intro{padding-top:105px;padding-bottom:43px;display:grid;grid-template-columns:1fr .8fr;align-items:end;gap:9vw}.eyebrow-dark{color:#738078}.section-heading h2,.spec-copy h2{font-size:clamp(42px,4.6vw,62px);line-height:1.07}.section-lead{max-width:450px;color:#59645e;font-size:16px;line-height:1.8;margin:0 0 6px}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px 25px;padding-bottom:115px}.product-card{min-width:0}.product-image-link{position:relative;display:block;overflow:hidden;background:#e8e5dd;aspect-ratio:1.48}.product-card-wide .product-image-link{aspect-ratio:1.8}.product-image-link img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.6,.3,1);filter:saturate(.9)}.product-image-link:hover img{transform:scale(1.035)}.image-number{position:absolute;left:17px;top:16px;color:#fff;font:600 12px var(--display);letter-spacing:.1em;text-shadow:0 1px 4px #333}.product-info{padding:18px 2px 0;display:flex;align-items:end;justify-content:space-between;gap:18px}.product-kicker{margin:0 0 5px;color:#7b837e;font-size:10px;letter-spacing:.17em;font-weight:700}.product-info h3{margin:0 0 5px;font:600 25px var(--display);letter-spacing:-.04em}.product-info p:not(.product-kicker){margin:0;max-width:430px;color:#68716b;font-size:14px;line-height:1.6}.text-link{white-space:nowrap;font-size:12px;font-weight:700;color:var(--pine);padding-bottom:3px;border-bottom:1px solid #b9c2bc}.text-link span{color:var(--gold);padding-left:8px}.range-band{background:var(--cream);padding:90px 9vw 92px}.range-inner{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;max-width:1280px;margin:auto}.range-title{position:sticky;top:50px;align-self:start}.range-title h2,.display-copy h2{font-size:clamp(43px,4.8vw,64px);line-height:1.08}.range-list{border-top:1px solid #d9d5cb}.range-row{display:grid;grid-template-columns:37px 1fr 38px;gap:16px;padding:23px 0 25px;border-bottom:1px solid #d9d5cb;scroll-margin-top:20px}.range-count{font:500 12px var(--display);color:#9b7956;padding-top:7px}.range-row h3{font:600 20px var(--display);letter-spacing:-.03em;margin:0 0 3px}.range-row p{margin:0;color:#626c66;font-size:14px;line-height:1.65}.range-row>a{height:35px;width:35px;border:1px solid #c7c9bf;display:grid;place-items:center;color:var(--pine);font-size:17px;transition:all .18s}.range-row>a:hover{background:var(--pine);color:#fff}.spec-section{display:grid;grid-template-columns:.7fr 1.3fr;gap:8vw;padding-top:100px;padding-bottom:108px}.spec-copy p:not(.eyebrow){max-width:330px;color:#626c66;line-height:1.75;margin-top:22px}.spec-links{border-top:1px solid var(--line)}.spec-links a{display:grid;grid-template-columns:40px 1fr auto 20px;gap:16px;align-items:center;padding:18px 2px;border-bottom:1px solid var(--line)}.spec-links a>span{font:500 12px var(--display);color:#a4805d}.spec-links strong{font:600 16px var(--display)}.spec-links small{font-size:12px;color:#7a837d}.spec-links b{font-weight:400;color:var(--pine);font-size:17px}.spec-links a:hover strong{color:#9c6d3f}.display-cta{background:var(--pine);color:#f7f4ed;display:grid;grid-template-columns:1fr 1fr;min-height:390px}.display-photo{min-height:390px;overflow:hidden}.display-photo img{width:100%;height:100%;min-height:390px;object-fit:cover;display:block;filter:saturate(.72) brightness(.83)}.display-copy{padding:55px 8vw 55px 7vw;align-self:center}.display-copy .eyebrow{margin-bottom:18px}.display-copy h2{font-size:clamp(40px,4.5vw,60px)}.display-copy>p:not(.eyebrow){max-width:390px;margin:19px 0 25px;color:#d3dcd5;line-height:1.75}.footer{min-height:110px;padding:24px 6.6vw;display:grid;grid-template-columns:1fr 1fr 1fr auto;align-items:center;gap:20px;background:#112f2a;color:#d6ded8}.brand-footer{color:#f4f0e7;font-size:16px}.brand-footer .brand-mark{height:29px;width:29px;font-size:18px;background:#e9e2d6;color:var(--pine)}.footer>p,.footer>a:not(.brand){font-size:12px;color:#c1ccc4;margin:0}.footer>a:not(.brand){justify-self:center}.footer small{font-size:10px;color:#a7b5ad;justify-self:end}@media(max-width:850px){.topbar{padding:0 5vw;height:72px}.topbar nav{gap:19px}.nav-link{display:none}.hero{grid-template-columns:1fr;gap:34px;padding:58px 6vw 54px}.hero-copy{max-width:650px}.hero-image-wrap{margin:0;min-height:390px}.hero-image{min-height:390px;max-height:450px}.hero-index{bottom:15px;right:6vw}.intro,.range-inner,.spec-section{grid-template-columns:1fr;gap:25px}.intro{padding-top:75px}.section-wrap{padding-left:7vw;padding-right:7vw}.product-grid{padding-bottom:80px}.range-band{padding:68px 7vw}.range-title{position:static}.spec-section{padding-top:75px;padding-bottom:75px}.display-cta{grid-template-columns:1fr 1fr}.display-copy{padding:40px 6vw}.footer{grid-template-columns:1fr 1fr}.footer>a:not(.brand){justify-self:start}.footer small{justify-self:start}}@media(max-width:560px){body{font-size:15px}.topbar nav{gap:15px;font-size:12px}.brand{font-size:16px}.brand-mark{height:30px;width:30px}.topbar nav a:last-child{display:none}.hero{padding-top:49px}.hero h1{font-size:60px}.hero-intro{font-size:15px}.hero-image-wrap,.hero-image{min-height:280px}.hero-image{max-height:320px}.hero-stamp{height:80px;width:80px;right:-8px}.hero-stamp strong{font-size:22px}.hero-stamp span{font-size:8px}.intro{padding-top:61px}.section-heading h2,.spec-copy h2{font-size:46px}.section-lead{font-size:15px}.product-grid{grid-template-columns:1fr;gap:33px;padding-bottom:67px}.product-card-wide .product-image-link,.product-image-link{aspect-ratio:1.42}.product-info{align-items:start;flex-direction:column;gap:12px}.product-info h3{font-size:23px}.range-band{padding:60px 7vw}.range-row{grid-template-columns:27px 1fr 35px;gap:10px;padding:18px 0}.range-row p{font-size:13px}.spec-section{padding-top:65px;padding-bottom:65px}.spec-links a{grid-template-columns:29px 1fr 20px;gap:10px}.spec-links small{grid-column:2;grid-row:2;margin-top:-12px}.spec-links b{grid-column:3;grid-row:1/3}.display-cta{grid-template-columns:1fr}.display-photo,.display-photo img{min-height:255px;height:255px}.display-copy{padding:42px 7vw 50px}.footer{grid-template-columns:1fr 1fr;gap:14px;padding:23px 7vw}.footer>p{font-size:11px}.footer small{font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}


/* PROFLOOR official branding and AO21/AO22 atmosphere images */
:root{--pine:#161616;--pine2:#292929;--cream:#f5f4f3;--paper:#fff;--ink:#191817;--muted:#686563;--gold:#ed2632;--line:#e3e0df}
.brand{gap:0;color:var(--pine)}
.brand-logo{display:block;width:166px;max-width:100%;height:auto}
.brand-footer .brand-logo{width:142px;padding:4px 5px;background:#fff;border-radius:2px}
.footer{background:#111;color:#efeeec}
.product-info p:not(.product-kicker),.range-row p,.spec-copy p:not(.eyebrow){font-size:16px}
.oak-mood-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.oak-mood{position:relative;margin:0;aspect-ratio:1.12;overflow:hidden;background:#eeedeb}
.oak-mood img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.92);transition:transform .6s cubic-bezier(.2,.6,.3,1)}
.oak-mood:hover img{transform:scale(1.035)}
.oak-mood figcaption{position:absolute;inset:auto 0 0;display:flex;flex-direction:column;gap:2px;padding:2rem .8rem .8rem;color:#fff;background:linear-gradient(0deg,rgba(15,15,15,.78),transparent)}
.oak-mood figcaption span{font:700 12px var(--display);letter-spacing:.15em;text-transform:uppercase}
.oak-mood figcaption strong{font:600 18px var(--display);letter-spacing:-.02em}
@media(max-width:560px){body{font-size:16px}.topbar nav{font-size:14px}.brand-logo{width:142px}.brand-footer .brand-logo{width:124px}.oak-mood-pair{gap:6px}.oak-mood{aspect-ratio:1.02}.oak-mood figcaption{padding:1.6rem .55rem .55rem}.oak-mood figcaption span{font-size:11px}.oak-mood figcaption strong{font-size:15px}}

.topbar nav{color:#3f3f3f}.eyebrow{color:#f0a0a5}.button-light span,.range-count,.spec-links a>span,.hero-index span{color:var(--gold)}.spec-links a:hover strong,.footer>a:not(.brand):hover{color:var(--gold)}.hero-image-wrap:after{background:linear-gradient(90deg,rgba(0,0,0,.14),transparent 45%),linear-gradient(0deg,rgba(18,18,18,.36),transparent 35%)}.product-info .mood-note{font-size:13px!important;color:#7a7775;line-height:1.45!important;margin-top:7px!important}

:root{--gold:#c71f2d;--brand-red:#ed2632}.hero-stamp{background:var(--brand-red)}.hero-index span,.footer>a:not(.brand):hover{color:#ff9fa5}

/* Opening slideshow and upright collection samples */
.hero-slides{position:absolute;inset:0;overflow:hidden}
.hero-slide{position:absolute;inset:0;margin:0;opacity:0;visibility:hidden;transition:opacity .45s ease,visibility .45s ease}
.hero-slide.is-active{opacity:1;visibility:visible}
.hero-slide .hero-image{width:100%;height:100%;min-height:0;max-height:none;object-fit:cover;filter:none}
.image-caption strong{display:block;font-size:13px;letter-spacing:.08em}
.image-caption small{display:block;margin-top:3px;font-size:11px;letter-spacing:.06em}
.slideshow-controls{position:absolute;z-index:2;right:16px;bottom:18px;display:flex;align-items:center;gap:2px;padding:2px 5px;background:rgba(0,0,0,.65);border:1px solid rgba(255,255,255,.35);border-radius:3px}
.slideshow-controls[hidden]{display:none}
.slideshow-controls button{display:grid;place-items:center;min-width:30px;min-height:36px;margin:0;padding:0;border:0;background:transparent;color:#fff;cursor:pointer;font-family:var(--sans)}
.slideshow-controls button:focus-visible{outline:2px solid #fff;outline-offset:1px}
.slide-dot span{width:7px;height:7px;border:1px solid #fff;border-radius:50%;background:transparent}
.slide-dot[aria-pressed="true"] span{background:#fff}
.slideshow-controls .slide-toggle{min-width:57px;padding:0 7px;font-size:12px;font-weight:600}
.product-card .sample-photo{aspect-ratio:3/4}
.product-image-link .sample-image{position:absolute;left:50%;top:50%;width:133.333333%;height:75%;max-width:none;object-fit:cover;filter:none;transform:translate(-50%,-50%) rotate(90deg)}
.product-image-link:hover .sample-image{transform:translate(-50%,-50%) rotate(90deg) scale(1.025)}
.sample-photo .image-number{top:14px;left:14px;padding:6px 10px;background:rgba(0,0,0,.72);font-size:14px;letter-spacing:.035em;text-shadow:none}
@media(max-width:560px){.image-caption{left:14px;bottom:18px}.slideshow-controls{right:10px}.image-caption strong{font-size:12px}.image-caption small{font-size:10px}.slideshow-controls .slide-toggle{min-width:51px}}
@media(prefers-reduced-motion:reduce){.hero-slide{transition:none}.product-image-link:hover .sample-image{transform:translate(-50%,-50%) rotate(90deg)}}

/* Official logo and full-width atmosphere slideshow */
.topbar{min-height:88px;height:auto;gap:28px;padding-top:18px;padding-bottom:18px;background:#fff}
.topbar .brand{flex-shrink:0}
.topbar .brand-logo{display:block;width:196px;height:auto;max-width:100%;object-fit:contain}
.brand-footer .brand-logo{width:156px;height:auto;padding:7px 9px}
.hero{display:grid;grid-template-columns:1fr;align-items:center;min-height:clamp(620px,calc(100svh - 88px),860px);padding:85px 9vw 125px;background:#b6a994;isolation:isolate}
.hero:after{display:none}
.hero-image-wrap{position:absolute;inset:0;z-index:0;margin:0;min-height:0}
.hero-slide .hero-image{width:100%;height:100%;min-height:0;max-height:none;object-fit:cover;object-position:center 58%;filter:none}
.hero-image-wrap:after{z-index:1;background:linear-gradient(90deg,rgba(25,22,18,.66) 0%,rgba(25,22,18,.62) min(710px,80%),rgba(25,22,18,.08) 100%),linear-gradient(0deg,rgba(25,22,18,.42),transparent 22%)}
.hero-copy{position:relative;z-index:2;align-self:center;max-width:700px;padding:0;color:#fff}
.hero .hero-eyebrow{margin:0 0 22px;color:#fff;font-size:14px;font-weight:700;letter-spacing:.14em;line-height:1.5}
.hero h1{font-size:clamp(52px,6.4vw,90px);line-height:1.04;color:#fff;letter-spacing:-.055em;text-shadow:0 2px 20px rgba(0,0,0,.12)}
.hero-intro{max-width:500px;margin:26px 0 30px;color:#fff;font-size:18px;line-height:1.7}
.hero-intro strong{font-weight:700}
.hero .button{min-height:54px;padding:0 24px;font-size:14px;background:#fff;color:#191817}
.hero .button:hover{background:#f6f3ef}
.hero .image-caption{z-index:2;left:9vw;bottom:29px;text-shadow:0 1px 8px rgba(0,0,0,.35)}
.hero .image-caption strong{font-size:14px}
.hero .image-caption small{font-size:12px;letter-spacing:.04em}
.hero .slideshow-controls{right:9vw;bottom:28px;padding:3px 7px;background:rgba(25,22,18,.48);border-color:rgba(255,255,255,.6);border-radius:0}
.hero .slideshow-controls button{min-width:36px;min-height:40px}
.hero .slideshow-controls .slide-toggle{min-width:66px;font-size:14px}
.hero-index{z-index:2;right:calc(9vw + 173px);bottom:40px;color:#fff;font-size:13px}
@media(max-width:1000px){.topbar{gap:20px}.topbar nav{gap:22px}.topbar .nav-link{display:none}.hero{padding-left:7vw;padding-right:7vw}.hero-copy{max-width:650px}.hero .image-caption{left:7vw}.hero .slideshow-controls{right:7vw}.hero-index{right:calc(7vw + 173px)}}
@media(max-width:700px){.topbar{padding:14px 6vw;gap:12px;flex-wrap:wrap}.topbar .brand-logo{width:176px}.topbar nav{flex-basis:100%;justify-content:space-between;gap:12px;font-size:14px}.topbar nav a:last-child{display:inline}.hero{min-height:660px;padding:75px 7vw 135px;gap:0}.hero-copy{max-width:100%}.hero h1{font-size:clamp(48px,9vw,65px)}.hero .hero-eyebrow{font-size:13px;letter-spacing:.1em;max-width:320px}.hero-intro{max-width:430px;font-size:17px}.hero-image-wrap:after{background:linear-gradient(90deg,rgba(25,22,18,.65),rgba(25,22,18,.61)),linear-gradient(0deg,rgba(25,22,18,.2),transparent 25%)}.hero-slide .hero-image{object-position:58% center}.hero-index{display:none}}
@media(max-width:380px){.hero{padding-top:64px;padding-bottom:130px}.hero h1{font-size:46px}.hero .hero-eyebrow{font-size:12px}.hero .image-caption{bottom:33px}.hero .image-caption strong{font-size:12px}.hero .image-caption small{font-size:12px;max-width:125px}.hero .slideshow-controls{right:6vw}.hero .slideshow-controls button{min-width:30px}.hero .slideshow-controls .slide-toggle{min-width:57px}}

/* Brighter, welcoming display section */
.display-cta{background:#f3f6f5;color:#202825}
.display-photo{background:#e8ece9}
.display-photo img{filter:none;object-position:center 52%}
.display-copy .eyebrow{color:#ae2630}
.display-copy>p:not(.eyebrow){color:#4f5e59}
.display-copy .button-light{background:#fff;color:#202825;border:1px solid #d5ded9}
