/* LUMEN Melbourne — responsive concept site */
:root{--ink:#111312;--paper:#f1eee8;--muted:#aaa9a3;--line:rgba(255,255,255,.22);--serif:Georgia,"Times New Roman",serif;--sans:"DM Sans",Arial,sans-serif;--display:"Manrope",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--ink);color:#f7f5f0;font-family:var(--sans);font-size:15px;line-height:1.65}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.skip-link{position:absolute;left:-999px;top:10px;background:#fff;color:#111;padding:10px;z-index:99}.skip-link:focus{left:10px}.site-header{height:88px;padding:0 7.5%;display:flex;align-items:center;justify-content:space-between;gap:32px;position:absolute;z-index:10;top:0;left:0;width:100%;border-bottom:1px solid rgba(255,255,255,.15);background:rgba(13,15,14,.48);backdrop-filter:blur(10px)}.wordmark{display:flex;flex-direction:column;line-height:1;min-width:150px}.wordmark span{font:300 29px/1 var(--display);letter-spacing:.28em}.wordmark small{font:500 8px/1.8 var(--sans);letter-spacing:.48em;margin-top:7px;text-align:center}.nav{display:flex;align-items:center;gap:clamp(18px,3vw,44px)}.nav a,.header-cta{font-size:10px;letter-spacing:.16em;text-transform:uppercase}.nav a{color:#e4e2dc;transition:opacity .2s}.nav a:hover{opacity:.62}.header-cta{border:1px solid rgba(255,255,255,.65);padding:12px 22px;white-space:nowrap}.header-cta span{margin-left:15px}.menu-toggle{display:none;background:none;border:0;color:white}.hero{min-height:760px;height:min(100vh,900px);max-height:1000px;position:relative;display:flex;align-items:center;overflow:hidden;background:#222}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 52%;filter:saturate(.82)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,9,8,.82) 0%,rgba(7,9,8,.55) 33%,rgba(7,9,8,.05) 72%),linear-gradient(0deg,rgba(7,9,8,.5),transparent 30%)}.hero-content{position:relative;z-index:1;margin:70px 7.5% 0;max-width:580px}.eyebrow{font-size:9px;letter-spacing:.36em;text-transform:uppercase;color:#c7c5bd;margin:0 0 22px}.hero h1,.intro h2,.section-heading h2,.statement h2,.details h2,.contact h2{font:300 clamp(48px,6.2vw,86px)/.99 var(--display);letter-spacing:-.055em;text-transform:uppercase;margin:0}.hero-copy{max-width:360px;color:#e0ded7;font-size:14px;line-height:1.8;margin:28px 0 30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:14px 18px;min-width:220px;font-size:10px;letter-spacing:.16em;text-transform:uppercase;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button span{font-size:17px}.button-light{border:1px solid rgba(255,255,255,.75);color:white}.button-light:hover{background:#f5f2ec;color:#111}.hero-note{position:absolute;left:7.5%;right:7.5%;bottom:26px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:#d0cec8}.section-grid{display:grid;grid-template-columns:.85fr 1.15fr}.intro{background:var(--paper);color:var(--ink);min-height:440px}.intro-copy{padding:85px 12% 72px 15%}.eyebrow-dark{color:#686a64}.intro h2,.details h2{font-size:clamp(42px,5vw,67px)}.intro-copy>p:not(.eyebrow){font-size:13px;color:#5e605b;max-width:400px;margin:24px 0}.text-link{display:inline-flex;gap:25px;align-items:center;margin-top:13px;border-bottom:1px solid #9d9c94;padding-bottom:8px;font-size:10px;letter-spacing:.13em;text-transform:uppercase}.text-link span{font-size:17px}.intro-visual{min-height:440px;position:relative;overflow:hidden}.intro-visual img{height:100%;width:100%;position:absolute;inset:0;object-fit:cover;object-position:75% 55%;filter:brightness(.9) saturate(.7)}.image-caption{position:absolute;bottom:20px;right:25px;color:white;font-size:9px;letter-spacing:.2em;text-transform:uppercase}.section-pad{padding:110px 7.5%}.collection{background:#111312}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:48px}.section-heading h2{font-size:clamp(43px,5vw,65px)}.section-heading h2 em,.details h2 em,.contact h2 em{font-family:var(--serif);font-weight:400;text-transform:none;letter-spacing:-.06em}.section-heading>p{max-width:310px;color:#a6a7a0;font-size:13px;margin:0 0 7px}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.product-card{min-width:0}.product-art{height:280px;position:relative;overflow:hidden;display:grid;place-items:center;background:#252b2a}.art-blue{background:radial-gradient(ellipse at 50% 60%,#304b50,#1a2223 62%,#0d1010)}.art-amber{background:radial-gradient(ellipse at 50% 60%,#67452c,#27211d 62%,#101110)}.art-smoke{background:radial-gradient(ellipse at 50% 60%,#555a58,#242827 62%,#101110)}.product-art:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.08),transparent 38%,rgba(0,0,0,.25));pointer-events:none}.glass-bbq{position:relative;width:72%;height:98px;border:2px solid rgba(197,226,222,.8);border-top:7px solid rgba(224,238,229,.86);background:linear-gradient(135deg,rgba(161,207,204,.32),rgba(20,36,36,.18));transform:perspective(400px) rotateX(-5deg) skewY(-2deg);box-shadow:0 22px 28px #0008,inset 0 0 30px #c4ffff1c}.glass-bbq:before{content:"";position:absolute;left:-1px;right:-1px;top:-38px;height:32px;border:2px solid rgba(222,232,222,.75);background:linear-gradient(90deg,#242b29,#080a09 30%,#383b35 70%,#111);box-shadow:0 0 14px #ff9e4833}.glass-bbq:after{content:"";position:absolute;left:0;right:0;bottom:-42px;height:40px;border:2px solid rgba(195,226,220,.35);border-top:0;background:linear-gradient(90deg,transparent,rgba(177,224,220,.08),transparent)}.glass-bbq i{position:absolute;top:-27px;width:7px;height:7px;border-radius:50%;background:#c8b9a0;box-shadow:0 0 0 2px #171918}.glass-bbq i:nth-child(1){left:20%}.glass-bbq i:nth-child(2){left:47%}.glass-bbq i:nth-child(3){left:74%}.glass-bbq b{position:absolute;left:12%;right:12%;top:-60px;height:18px;background:linear-gradient(0deg,#ff9b43,transparent);filter:blur(7px);opacity:.75}.product-two .glass-bbq{border-color:rgba(229,192,144,.78);background:linear-gradient(135deg,rgba(228,173,105,.25),rgba(20,26,25,.2))}.product-three .glass-bbq{border-color:rgba(210,214,210,.75)}.product-info{display:flex;align-items:start;justify-content:space-between;padding:22px 2px 0;gap:15px}.product-info .eyebrow{font-size:8px;margin-bottom:8px}.product-info h3{font:400 23px var(--display);margin:0 0 8px}.product-info p:last-child{color:#a6a7a0;font-size:12px;line-height:1.65;max-width:270px;margin:0}.product-info>a{border:1px solid #666963;width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;transition:background .2s}.product-info>a:hover{background:#f1eee8;color:#111}.concept-note{margin:36px 0 0;color:#777a73;font-size:10px;letter-spacing:.03em}.statement{position:relative;min-height:570px;display:flex;align-items:center;overflow:hidden;background:#222}.statement-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,9,8,.87),rgba(7,9,8,.25)),url("assets/lumen-hero.png") center 68%/cover no-repeat;filter:saturate(.65)}.statement-content{position:relative;padding:100px 7.5%;max-width:650px}.statement h2{font-size:clamp(54px,7vw,90px)}.statement-content>p:not(.eyebrow){max-width:390px;color:#d3d0c9;font-size:13px;line-height:1.8;margin:24px 0 30px}.statement-index{position:absolute;right:7.5%;bottom:30px;font-size:9px;letter-spacing:.2em;color:#d4d0c7}.details{background:var(--paper);color:var(--ink);display:grid;grid-template-columns:.8fr 1.2fr;gap:10%}.details-heading{align-self:start;position:sticky;top:120px}.detail-list article{display:grid;grid-template-columns:44px 1fr 24px;gap:18px;padding:28px 0;border-top:1px solid #c8c5bd}.detail-list article:last-child{border-bottom:1px solid #c8c5bd}.detail-number{font-size:10px;color:#777970;padding-top:5px}.detail-list h3{font:400 22px var(--display);margin:0 0 9px}.detail-list p{font-size:12px;color:#666860;max-width:470px;margin:0}.detail-arrow{font-size:16px}.contact{padding:100px 7.5%;display:grid;grid-template-columns:1fr .6fr;gap:8%;align-items:end;background:#d8d4ca;color:#151715}.contact .eyebrow{color:#64665f}.contact h2{font-size:clamp(45px,6vw,77px)}.contact-side>p{font-size:13px;color:#555850;max-width:340px;margin:0 0 25px}.button-dark{background:#151715;color:#fff;border:1px solid #151715}.button-dark:hover{background:transparent;color:#151715}.contact-side small{display:block;color:#686a63;font-size:10px;margin-top:24px;letter-spacing:.08em}.site-footer{padding:44px 7.5%;display:grid;grid-template-columns:1fr 1.1fr 1.4fr 1fr;gap:25px;align-items:center;background:#0b0d0c;border-top:1px solid #333632}.footer-mark{width:max-content}.footer-mark span{font-size:24px}.site-footer>p{font-size:11px;color:#92948d}.site-footer nav{display:flex;gap:18px;flex-wrap:wrap}.site-footer nav a,.copyright{font-size:9px;letter-spacing:.07em;text-transform:uppercase;color:#a7a9a1}.copyright{text-align:right;line-height:1.9}
@media(max-width:900px){.site-header{padding:0 5%;gap:18px}.wordmark{min-width:130px}.wordmark span{font-size:25px}.nav{gap:16px}.nav a,.header-cta{font-size:9px}.header-cta{padding:10px 13px}.hero-content{margin-left:6%;}.section-pad{padding:85px 5%}.intro-copy{padding:70px 10%}.product-art{height:230px}.details{gap:6%}.site-footer{padding:38px 5%;grid-template-columns:1fr 1fr}.copyright{text-align:left}}
@media(max-width:640px){html{scroll-padding-top:70px}.site-header{height:70px;padding:0 6%;justify-content:space-between}.wordmark{min-width:0}.wordmark span{font-size:23px}.wordmark small{font-size:7px}.menu-toggle{display:flex;flex-direction:column;gap:6px;margin-left:auto;padding:10px}.menu-toggle span{display:block;width:23px;height:1px;background:#fff}.nav{display:none;position:absolute;top:70px;left:0;right:0;background:#111312;padding:22px 6% 28px;align-items:flex-start;flex-direction:column;gap:20px;border-bottom:1px solid #3a3d39}.nav.is-open{display:flex}.nav a{font-size:11px}.header-cta{padding:10px 12px;font-size:8px}.header-cta span{margin-left:6px}.hero{height:790px;min-height:680px;max-height:900px;align-items:flex-end}.hero-image{object-position:60% center}.hero-shade{background:linear-gradient(0deg,rgba(7,9,8,.88),rgba(7,9,8,.2) 85%),linear-gradient(90deg,rgba(7,9,8,.28),transparent)}.hero-content{margin:0 6% 100px}.hero h1{font-size:clamp(48px,13vw,70px)}.hero-copy{max-width:310px;font-size:13px;margin:22px 0}.hero-note{left:6%;right:6%;font-size:8px;letter-spacing:.12em}.section-grid{grid-template-columns:1fr}.intro-copy{padding:65px 7% 58px}.intro-visual{min-height:300px}.section-pad{padding:72px 6%}.section-heading{display:block;margin-bottom:32px}.section-heading>p{margin-top:20px}.section-heading h2{font-size:48px}.product-grid{grid-template-columns:1fr;gap:34px}.product-art{height:290px}.product-info h3{font-size:24px}.statement{min-height:530px}.statement-content{padding:80px 6%}.statement h2{font-size:58px}.details{grid-template-columns:1fr;gap:42px}.details-heading{position:static}.details h2{font-size:55px}.detail-list article{grid-template-columns:28px 1fr 20px;gap:12px}.detail-list h3{font-size:20px}.contact{grid-template-columns:1fr;gap:35px;padding:75px 6%}.contact h2{font-size:54px}.site-footer{grid-template-columns:1fr 1fr;gap:28px;padding:36px 6%}.site-footer>p{margin:0}.site-footer nav{flex-direction:column;gap:8px}.copyright{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}