*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f2efe7;color:#161914;font-family:Arial,Helvetica,sans-serif}header{height:110px;position:absolute;z-index:5;width:100%;display:flex;align-items:center;padding:12px 4%;gap:30px;color:white}.logo{width:190px;max-height:92px;object-fit:contain;filter:grayscale(1) brightness(0) invert(1)}nav{display:flex;gap:22px;margin-left:auto}a{color:inherit;text-decoration:none;font-weight:700;font-size:12px;letter-spacing:.08em}.outline{border:1px solid #c5a467;padding:15px 22px}.hero{height:690px;background:url(assets/logan-hero.jpeg) center 48%/cover;position:relative;color:white}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.88) 0%,rgba(0,0,0,.58) 34%,rgba(0,0,0,.12) 68%,rgba(0,0,0,.18) 100%)}.hero-copy{position:absolute;left:4%;top:155px}.hero h1{font-family:Impact,Arial Black,sans-serif;font-size:82px;line-height:.88;margin:0 0 20px;letter-spacing:.01em}.hero h1 span{color:#c9a76b}.hero p{letter-spacing:.22em;font-size:11px}.gold,.darkbtn{display:inline-block;margin-top:20px;padding:17px 26px;background:#c9a76b;color:#151812}.darkbtn{background:#171b17;color:white}.script{position:absolute;right:5%;bottom:50px;font-family:cursive;font-size:44px;line-height:.8;transform:rotate(-8deg)}.worlds{display:grid;grid-template-columns:repeat(3,1fr)}.worlds article{height:245px;background-size:cover;background-position:center;position:relative;color:white;padding:150px 28px 20px;text-shadow:0 2px 10px #000}.worlds article:before{content:'';position:absolute;inset:0;background:linear-gradient(transparent,rgba(0,0,0,.75))}.worlds h2,.worlds p{position:relative;margin:0}.worlds h2,.difference h2,.process h2,.projects h2,.contact h2{font-family:Impact,Arial Black,sans-serif;letter-spacing:.02em}.worlds h2{font-size:34px}.worlds p{font-size:12px;line-height:1.45;letter-spacing:.08em}.difference{display:grid;grid-template-columns:1.1fr 1.9fr;padding:58px 4%;gap:45px;background:#f4f0e7}.intro small,.process small,.projects small,.contact small{letter-spacing:.22em;color:#967748}.intro h2{font-size:34px;margin:10px 0}.intro p{line-height:1.5;font-size:14px}.benefits{display:grid;grid-template-columns:repeat(4,1fr);align-items:center}.benefits div{text-align:center;border-left:1px solid #d7d0c4;font-size:36px}.benefits b,.benefits span{display:block;font-size:16px;margin-top:14px}.benefits span{font-size:13px;font-weight:400;line-height:1.5}.process{padding:45px 4% 55px;background:#121912;color:white;background-image:radial-gradient(circle at 20% 30%,#263126 0,transparent 25%)}.process h2{font-size:36px;margin:8px 0 25px}.steps{display:grid;grid-template-columns:repeat(6,1fr);gap:15px}.steps em{font-family:Impact;font-size:28px}.steps .ph{height:115px;margin:5px 0 10px;background:linear-gradient(135deg,#3b433b,#9b8b6f)}.steps b,.steps span{display:block}.steps span{font-size:12px;line-height:1.4;margin-top:5px;color:#ddd}.projects{padding:45px 4%;background:#f4f0e7}.projects h2{font-size:36px;margin:8px 0 18px}.options{padding:45px 4%;display:grid;grid-template-columns:1fr 1fr;align-items:center;background:#151b15;color:white}.options h2{font-style:italic;font-size:38px}.options blockquote{text-align:center;font-size:24px;font-weight:800;letter-spacing:.12em}.contact{text-align:center;padding:90px 20px}.contact h2{font-size:55px;margin:10px}.contact .gold{font-size:14px}footer{padding:25px;text-align:center;background:#111;color:#aaa;font-size:11px;letter-spacing:.2em}@media(max-width:900px){header nav{display:none}header{height:90px}.logo{width:155px}.outline{margin-left:auto}.hero{height:620px}.hero-copy{top:150px}.hero h1{font-size:58px}.hero p{max-width:320px;line-height:1.7}.script{font-size:30px}.worlds{grid-template-columns:1fr}.worlds article{height:210px}.difference{grid-template-columns:1fr}.benefits{grid-template-columns:repeat(2,1fr);gap:30px}.steps{grid-template-columns:repeat(2,1fr)}.options{grid-template-columns:1fr}.options blockquote{margin-top:45px}}@media(max-width:520px){header .outline{padding:11px;font-size:10px}.hero h1{font-size:48px}.hero-copy{left:6%}.script{display:none}.benefits{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr}.contact h2{font-size:42px}}
/* Responsive refinements to the approved v2 design. */
img{max-width:100%;display:block}figure{margin:0}button,summary{font:inherit}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #c9a76b;outline-offset:5px}section[id]{scroll-margin-top:24px}.skip{position:absolute;top:-80px;left:20px;z-index:20;padding:15px;background:white;color:black}.skip:focus{top:15px}.menu-toggle{display:none}header .logo{height:92px;width:190px}header>a:first-child{flex-shrink:0}.hero p{font-size:12px;max-width:560px;line-height:1.7}.hero{background-position:center 48%}.intro p{font-size:16px}.benefits span{font-size:14px}.steps{gap:24px}.steps em{color:#c9a76b;font-style:normal;font-size:38px}.step-rule{height:28px;border-top:1px solid #75806c;margin-top:18px}.steps b{font-size:14px;letter-spacing:.04em}.steps span{font-size:14px;line-height:1.6;color:#ddd}.process{padding-top:55px;padding-bottom:65px}.projects{padding-top:60px;padding-bottom:60px}.projects h2{margin-bottom:30px}.project-story{display:grid;grid-template-columns:1.1fr 1fr;gap:7%;align-items:center}.project-story figure{position:relative}.project-story img{width:100%;height:590px;object-fit:cover;object-position:50% 58%}.project-story figcaption{position:absolute;bottom:0;padding:28px;color:white;width:100%;background:linear-gradient(transparent,#000b);font-size:12px;letter-spacing:.12em}.story-copy{padding:30px 0}.story-copy small{font-size:12px;letter-spacing:.12em}.story-copy h3{font-family:Impact,'Arial Black',sans-serif;font-size:50px;line-height:1.04;margin:18px 0}.story-copy p{font-size:17px;line-height:1.7;max-width:410px}.project-pair{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:40px}.project-pair img{width:100%;height:520px;object-fit:cover;object-position:center 55%}.project-pair figcaption{padding:24px 0}.project-pair figcaption span{font-size:12px;letter-spacing:.15em;color:#72572e}.project-pair h3{font-family:Impact,'Arial Black',sans-serif;font-size:27px;letter-spacing:.02em;margin:12px 0}.project-pair p{font-size:16px;line-height:1.6;max-width:470px;margin:0}.more-work{border-top:1px solid #c9c0ae;border-bottom:1px solid #c9c0ae;margin-top:20px}.more-work summary{cursor:pointer;padding:24px 0;font-weight:bold;letter-spacing:.1em;font-size:13px;display:flex;justify-content:space-between}.supporting-projects{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding-bottom:28px}.supporting-projects img{height:440px;width:100%;object-fit:cover}.supporting-projects figcaption{padding:15px 0;font-size:14px}.options{gap:7%;padding-top:55px;padding-bottom:55px}.options p{font-size:17px;line-height:1.7;max-width:430px;margin-bottom:28px}.options .outline{display:inline-block;line-height:1.5}.flooring-detail img{width:100%;height:330px;object-fit:cover;object-position:center 70%}.flooring-detail figcaption{font-size:12px;letter-spacing:.1em;padding-top:16px}.contact small{color:#795d32}footer{font-size:12px;line-height:1.8}
@media(min-width:901px) and (max-width:1200px){header{gap:15px;padding-left:3%;padding-right:3%}header .logo{width:145px}nav{gap:12px}nav a{font-size:10px}header .outline{padding:13px;font-size:10px}.difference{grid-template-columns:1fr}.steps{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){header{gap:12px}header .logo{width:145px;height:85px}.menu-toggle{display:block;order:3;background:none;border:1px solid #a9a58f;color:white;padding:12px;font-size:12px;cursor:pointer}.menu-toggle span{margin-left:8px}header nav{position:absolute;top:90px;left:4%;right:4%;background:#141b15;padding:20px;margin:0;flex-direction:column;gap:0;border:1px solid #6a705f}header nav.open{display:flex}header nav a{padding:14px;font-size:14px}.worlds{grid-template-columns:repeat(3,1fr)}.worlds article{height:245px;padding:135px 18px 20px}.worlds p{font-size:11px}.worlds h2{font-size:30px}.steps{grid-template-columns:repeat(3,1fr)}.project-story{gap:5%}.project-story img{height:470px}.story-copy h3{font-size:38px}.project-pair img{height:400px}.options{grid-template-columns:1fr 1fr}.options .outline{margin-left:0}.options h2{font-size:32px}}
@media(max-width:600px){header .logo{width:115px;height:78px}header .outline{margin-left:auto;font-size:10px;padding:12px 10px;letter-spacing:0}header{gap:9px}.menu-toggle{padding:12px 9px;font-size:10px}.menu-toggle span{display:none}.hero{height:610px;background-position:58% center}.hero-copy{top:162px;right:6%}.hero h1{font-size:clamp(42px,10.9vw,62px)}.hero p{font-size:11px;letter-spacing:.12em;max-width:290px}.worlds{grid-template-columns:1fr}.worlds article{height:225px;padding:125px 6% 20px;background-position:center}.worlds h2{font-size:34px}.worlds p{font-size:12px}.difference,.process,.projects,.options{padding-left:6%;padding-right:6%}.intro h2,.process h2,.projects h2{font-size:32px}.benefits{gap:24px 8px}.benefits b{font-size:15px}.benefits span{font-size:14px}.steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 20px}.steps b{font-size:13px}.steps span{font-size:14px}.step-rule{height:12px;margin-top:10px}.project-story{grid-template-columns:1fr;gap:0}.project-story img{height:auto;max-height:560px;object-fit:contain}.story-copy{padding:30px 0 10px}.story-copy h3{font-size:42px}.project-pair{grid-template-columns:1fr;margin-top:30px;gap:16px}.project-pair img{height:auto;max-height:590px;object-fit:cover}.supporting-projects{grid-template-columns:1fr}.supporting-projects img{height:auto}.options{grid-template-columns:1fr;gap:35px}.flooring-detail img{height:330px}.contact{padding:65px 6%}.contact h2{font-size:40px}.gold,.darkbtn{font-size:12px}.script{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

header{background:linear-gradient(#0007,transparent)}

/* Approved real Top Deck sunset photograph; responsive CSS crops only. */
.hero{background-position:center 46%}.hero .shade{background:linear-gradient(90deg,rgba(0,0,0,.62),rgba(0,0,0,.32) 32%,transparent 65%,transparent),linear-gradient(180deg,rgba(0,0,0,.16),transparent 30%)}
@media(max-width:900px){.hero{background-position:center 44%}}
@media(max-width:600px){.hero{height:700px;background-position:65% center}.hero-copy{top:126px}.hero .shade{background:linear-gradient(180deg,rgba(0,0,0,.3),rgba(0,0,0,.22) 48%,transparent 73%),linear-gradient(90deg,rgba(0,0,0,.3),transparent 90%)}}