
:root{--blue:#093e76;--deep:#062b53;--orange:#f46e26;--gold:#f5a335;--cream:#fffaf3;--pale:#f6eee2;--sea:#e7f2f4;--muted:#5d7891;--font-display:'Cormorant Garamond',serif;--font-body:'Jost',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--deep);background:var(--cream);font-family:var(--font-body)}.kicker{font-size:12px;font-weight:700;letter-spacing:.16em;color:var(--orange);margin:0 0 13px}h1,h2,h3{margin:0}h1,h2{font-family:var(--font-display);font-weight:600;line-height:.96;letter-spacing:-1.5px}h1{font-size:clamp(44px,5.2vw,76px)}h2{font-size:clamp(36px,4vw,58px)}h1 em,h2 em{color:var(--orange);font-weight:500}header{height:100px;position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;background:#fffaf3df;backdrop-filter:blur(18px);border-bottom:1px solid #093e7612;box-shadow:0 3px 22px #093e7609}.logo{height:100px;width:180px;display:flex;align-items:center}.logo img{width:180px;height:84px;object-fit:contain}nav{display:flex;align-items:center;gap:38px}nav a,.enquire{color:var(--blue);font-size:14px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;text-decoration:none}.enquire{border:1px solid #f46e2650;border-radius:3px;padding:11px 15px;color:var(--orange);transition:.25s}.enquire:hover{background:var(--orange);color:#fff}.cinema{height:calc(100svh - 100px);min-height:640px;position:relative;overflow:hidden;background:linear-gradient(135deg,#dceef0,#fff6e9)}.slides{height:100%;position:relative}.slide{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity 1.25s ease;overflow:hidden}.slide.active{opacity:1;pointer-events:auto}.media{position:absolute;inset:0;background:#bedde0;background-size:cover;background-position:center}.media img,.media video{width:100%;height:100%;object-fit:cover;opacity:.75;filter:saturate(.8) brightness(1.04)}.overlay{position:absolute;inset:0;background:linear-gradient(90deg,#fffaf3f5 0%,#fffaf3cd 38%,#fffaf336 72%,transparent)}.cold-overlay{background:linear-gradient(90deg,#e7f6f6f4,#e7f6f699,transparent)}.intro{background:radial-gradient(circle at 78% 28%,#ffdcc0,transparent 23%),linear-gradient(120deg,#fffaf3 0%,#e7f2f4 58%,#cde6e8 100%)}.intro-copy{position:absolute;z-index:3;top:48%;left:9%;transform:translateY(-50%);max-width:620px}.intro-copy>p:not(.kicker),.slide-copy p:not(.kicker){font-size:16px;line-height:1.8;color:#53718a;max-width:440px;margin:24px 0}.orange{border:0;border-radius:3px;background:var(--orange);color:#fff;text-decoration:none;display:inline-flex;align-items:center;gap:28px;padding:14px 23px;font:600 13px var(--font-body);letter-spacing:.06em;box-shadow:0 8px 23px #f46e2640;cursor:pointer;transition:.25s}.orange:hover{background:var(--blue);transform:translateY(-3px)}.orange b{font-size:18px}.intro-product{position:absolute;right:7%;bottom:-7%;width:47%;height:94%;overflow:hidden;border-radius:52% 52% 0 0}.intro-product:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#e7f2f4aa,transparent 35%)}.intro-product img{width:100%;height:100%;object-fit:cover;filter:saturate(.85);animation:drift 10s ease-in-out infinite}.logo-watermark{position:absolute;right:9%;top:8%;width:310px;height:160px;object-fit:contain;opacity:.13}.slide-copy{position:absolute;z-index:3;top:50%;left:10%;transform:translateY(-48%);max-width:570px}.slide-copy h2{color:var(--blue);font-size:clamp(44px,5vw,74px)}.caption{display:block;border-top:1px solid #7494a8;padding-top:13px;font-size:12px;letter-spacing:.08em;color:var(--blue)}.live{position:absolute;z-index:4;right:6%;top:10%;font-size:10px;font-style:normal;color:var(--blue);letter-spacing:.15em}.live span{display:inline-block;width:7px;height:7px;margin-left:7px;border-radius:50%;background:var(--orange);animation:pulse 1s infinite}.temperature{position:absolute;z-index:3;right:8%;bottom:11%;font:500 135px/.7 var(--font-display);color:var(--orange)}.controls{position:absolute;z-index:8;left:9%;right:6%;bottom:28px;display:flex;align-items:center;gap:14px;color:var(--blue);font-size:12px;letter-spacing:.12em}.controls button{width:42px;height:42px;border:1px solid #46768d;background:#fffaf3d9;color:var(--blue);font-size:19px;cursor:pointer;transition:.25s}.controls button:hover{background:var(--orange);color:white;border-color:var(--orange)}.controls div{width:185px;height:2px;background:#a9c4ca}.controls .pause{width:auto;display:inline-flex;align-items:center;gap:9px;padding:0 15px;font:600 12px var(--font-body);letter-spacing:.1em}.controls .pause span{font-size:12px;width:12px;text-align:center}.controls .pause em{font-style:normal;min-width:62px;text-align:left}.cinema.paused .controls .pause{background:var(--orange);color:#fff;border-color:var(--orange)}.cinema.paused .process-motion{animation-play-state:paused}.framed .media{background:linear-gradient(120deg,#fffaf3 0%,#e7f2f4 60%,#d6eaec 100%)}.block-shot{position:absolute;margin:0;right:6%;top:50%;transform:translateY(-50%);width:min(48%,760px);aspect-ratio:4/3;overflow:hidden;border-radius:4px;box-shadow:0 30px 60px #062b5326;border:8px solid #fff}.block-shot img{opacity:1;filter:none}.controls i{display:block;width:16.66%;height:100%;background:linear-gradient(90deg,var(--orange),var(--gold));transition:width 1.25s ease}.story,.process-info{padding:125px 9vw;background:var(--cream)}.story{display:grid;grid-template-columns:1fr 1.2fr;gap:10vw}.story>div{padding-top:38px}.story p:not(.kicker){font-size:16px;line-height:2;color:var(--muted);max-width:560px}.forms{padding:115px 9vw;background:var(--sea)}.forms-head{display:grid;grid-template-columns:1.1fr .9fr;gap:7vw}.forms-head .kicker{grid-column:span 2}.forms-head>p:not(.kicker){align-self:end;color:var(--muted);font-size:15px;line-height:1.85}.form-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:65px;border-top:1px solid #b7d2d4}.form-grid article{min-height:222px;padding:23px;background:#ffffffb5;border-right:1px solid #b7d2d4;border-bottom:1px solid #b7d2d4;position:relative;transition:.32s}.form-grid article:hover{transform:translateY(-6px);box-shadow:0 14px 32px #093e7618;background:#fff4e9}.form-grid .confirmed{background:#cfe5e4}.form-grid span{font-size:12px;color:var(--orange)}.form-grid h3{font:600 28px var(--font-display);color:var(--blue);margin-top:22px}.form-grid b{font-size:13px}.form-grid p{font-size:14px;line-height:1.65;color:var(--muted)}.form-grid i{position:absolute;bottom:16px;left:23px;font-size:11px;font-style:normal;color:var(--orange);letter-spacing:.1em}.counts{padding:25px 0;display:flex;gap:30px;color:var(--blue);font-size:15px;line-height:1.8}.counts b{font-size:12px;color:var(--orange);letter-spacing:.12em;white-space:nowrap}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;margin-top:70px}.steps article{border-top:1px solid #c5d8d8;padding-top:20px}.steps article>b{font-size:12px;color:var(--orange)}.steps h3{font:600 27px var(--font-display);color:var(--blue);margin:32px 0 10px}.steps p{font-size:15px;color:var(--muted);line-height:1.7}.chairman{display:grid;grid-template-columns:1fr 1fr;background:#fde7cb}.chairman>div{min-height:560px}.chairman img{height:100%;width:100%;object-fit:cover;filter:saturate(.75) brightness(1.08)}.chairman article{padding:100px 12%;align-self:center}.chairman blockquote{font:500 34px/1.3 var(--font-display);color:var(--blue);margin:0}.chairman article>p:not(.kicker){font-size:14px;line-height:1.9;color:var(--muted);margin:25px 0}.chairman b{font-size:11px;color:var(--blue)}.chairman small{display:block;margin-top:27px;font-size:9px;color:var(--orange);letter-spacing:.1em}.contact{text-align:center;padding:105px 9vw;background:linear-gradient(135deg,#d9eced,#fff2e3)}.contact>img{width:220px;height:100px;object-fit:contain;margin-bottom:18px}.contact h2{color:var(--blue)}.people{display:grid;grid-template-columns:repeat(2,minmax(0,380px));justify-content:center;gap:24px;margin:56px auto 0;text-align:left}.people article{padding:28px 30px;background:#ffffffc4;border:1px solid #093e761f;border-top:3px solid var(--orange);border-radius:4px}.people span{display:block;font-size:12px;font-weight:700;letter-spacing:.12em;color:var(--orange)}.people h3{font:600 28px/1.15 var(--font-display);color:var(--blue);margin:12px 0 6px}.people p{font-size:15px;line-height:1.6;color:var(--muted);margin:0 0 16px}.people a{display:block;font-size:16px;font-weight:500;color:var(--blue);text-decoration:none;line-height:1.9;overflow-wrap:anywhere}.people a:hover{color:var(--orange)}.contact address{margin-top:36px;font-size:15px;font-style:normal;line-height:1.8;color:var(--muted)}footer{background:var(--blue);color:#dcebee;padding:24px 5vw;display:flex;align-items:center;justify-content:space-between;font-size:12px;letter-spacing:.1em}@keyframes drift{50%{transform:scale(1.04) translate(-10px,-10px)}}@keyframes pulse{50%{opacity:.2;transform:scale(.55)}}@media(max-width:760px){header{height:72px;padding:0 6vw}.logo{height:72px;width:135px}.logo img{width:135px;height:66px}nav{display:none}.enquire{font-size:12px;padding:9px}.cinema{height:calc(100svh - 72px);min-height:620px}.intro-copy,.slide-copy{left:8%;right:8%;top:45%}.intro-product{right:-24%;width:80%;opacity:.55}.slide-copy h2{font-size:42px}.controls .pause em{display:none}.controls .pause{padding:0;width:42px;justify-content:center}.block-shot{inset:auto 6% 92px 6%;top:auto;transform:none;width:auto;aspect-ratio:auto;height:34%;border-width:5px}.framed .slide-copy{top:36%}.people{grid-template-columns:1fr}.people article{padding:24px}.temperature{font-size:82px}.controls{left:8%;right:8%;bottom:16px}.controls div{flex:1}.story,.chairman{grid-template-columns:1fr;padding:80px 8vw}.story>div{padding:0}.forms,.process-info{padding:80px 8vw}.forms-head{display:block}.forms-head>p:not(.kicker){margin-top:25px}.form-grid{grid-template-columns:1fr 1fr;margin-top:45px}.form-grid article{min-height:200px;padding:17px}.form-grid i{left:17px}.counts{display:block}.counts span{display:block;margin-top:12px}.steps{grid-template-columns:1fr 1fr;margin-top:45px}.chairman{padding:0}.chairman>div{min-height:330px}.chairman article{padding:70px 8vw}.chairman blockquote{font-size:27px}.contact{padding:80px 8vw}footer{gap:15px;flex-wrap:wrap;padding:20px 7vw;font-size:11px}}
