/* Each demo owns a visual language. Utility disclosure and enquiry behavior are shared. */
body[data-design]{--demo-pad:clamp(24px,5vw,80px);font-family:var(--body-font,Arial,sans-serif)}
body[data-design] h1,body[data-design] h2,body[data-design] h3{font-family:var(--display,Arial,sans-serif);font-weight:var(--weight,500)}
body[data-design] h1 i,body[data-design] h1 em,body[data-design] h2 i{font-family:inherit;font-style:normal;letter-spacing:inherit}
.identity-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px var(--demo-pad);position:relative;z-index:2}
.identity-header nav{display:flex;gap:28px;font:12px var(--body-font,Arial,sans-serif)}.identity-brand{font:700 34px/.95 var(--display,Arial,sans-serif);letter-spacing:-.06em;flex-shrink:0}.identity-brand>span{display:block;font:8px/1.6 var(--body-font,Arial,sans-serif);letter-spacing:.11em;margin-top:8px}.identity-nav-cta{font-size:11px;line-height:1.5}.identity-header a:hover{text-decoration:underline;text-underline-offset:5px}
body[data-design] .identity-hero{position:relative;margin:0;overflow:hidden;isolation:isolate;max-height:none;height:auto;min-width:0}body[data-design] .identity-hero h1{font-style:normal;margin:0;line-height:.98;letter-spacing:-.065em}
body[data-design] .identity-hero p{font:14px/1.8 var(--body-font,Arial,sans-serif)}body[data-design] .identity-hero>*{min-width:0}
body[data-design] .demo-section,body[data-design] .company-section{padding:90px var(--demo-pad)}body[data-design] .demo-section h2,body[data-design] .company-section h2{font-family:var(--display);font-weight:var(--weight,500);font-style:normal;letter-spacing:-.045em}body[data-design] .demo-section h2 i,body[data-design] .company-section h2 i{font:inherit}
body[data-design] .demo-button,body[data-design] .company-button{transition:background .2s,transform .2s;font-family:var(--body-font,Arial,sans-serif)}body[data-design] .demo-enquiry,body[data-design] .company-brief{min-width:0}body[data-design] textarea{box-sizing:border-box;max-width:100%;font-family:inherit}body[data-design] .demo-form-result,body[data-design] .company-result{overflow-wrap:anywhere}
/* 01 — Sela: retro sign shop, cherry ink, butter paper and illustrated cup. */
.coffee-demo{--display:Bricolage;--body-font:Bricolage;--weight:800;background:#fff4d5;color:#a72423}.coffee-demo .demo-disclosure{background:#a72423}.coffee-demo .identity-header{background:#ffdc80;border-bottom:2px solid #a72423}.coffee-demo .identity-brand{font-size:55px}.coffee-demo .identity-nav-cta{border:2px solid #a72423;border-radius:50%;padding:16px 18px;font-weight:700}.coffee-demo .identity-hero{display:block;background:#ffdc80;color:#a72423;padding:35px var(--demo-pad) 0;min-height:0}.sela-sign{text-align:center}.sela-sign>span{font-size:10px;font-weight:700;letter-spacing:.16em}.coffee-demo .sela-sign h1{font-size:clamp(52px,6.9vw,108px);line-height:.94;letter-spacing:-.065em;margin:25px 0 0}.coffee-demo .sela-sign h1 em{display:block;font-style:normal}.sela-lower{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:25px;align-items:center}.sela-cup{position:relative;max-width:380px;margin:auto}.sela-cup .retro-cup{width:100%}.sela-stamp{position:absolute;right:-3%;bottom:12%;font:800 19px/.9 Bricolage;transform:rotate(13deg);background:#a72423;color:#ffdc80;padding:19px;border-radius:50%;width:100px;height:100px;text-align:center;display:grid;place-content:center}.sela-small{padding:15px 0}.coffee-demo .sela-small>p{font-size:17px;line-height:1.5}.coffee-demo .demo-button{background:#a72423;color:#fff4d5;border:2px solid #a72423;border-radius:40px;font-weight:700;font-size:12px}.sela-small>.demo-button{margin:15px 0 30px}.sela-small>span{display:block;font-size:9px;font-weight:700;letter-spacing:.1em}.sela-scene{transform:rotate(5deg);background:#fff4d5;padding:12px 12px 17px;max-width:280px;justify-self:end;border:2px solid #a72423}.sela-scene img{position:static;width:100%;height:160px;object-fit:cover;filter:none}.sela-scene>span{display:block;font-size:11px;font-weight:700;line-height:1.3;padding-top:10px}.sela-checkers{height:22px;margin:15px calc(-1 * var(--demo-pad)) 0;background:repeating-conic-gradient(#a72423 0 25%,#ffdc80 0 50%) 0 0/22px 22px}.coffee-demo .coffee-intro{display:block;text-align:center;background:#a72423;color:#fff4d5;padding-block:75px}.coffee-demo .coffee-intro h2{font-size:clamp(32px,4vw,56px);line-height:1.05;margin:25px auto;max-width:800px}.coffee-demo .coffee-intro>p{color:#ffdc80;max-width:400px;margin:auto}.coffee-demo .coffee-menu{background:#fff4d5}.coffee-demo .demo-section-head h2{font-size:46px}.coffee-demo .demo-price-note{color:#a72423}.coffee-demo .demo-filters button{border:2px solid #a72423;background:transparent;color:#a72423;border-radius:30px;font-weight:700}.coffee-demo .demo-filters [aria-pressed=true]{background:#a72423;color:#fff4d5}.coffee-demo .menu-list{grid-template-columns:repeat(3,1fr);gap:18px}.coffee-demo .menu-list article{display:grid;grid-template-columns:1fr auto;padding:25px;background:#ffdc80;border:2px solid #a72423;border-radius:20px;align-items:start;gap:25px 15px}.coffee-demo .menu-list article>span{color:#a72423;margin:0}.coffee-demo .menu-list article>div{grid-column:1/-1;grid-row:2}.coffee-demo .menu-list h3{font-size:27px;line-height:1;font-weight:800}.coffee-demo .menu-list p{font-size:12px;color:#7a3025}.coffee-demo .menu-list strong{grid-column:2;grid-row:1;font-size:17px;font-weight:800;color:#a72423}.coffee-demo .coffee-visit{background:#ffdc80;gap:10%}.coffee-demo .coffee-visit h2{font-size:75px}.coffee-demo .coffee-visit p{color:#7a3025}.coffee-demo .demo-enquiry{border:2px solid #a72423;border-radius:22px;padding:30px;background:#fff4d5}.coffee-demo .demo-enquiry input{background:#ffedbd;border:1px solid #a72423;border-radius:10px;color:#7a3025}.coffee-demo .demo-footer{background:#a72423;color:#fff4d5}.coffee-demo .demo-footer strong{font:800 30px Bricolage}.coffee-demo .demo-footer p{color:#ffdc80}
/* 02 — Lintas: photographic expedition cover and field-guide content. */
.outdoor-demo{--display:Archivo;--body-font:Space;--weight:900;background:#f7f8f4;color:#132d28}.outdoor-demo .identity-header{background:#101f1a;color:#d7f369}.outdoor-demo .identity-brand{font-size:30px;letter-spacing:-.05em}.outdoor-demo .identity-nav-cta{padding:13px 18px;background:#d7f369;color:#132d28;font-weight:700}.outdoor-demo .identity-hero{display:block;min-height:650px;height:calc(100svh - 145px);max-height:920px;padding:30px var(--demo-pad);color:#fff}.outdoor-demo .trail-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.trail-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,28,23,.77),rgba(8,28,23,.08));z-index:-1}.trail-topline,.trail-bottom{display:flex;justify-content:space-between;gap:20px;font:9px Space,sans-serif;letter-spacing:.1em}.trail-title{padding:70px 0 85px;max-width:800px}.outdoor-demo .trail-title>p:first-child{font-size:10px;letter-spacing:.15em;color:#d7f369}.outdoor-demo .trail-title h1{font-size:clamp(62px,7.6vw,115px);line-height:.96;margin:25px 0;letter-spacing:-.065em}.trail-title h1>span{color:#d7f369;margin-left:15px;font-family:Space;font-weight:400}.outdoor-demo .trail-title>p{font-size:15px}.outdoor-demo .demo-button{background:#d7f369;color:#132d28;font-family:Space;font-size:11px;font-weight:700}.trail-title>.demo-button{margin-top:20px}.trail-instrument{position:absolute;right:6%;bottom:100px;width:145px;color:#d7f369}.trail-instrument>span{font:8px Space,sans-serif;display:block;text-align:center;margin-top:15px}.trail-bottom{position:absolute;bottom:30px;left:var(--demo-pad);right:var(--demo-pad);font-size:8px}.outdoor-demo .outdoor-experiences{background:#f7f8f4}.outdoor-demo .demo-section-head h2{font-size:56px}.outdoor-demo .demo-filters button{border-radius:0;background:#e6ebdf;color:#132d28;font:11px Space}.outdoor-demo .demo-filters [aria-pressed=true]{background:#132d28;color:#d7f369}.outdoor-demo .trip-grid{gap:22px}.outdoor-demo .trip-art{aspect-ratio:.95}.outdoor-demo .trip-art img{height:100%;width:100%;object-fit:cover}.outdoor-demo .trip-art-02 img{object-position:80% center;transform:scale(1.25)}.outdoor-demo .trip-art-03 img{object-position:10% center;filter:grayscale(1)}.outdoor-demo .trip-art>span{background:#d7f369;padding:8px;color:#132d28}.outdoor-demo .trip-card h3{font:900 26px/1.1 Archivo;letter-spacing:-.045em}.outdoor-demo .trip-card>p{font-family:Space;font-size:13px}.outdoor-demo .trip-card details{background:#e3e9dd;font-family:Space}.outdoor-demo .outdoor-how{background:#132d28;color:#eef2e5}.outdoor-demo .outdoor-process h2{font-size:50px}.outdoor-demo .outdoor-process h3{font-family:Space;font-weight:600}.outdoor-demo .outdoor-process p{color:#bed1ba}.outdoor-demo .outdoor-process li>span{color:#d7f369}.outdoor-demo .outdoor-enquire{background:#e8eddd;gap:12%}.outdoor-demo .outdoor-enquire h2{font-size:60px}.outdoor-demo .demo-enquiry input,.outdoor-demo .demo-enquiry select{background:#f8faf1;border-bottom:2px solid #132d28}.outdoor-demo .demo-footer{background:#101f1a}.outdoor-demo .demo-footer strong{font:900 25px Archivo;color:#d7f369}
/* 03 — Forma: white Swiss project index, monochrome type and material photography. */
.forma-demo{--display:Space;--body-font:Space;--weight:400;background:#fff;color:#101010}.forma-demo .identity-header{padding-block:28px;border-bottom:1px solid #d6d6d6}.forma-demo .identity-brand{font-size:43px;letter-spacing:-.08em;font-weight:400}.forma-demo .identity-brand>span{display:none}.forma-demo .identity-nav-cta{font-size:12px}.forma-demo .identity-hero{display:block;padding:30px var(--demo-pad) 0;background:#fff;color:#101010}.forma-index{display:flex;justify-content:space-between;font:9px monospace;gap:20px}.forma-demo .forma-title{display:flex;align-items:end;justify-content:space-between;gap:40px;padding:50px 0 35px}.forma-demo .forma-title h1{font:400 clamp(70px,9.2vw,138px)/.9 Space;letter-spacing:-.085em}.forma-demo .forma-title>div{display:flex;flex-direction:column;align-items:flex-start;gap:25px;max-width:230px}.forma-demo .forma-title p{font:13px/1.6 Space}.forma-demo .forma-title a{font:10px monospace;display:block}.forma-demo .forma-hero-art{margin:0;height:460px;aspect-ratio:auto;overflow:hidden;position:relative}.forma-hero-art>img{width:100%;height:100%;object-fit:cover}.forma-photo-caption{position:absolute;bottom:0;left:0;right:0;padding:18px 20px;background:rgba(255,255,255,.94);display:flex;justify-content:space-between;font:8px monospace;gap:20px}.forma-demo .forma-intro{background:#fff;position:relative;overflow:hidden}.forma-demo .forma-intro>div{grid-template-columns:1.5fr 1fr 1fr}.forma-demo .forma-intro h2{font-size:43px;line-height:1.1}.forma-demo .forma-intro p{font:12px/1.9 Space}.forma-demo .forma-mark{display:none}.forma-demo .forma-spaces{background:#f4f4f2}.forma-demo .demo-filters button{border-radius:0;background:#e8e8e5;font-family:monospace;color:#111}.forma-demo .demo-filters [aria-pressed=true]{background:#111;color:#fff}.forma-demo .forma-project-grid{display:block;margin-top:50px}.forma-demo .forma-project{display:grid;grid-template-columns:1.5fr 1fr;grid-template-rows:auto auto auto 1fr;gap:12px 50px;padding:0 0 55px;margin-bottom:55px;border-bottom:1px solid #bbb;min-width:0}.forma-demo .forma-project-art{grid-column:1;grid-row:1/5;aspect-ratio:1.45;margin:0}.forma-demo .forma-project-art img{width:100%;height:100%;object-fit:cover}.forma-demo .forma-study-02 img{object-position:right;filter:grayscale(1)}.forma-demo .forma-study-03 img{object-position:left;transform:scale(1.3)}.forma-demo .forma-project>p,.forma-demo .forma-project>h3,.forma-demo .forma-project>span,.forma-demo .forma-project>details{grid-column:2;margin:0}.forma-demo .forma-project h3{font:400 35px/1.05 Space;letter-spacing:-.055em}.forma-demo .forma-project>p{font:10px monospace}.forma-demo .forma-project>span{font-size:12px}.forma-demo .forma-project details{font-size:11px;align-self:start;background:#e7e7e4;padding:16px;margin-top:20px}.forma-demo .forma-enquire{background:#fff}.forma-demo .forma-enquire h2{font-size:60px}.forma-demo .demo-enquiry input,.forma-demo .demo-enquiry textarea,.forma-demo .demo-enquiry select{background:#f3f3f1;border:0;border-bottom:1px solid #aaa;color:#111}.forma-demo .demo-button{background:#111;color:#fff}.forma-demo .demo-footer{background:#111}.forma-demo .demo-footer strong{font:400 26px Space}
/* 04 — Aera: a centred beauty campaign, soft sculptural forms and rounded commerce. */
.aera-demo{--display:Space;--body-font:Space;--weight:500;background:#fff6f8;color:#7b2347}.aera-demo .demo-disclosure{background:#7b2347}.aera-demo .identity-header{background:#fbdce5;padding-block:22px}.aera-demo .identity-brand{font-size:48px;font-weight:400}.aera-demo .identity-brand>span{display:none}.aera-demo .identity-nav-cta{background:#7b2347;color:#fff;padding:12px 22px;border-radius:30px}.aera-demo .identity-hero{display:grid;grid-template-columns:1fr 1fr;background:#fbdce5;padding:30px var(--demo-pad) 45px;align-items:center;gap:0;min-height:650px}.aera-demo .aera-hero-copy{grid-column:1/-1;text-align:center;padding:0;position:relative;z-index:1}.aera-demo .aera-hero-copy>p{font-size:9px;letter-spacing:.14em;margin:0 0 18px}.aera-demo .aera-hero-copy h1{font:400 clamp(55px,6.6vw,98px)/.96 Space;letter-spacing:-.075em}.aera-demo .aera-hero-copy h1 br{display:none}.aera-demo .aera-hero-copy h1 span{color:#ad4770}.aera-demo .aera-hero-art{grid-column:1/-1;height:355px;position:relative;overflow:visible;margin:auto;width:500px;max-width:100%}.aera-soft-shape{position:absolute;border-radius:48% 52% 39% 61%/55% 47% 53% 45%}.shape-one{width:320px;height:280px;background:#f5b2cb;left:70px;top:50px;transform:rotate(-15deg)}.shape-two{width:190px;height:190px;background:#e3a0bd;right:10px;top:80px;border-radius:50%}.aera-demo .aera-bottle{height:100%;width:260px;top:0;right:auto;bottom:auto}.aera-demo .aera-bottle-back{left:40px;top:-10px;transform:rotate(-15deg);z-index:1}.aera-demo .aera-bottle-front{left:190px;top:20px;transform:rotate(13deg);z-index:2}.aera-seal{position:absolute;right:-35px;top:120px;border-radius:50%;background:#7b2347;color:#ffdfec;font-size:12px;line-height:1.2;padding:23px;transform:rotate(12deg);z-index:3}.aera-bottom-copy{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:30px;position:relative;z-index:2}.aera-demo .aera-bottom-copy p{font:12px/1.6 Space;margin:0}.aera-demo .aera-bottom-copy>span{font-size:8px;letter-spacing:.07em;max-width:180px;text-align:right}.aera-demo .demo-button{background:#7b2347;color:#fff6f8;border-radius:40px;font-family:Space;font-size:11px}.aera-demo .aera-statement{background:#fff6f8;text-align:center}.aera-demo .aera-statement h2{font:400 clamp(36px,4.5vw,65px)/1.08 Space;letter-spacing:-.06em;margin:25px auto;max-width:850px}.aera-demo .aera-statement>p{color:#94667b;max-width:500px;margin:auto}.aera-demo .aera-collection{background:#f7e8ef}.aera-demo .demo-price-note{color:#7b2347}.aera-demo .aera-product-art{background:#fff6f8;border-radius:100px 100px 20px 20px}.aera-demo .aera-product-meta h3{font:500 24px Space;letter-spacing:-.05em}.aera-demo .aera-product>button{background:#7b2347;border-radius:40px;color:#fff6f8}.aera-demo .aera-product>p{color:#94667b}.aera-demo .aera-details{background:#fff6f8}.aera-demo .aera-detail-art{background:#e5b8d0;border-radius:45% 45% 20% 20%}.aera-demo .aera-detail-art>span{font-family:Space;color:#7b2347;letter-spacing:-.06em}.aera-demo .aera-tabs button{background:#f2dce7;color:#7b2347;border-radius:25px}.aera-demo .aera-tabs [aria-selected=true]{background:#7b2347;color:#fff}.aera-demo .aera-ritual{background:#7b2347;color:#fff6f8}.aera-demo .aera-ritual p{color:#ecc2d3}.aera-demo .routine-summary{background:#fff6f8;color:#7b2347;border-radius:28px}.aera-demo .demo-footer{background:#7b2347}.aera-demo .demo-footer strong{font:400 34px Space}.aera-demo .demo-footer p{color:#ecc2d3}
/* 05 — Sora: acid-green festival poster, dark programme and ticket-shaped passes. */
.sora-demo{--display:Archivo;--body-font:Space;--weight:900;background:#111;color:#dfff00}.sora-demo .demo-disclosure{background:#262626;color:#dfff00}.sora-demo .motion-toggle{background:#2d2d2d;color:#dfff00;border:1px solid #5f5f5f}.sora-demo .identity-header{background:#111;color:#dfff00;border-bottom:1px solid #454545}.sora-demo .identity-brand{font:900 29px Archivo}.sora-demo .identity-brand>span{font-family:monospace;font-size:7px}.sora-demo .identity-header nav{font:10px monospace}.sora-demo .identity-nav-cta{background:#dfff00;color:#111;padding:12px 18px;font:10px monospace}.sora-demo .identity-hero{display:block;padding:28px var(--demo-pad) 35px;background:#111;color:#dfff00;min-height:0}.sora-poster-top{display:flex;justify-content:space-between;font:9px monospace;gap:25px}.sora-poster-title{position:relative;margin:40px 0;isolation:isolate}.sora-demo .sora-poster-title h1{font:900 clamp(90px,19vw,290px)/.8 Archivo;letter-spacing:-.08em;position:relative;z-index:1}.sora-poster-title h1>span{display:block;font-size:.57em;letter-spacing:-.065em;margin-top:12px}.sora-demo .sora-hero-art{position:absolute;right:0;top:-20px;width:42%;height:auto;aspect-ratio:1;opacity:.95;z-index:0}.sora-hero-art .session-art{filter:hue-rotate(15deg);width:100%;height:100%}.sora-poster-bottom{display:flex;align-items:center;justify-content:space-between;gap:35px;border-top:1px solid #454545;padding-top:25px}.sora-demo .sora-poster-bottom p{font:900 22px/1 Archivo;letter-spacing:-.04em;margin:0}.sora-demo .sora-poster-bottom>span{font:8px/1.8 monospace;color:#aaa}.sora-demo .demo-button{background:#dfff00;color:#111;font:11px Space;border:0;border-radius:0}.sora-demo .demo-enquiry .demo-button{background:#dfff00;color:#111}.sora-demo .demo-enquiry .demo-button:hover{background:#edff75;color:#111}.sora-demo .sora-intro{background:#dfff00;color:#111}.sora-demo .sora-intro h2{font-size:52px;line-height:1;letter-spacing:-.06em}.sora-demo .sora-intro p,.sora-demo .sora-intro span{color:#222}.sora-demo .sora-programme{background:#111;color:#dfff00}.sora-demo .sora-tabs button{background:#333;color:#eee;border-radius:0}.sora-demo .sora-tabs [aria-selected=true]{background:#dfff00;color:#111}.sora-demo .agenda-row{background:#1f1f1f;color:#dfff00;border:1px solid #454545;padding:30px 24px}.sora-demo .agenda-row>span:first-child{font-family:monospace;color:#dfff00}.sora-demo .agenda-row h3{font:500 30px Space;letter-spacing:-.05em}.sora-demo .agenda-row p{color:#b4b4b4}.sora-demo .sora-sample-note{color:#aaa}.sora-demo .sora-passes{background:#dfff00;color:#111}.sora-demo .pass-card{background:#111;color:#dfff00;border-radius:0;padding:35px}.sora-demo .pass-card h3{font:900 29px Archivo}.sora-demo .pass-card p{color:#ddd}.sora-demo .pass-card>strong{font-family:monospace;font-size:36px}.sora-demo .sora-enquire{background:#242424;color:#dfff00}.sora-demo .sora-enquire>div>p{color:#b8b8b8}.sora-demo .demo-enquiry input,.sora-demo .demo-enquiry select{background:#353535;color:#fff;border:1px solid #5a5a5a}.sora-demo .demo-form-result{background:#dfff00;color:#111}.sora-demo .demo-footer{background:#111;color:#dfff00}.sora-demo .demo-footer strong{font:900 27px Archivo}.sora-demo .demo-footer p{color:#aaa}
/* 06 — Ruang: resort photography, high-contrast editorial type and a floating stay bar. */
.ruang-demo{--display:Bodoni;--body-font:Arial;--weight:400;background:#f8f6f0;color:#593c2c}.ruang-demo .demo-disclosure{background:#3a332c}.ruang-demo .identity-header{background:#f8f6f0;padding-block:22px}.ruang-demo .identity-brand{font:400 48px Bodoni;letter-spacing:-.06em}.ruang-demo .identity-brand>span{display:none}.ruang-demo .identity-header nav{font-size:11px;letter-spacing:.04em}.ruang-demo .identity-nav-cta{border-bottom:1px solid #593c2c;padding-block:7px}.ruang-demo .identity-hero{display:flex;flex-direction:column;justify-content:space-between;padding:28px var(--demo-pad);min-height:730px;color:#fff;gap:35px}.retreat-photo{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center}.retreat-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(25,31,29,.5),rgba(25,31,29,0)),linear-gradient(0deg,rgba(25,31,29,.25),transparent 30%)}.retreat-top{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.14em;gap:25px}.retreat-heading{padding-block:15px}.retreat-heading>span{font-size:12px;letter-spacing:.05em}.ruang-demo .retreat-heading h1{font:400 clamp(70px,8vw,120px)/.9 Bodoni;letter-spacing:-.06em;margin:20px 0 0}.retreat-staybar{display:flex;align-items:center;justify-content:space-between;gap:30px;background:#f8f6f0;color:#593c2c;padding:25px 30px}.retreat-staybar>div>span{font-size:8px;letter-spacing:.1em}.ruang-demo .retreat-staybar p{font:400 21px Bodoni;margin:10px 0 0}.retreat-staybar>a:last-child{font-size:11px;white-space:nowrap}.ruang-demo .demo-button{background:#593c2c;color:#f8f6f0;border-radius:0;font-size:11px}.ruang-demo .stay-intro{text-align:center;display:block;background:#f8f6f0}.ruang-demo .stay-intro h2{font:400 65px/1.04 Bodoni;max-width:750px;margin:30px auto}.ruang-demo .stay-intro>p{font-size:13px;line-height:1.9;max-width:490px;margin:auto;color:#867466}.ruang-demo .stay-features{justify-content:center;margin-top:35px;font-size:9px;letter-spacing:.1em}.ruang-demo .stay-collection{background:#e9e6df}.ruang-demo .stay-room-grid{grid-template-columns:repeat(3,1fr);gap:25px}.ruang-demo .stay-room-art{aspect-ratio:.82}.ruang-demo .stay-room-art img{width:100%;height:100%;object-fit:cover}.ruang-demo .room-art-loft img{object-position:right;transform:scale(1.2)}.ruang-demo .room-art-villa img{object-position:20% center}.ruang-demo .stay-room-art>span{color:#fff;background:#593c2c;padding:6px 8px}.ruang-demo .stay-room-card h3{font:400 32px Bodoni}.ruang-demo .stay-room-card>span{font:12px/1.8 Arial;color:#867466}.ruang-demo .stay-room-card>div:last-child{flex-wrap:wrap;gap:12px}.ruang-demo .stay-room-card strong{font:400 18px Bodoni}.ruang-demo .stay-enquire{background:#f8f6f0}.ruang-demo .stay-enquire h2{font-size:63px}.ruang-demo .demo-enquiry{background:#e9e6df;padding:30px}.ruang-demo .demo-enquiry input,.ruang-demo .demo-enquiry select{background:#f8f6f0}.ruang-demo .demo-footer{background:#3a332c}.ruang-demo .demo-footer strong{font:400 29px Bodoni}
/* 07 — Mono: product-cover commerce, oversized serif and sharp monochrome. */
.mono-demo{--display:Bodoni;--body-font:Space;--weight:400;background:#f5f5f3;color:#111}.mono-demo .demo-disclosure{background:#111}.mono-demo .identity-header{padding-block:20px;border-bottom:1px solid #ccc}.mono-demo .identity-brand{font:700 38px Space;letter-spacing:-.09em}.mono-demo .identity-brand>span{display:none}.mono-demo .identity-header nav{font-size:11px}.mono-demo .identity-nav-cta{background:#c4ff42;padding:13px 18px;font:10px Space}.mono-demo .identity-hero{display:grid;grid-template-columns:1fr 1fr;gap:0;padding:0;background:#f5f5f3;min-height:740px;align-items:stretch}.mono-cover{padding:45px 30px 140px var(--demo-pad);position:relative;display:flex;flex-direction:column;align-items:flex-start}.mono-issue{font:9px monospace;letter-spacing:.08em}.mono-demo .mono-cover h1{font:400 clamp(55px,6.4vw,96px)/.95 Bodoni;letter-spacing:-.065em;margin:65px 0 25px}.mono-demo .mono-cover p{font:14px/1.7 Space;margin:0 0 25px}.mono-demo .demo-button{background:#111;color:#f5f5f3;font:10px Space;border-radius:0}.mono-cover-foot{font:8px monospace;letter-spacing:.08em;margin-top:35px}.mono-demo .mono-hero-art{height:auto;background:#e9ebea;position:relative;overflow:hidden;min-height:0}.mono-hero-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.mono-demo .mono-hero-art>.mono-photo-caption{position:absolute;top:25px;left:25px;bottom:auto;color:#111;font:7px monospace;letter-spacing:.05em}.mono-price-tag{position:absolute;right:30px;bottom:135px;background:#c4ff42;width:115px;height:115px;display:grid;place-content:center;font:600 21px/.95 Space;transform:rotate(8deg);letter-spacing:-.05em}.mono-cover-word{position:absolute;bottom:-15px;left:var(--demo-pad);font:700 clamp(110px,15vw,225px)/.85 Space;letter-spacing:-.1em;mix-blend-mode:multiply;z-index:2;pointer-events:none}.mono-demo .mono-point{background:#111;color:#f5f5f3;display:grid;grid-template-columns:1fr 2fr 1fr;gap:35px;align-items:start}.mono-demo .mono-point h2{font:400 54px/1.03 Bodoni;margin:0}.mono-demo .mono-point>p{font:12px/1.9 Space;color:#bbb;margin:0}.mono-demo .mono-collection{background:#f5f5f3}.mono-demo .mono-filters button{border-radius:0;background:#e7e7e4;color:#111;font:10px Space}.mono-demo .mono-filters [aria-pressed=true]{background:#111;color:#c4ff42}.mono-demo .mono-product-grid{grid-template-columns:repeat(3,1fr);gap:40px 20px}.mono-demo .mono-product-art{aspect-ratio:.8;background:#e7e9e7}.mono-demo .mono-product-meta h3{font:500 20px Space;letter-spacing:-.05em}.mono-demo .mono-product>p{font-family:Space;color:#666}.mono-demo .mono-product>button{background:#c4ff42;color:#111;border-radius:0;font:11px Space}.mono-demo .mono-shortlist{background:#dfdfd8}.mono-demo .mono-shortlist h2{font-size:65px}.mono-demo .shop-shortlist{background:#f5f5f3;border-radius:0}.mono-demo .shop-item-name{font-family:Space}.mono-demo .demo-footer{background:#111}.mono-demo .demo-footer strong{font:700 28px Space}
/* 08 — Aksara: primary-colour learning playground and a mock project canvas. */
.aksara-demo{--display:Bricolage;--body-font:Space;--weight:800;background:#fff;color:#1737a0}.aksara-demo .demo-disclosure{background:#102b89}.aksara-demo .identity-header{background:#1748df;color:#fff;padding-block:24px}.aksara-demo .identity-brand{font:800 33px Bricolage;letter-spacing:-.06em}.aksara-demo .identity-brand>span{font-size:7px;letter-spacing:0}.aksara-demo .identity-nav-cta{background:#ffe75c;color:#1737a0;border-radius:25px;padding:12px 18px;font-weight:700}.aksara-demo .identity-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:45px var(--demo-pad) 70px;gap:60px;background:#1748df;color:#fff;min-height:630px}.aksara-kicker{font:9px Space;letter-spacing:.08em}.aksara-demo .aksara-hero-copy h1{font:800 clamp(65px,7.5vw,112px)/.9 Bricolage;letter-spacing:-.07em;margin:35px 0 25px}.aksara-demo .aksara-hero-copy h1>span{color:#ffe75c}.aksara-demo .aksara-hero-copy>p{font:14px/1.7 Space;color:#e1e9ff}.aksara-demo .demo-button{background:#ffe75c;color:#1737a0;border-radius:30px;font:600 12px Space}.aksara-demo .aksara-hero-copy>.demo-button{margin-top:15px}.learning-tags{display:flex;flex-wrap:wrap;gap:15px;font:9px Space;margin-top:35px}.learning-tags span{border:1px solid #819bff;padding:6px 9px;border-radius:15px}.aksara-demo .aksara-hero-art{height:auto;aspect-ratio:1;position:relative;overflow:visible;min-width:0;background:none}.learning-window{position:absolute;inset:60px 0 25px;background:#e8edff;border:3px solid #14359c;border-radius:18px;transform:rotate(-5deg);color:#1737a0;overflow:hidden}.learning-window-top{display:flex;justify-content:space-between;gap:15px;background:#b8c9ff;border-bottom:3px solid #1737a0;padding:15px;font:8px Space}.learning-window-body{padding:40px 28px}.learning-code{font:700 35px monospace;color:#e54f35;display:block;margin-bottom:25px}.learning-window-body>strong{font:800 clamp(27px,3vw,44px)/1 Bricolage;letter-spacing:-.05em;display:block}.learning-progress{display:block;background:#c1ceff;height:13px;border-radius:10px;margin-top:30px;overflow:hidden}.learning-progress i{display:block;height:100%;width:70%;background:#1748df}.learning-window-body>p{font:8px Space;margin-top:15px}.learning-sticker{position:absolute;z-index:2}.sticker-star{font:150px/1 Arial;color:#ffe75c;right:-20px;top:-5px;transform:rotate(10deg)}.sticker-note{background:#ffadcc;color:#942352;padding:22px 25px;transform:rotate(8deg);font:800 22px/.95 Bricolage;bottom:0;left:-30px;border-radius:2px}.sticker-smile{background:#ffe75c;color:#1737a0;width:80px;height:80px;border-radius:50%;font:800 42px Bricolage;display:grid;place-content:center;right:-15px;bottom:35px;transform:rotate(15deg)}.aksara-demo .aksara-approach{background:#fff}.aksara-demo .aksara-approach h2{font-size:58px}.aksara-demo .aksara-steps{gap:20px}.aksara-demo .aksara-steps article{background:#e7edff;border-radius:20px;padding:28px}.aksara-demo .aksara-steps article:nth-child(2){background:#fff1ae}.aksara-demo .aksara-steps article:nth-child(3){background:#ffdeed}.aksara-demo .aksara-steps h3{font:800 24px Bricolage}.aksara-demo .aksara-steps p{color:#4f639b;font-family:Space}.aksara-demo .aksara-courses{background:#e7edff}.aksara-demo .aksara-filters button{border-radius:25px;background:#fff;color:#1737a0;font:11px Space}.aksara-demo .aksara-filters [aria-pressed=true]{background:#1748df;color:#fff}.aksara-demo .course-card{background:#fff;border-radius:23px;padding:20px;overflow:hidden}.aksara-demo .course-card-art{border-radius:14px;background:#ffe75c}.aksara-demo .course-code .course-card-art{background:#b9d6ff}.aksara-demo .course-business .course-card-art{background:#ffa8ca}.aksara-demo .course-card h3{font:800 29px/1 Bricolage;letter-spacing:-.05em}.aksara-demo .course-card p,.aksara-demo .course-card details{font-family:Space;color:#4f639b}.aksara-demo .learning-disclosure{color:#4f639b}.aksara-demo .aksara-enquire{background:#1748df;color:#fff}.aksara-demo .aksara-enquire h2{font-size:60px}.aksara-demo .aksara-enquire>div>p{color:#dce6ff}.aksara-demo .demo-enquiry{background:#fff;padding:30px;border-radius:25px;color:#1737a0}.aksara-demo .demo-enquiry input,.aksara-demo .demo-enquiry select{background:#e7edff;border-radius:10px;color:#1737a0}.aksara-demo .learning-suggestion{background:#fff1ae;border-radius:12px;color:#1737a0}.aksara-demo .demo-footer{background:#102b89}.aksara-demo .demo-footer strong{font:800 29px Bricolage}.aksara-demo .demo-footer p{color:#c0d0ff}
/* 09 — Aruna: modern corporate panorama, rational grid and vertical expertise navigation. */
.aruna-demo{--display:Space;--body-font:Space;--weight:500;--company-ink:#18386e;--company-paper:#fff;background:#fff;color:#18386e}.aruna-demo .demo-disclosure{background:#18386e}.aruna-demo .identity-header{padding-block:27px;border-bottom:1px solid #d9e0ee}.aruna-demo .identity-brand{font:600 29px Space;letter-spacing:.02em}.aruna-demo .identity-brand>span{font:8px Space;letter-spacing:.3em}.aruna-demo .identity-nav-cta{background:#18386e;color:#fff;padding:14px 22px}.aruna-demo .identity-hero{display:block;background:#fff;color:#18386e;padding:0}.aruna-corporate-title{padding:48px var(--demo-pad)}.aruna-corporate-title>span{font:9px Space;letter-spacing:.12em}.aruna-demo .aruna-corporate-title h1{font:500 clamp(57px,6.9vw,104px)/1.01 Space;letter-spacing:-.075em;margin:35px 0 30px}.aruna-corporate-title h1>span{color:#7e98c3}.aruna-corporate-title>div{display:flex;justify-content:space-between;align-items:end;gap:35px}.aruna-demo .aruna-corporate-title p{font:13px/1.8 Space;margin:0}.aruna-demo .company-button{background:#18386e;color:#fff;font:11px Space;border-radius:0}.aruna-panorama{position:relative;height:390px;background:#e7ebef;overflow:hidden}.aruna-panorama>img{width:100%;height:100%;object-fit:cover;object-position:center 56%}.aruna-photo-label{position:absolute;right:var(--demo-pad);bottom:30px;max-width:280px;padding:25px;background:#18386e;color:#fff}.aruna-photo-label>span{font:8px Space;letter-spacing:.08em}.aruna-photo-label>strong{font:500 35px/1.03 Space;letter-spacing:-.05em;display:block;margin-top:20px}.aruna-panorama-caption{position:absolute;left:var(--demo-pad);bottom:25px;padding:8px 12px;background:#fff;color:#18386e;font:8px Space}.aruna-demo .aruna-statement{background:#e9eef7;color:#18386e}.aruna-demo .aruna-statement>p{font:500 20px Space;letter-spacing:-.03em}.aruna-demo .aruna-about h2,.aruna-demo .aruna-approach h2{font:500 46px/1.08 Space;letter-spacing:-.06em}.aruna-demo .aruna-about-copy>p{font:13px/1.9 Space;color:#526681}.aruna-demo .aruna-values h3{font:500 22px/1.2 Space;letter-spacing:-.04em}.aruna-demo .aruna-expertise{background:#eef2f9;display:grid;grid-template-columns:1fr 2.3fr;gap:0 40px}.aruna-demo .aruna-expertise>.company-section-heading{grid-column:1/-1}.aruna-demo .advisory-tabs{display:flex;flex-direction:column;gap:5px;align-self:start}.aruna-demo .advisory-tabs button{padding:25px 20px;background:#dce5f3;font:10px Space}.aruna-demo .advisory-tabs button>span{font-size:16px}.aruna-demo .advisory-tabs [aria-selected=true]{background:#18386e;color:#fff}.aruna-demo .aruna-expertise [role=tabpanel]{grid-column:2;padding:35px;background:#fff;gap:35px;grid-template-columns:1.2fr 1fr}.aruna-demo .advisory-service-copy h3{font:500 33px/1.05 Space;letter-spacing:-.05em}.aruna-demo .advisory-service-copy>p{font:12px/1.9 Space;color:#526681}.aruna-demo .advisory-deliverables p{font:11px/1.8 Space}.aruna-demo .aruna-process h3{font:500 28px Space;letter-spacing:-.04em}.aruna-demo .aruna-process p{color:#526681}.aruna-demo .aruna-perspective{background:#18386e;color:#fff}.aruna-demo .aruna-perspective h2{font:500 83px/1 Space;letter-spacing:-.065em}.aruna-demo .aruna-perspective h2 i{color:#9db9e9}.aruna-demo .aruna-perspective article>span{color:#c8d9f6}.aruna-demo .aruna-perspective article>p{color:#dce7f7}.aruna-demo .company-contact h2{font:500 65px/1.04 Space;letter-spacing:-.07em}.aruna-demo .company-contact-detail>p{font:500 22px Space;letter-spacing:-.03em}.aruna-demo .company-brief input,.aruna-demo .company-brief select,.aruna-demo .company-brief textarea{background:#edf1f7;color:#18386e;font-family:Space}.aruna-demo .company-muted{color:#526681}.aruna-demo .company-footer{background:#18386e}.aruna-demo .company-wordmark{font:500 28px Space;letter-spacing:-.05em}.aruna-demo .company-wordmark>span{color:#9db9e9}
/* 10 — Sentra: technical console, measured linework and industrial yellow. */
.sentra-demo{--display:Archivo;--body-font:monospace;--weight:900;--company-ink:#161e20;--company-paper:#edf0e9;--company-accent:#d9eb65;background:#edf0e9;color:#161e20}.sentra-demo .demo-disclosure{background:#161e20;color:#d9eb65}.sentra-demo .identity-header{background:#161e20;color:#edf0e9;border-bottom:1px solid #485453}.sentra-demo .identity-brand{font:900 24px Archivo;letter-spacing:-.045em}.sentra-demo .identity-brand>span{font:7px monospace;letter-spacing:.08em;color:#d9eb65}.sentra-demo .identity-header nav{font:9px monospace}.sentra-demo .identity-nav-cta{padding:12px 17px;border:1px solid #d9eb65;color:#d9eb65;font:9px monospace}.sentra-demo .identity-hero{display:block;padding:22px var(--demo-pad) 45px;background:#161e20;color:#edf0e9}.sentra-console-top{display:flex;justify-content:space-between;gap:25px;font:8px monospace;color:#d9eb65;padding-bottom:30px}.sentra-console-top i{display:inline-block;width:5px;height:5px;background:#d9eb65;margin-right:6px}.sentra-console-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:35px;align-items:center}.sentra-demo .identity-hero .company-hero-copy{padding:20px 0}.sentra-demo .identity-hero .company-hero-copy>p{font:10px/1.9 monospace;color:#c4cdc5}.sentra-demo .identity-hero h1{font:900 clamp(44px,4.8vw,74px)/.98 Archivo;letter-spacing:-.055em;color:#edf0e9;margin:30px 0}.sentra-demo .identity-hero h1:first-line{color:#d9eb65}.sentra-demo .company-button{background:#d9eb65;color:#161e20;border-radius:0;font:10px monospace}.sentra-demo .identity-hero .company-button{margin-top:15px;padding:18px 23px}.sentra-spec{display:grid;gap:13px;margin-top:40px;font:8px monospace;color:#a8b6af}.sentra-blueprint{background:#1e292b;overflow:hidden}.technical-plan{width:100%;height:auto}.sentra-blueprint>div{display:flex;justify-content:space-between;gap:15px;padding:18px;font:7px monospace;color:#d9eb65;border-top:1px solid #485453}.sentra-demo .sentra-strip{background:#d9eb65;color:#161e20;font:700 11px monospace;padding-block:23px}.sentra-demo .company-section h2{font:900 48px/1.03 Archivo;letter-spacing:-.06em}.sentra-demo .company-section h2>span{color:#6c7d75}.sentra-demo .sentra-company-copy>p{font:12px/1.9 monospace;color:#4d6258}.sentra-demo .sentra-principles article{border:1px solid #9eafa4;background:transparent;border-radius:0}.sentra-demo .sentra-principles h3{font:900 23px/1.1 Archivo;letter-spacing:-.04em}.sentra-demo .sentra-principles p{font:11px/1.9 monospace;color:#4d6258}.sentra-demo .sentra-capabilities{background:#dae1d7}.sentra-demo .sentra-capability-list details{background:#edf0e9;border-left:4px solid #161e20}.sentra-demo .sentra-capability-list h3{font:700 23px Space;letter-spacing:-.04em}.sentra-demo .capability-plus{color:#161e20}.sentra-demo .capability-detail h4{font:700 22px Space;letter-spacing:-.04em}.sentra-demo .capability-detail p,.sentra-demo .capability-detail ul{font:11px/1.9 monospace}.sentra-demo .sentra-project-grid{grid-template-columns:1fr;gap:0}.sentra-demo .sentra-project-grid article{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto 1fr;gap:12px 45px;padding:25px 0;border-bottom:1px solid #a8b6af}.sentra-demo .sentra-project-art{grid-column:1;grid-row:1/4;aspect-ratio:1.8;margin:0;background:#283c32}.sentra-demo .sentra-project-art>.industrial-art{filter:grayscale(1) contrast(1.25);mix-blend-mode:luminosity}.sentra-demo .sentra-project-grid article>.company-eyebrow,.sentra-demo .sentra-project-grid h3,.sentra-demo .sentra-project-grid .company-text-link{grid-column:2;margin:0}.sentra-demo .sentra-project-grid h3{font:700 27px/1.1 Space;letter-spacing:-.045em}.sentra-demo .sentra-project-grid .company-text-link{font:10px monospace;align-self:end}.sentra-demo .sentra-filters button{background:#dce3d7;border-radius:0;font:10px monospace}.sentra-demo .sentra-filters [aria-pressed=true]{background:#161e20;color:#d9eb65}.sentra-demo .sentra-process{background:#161e20;color:#edf0e9}.sentra-demo .sentra-process h2>span{color:#d9eb65}.sentra-demo .sentra-process li>span{font:900 48px Archivo;color:#d9eb65}.sentra-demo .sentra-process h3{font:700 12px monospace}.sentra-demo .sentra-process li>p{font:11px/1.9 monospace}.sentra-demo .company-contact h2{font:900 49px/1 Archivo;letter-spacing:-.055em}.sentra-demo .company-brief label,.sentra-demo .company-brief input,.sentra-demo .company-brief select,.sentra-demo .company-brief textarea{font-family:monospace}.sentra-demo .company-brief input,.sentra-demo .company-brief select,.sentra-demo .company-brief textarea{background:#dce3d7;border-bottom:1px solid #849c8c}.sentra-demo .company-brief .company-button{background:#161e20;color:#d9eb65}.sentra-demo .company-footer{background:#161e20;color:#edf0e9}.sentra-demo .company-wordmark{font:900 25px Archivo}.sentra-demo .company-wordmark>span{color:#d9eb65}
/* Responsive compositions are designed independently of the studio homepage. */
@media(max-width:1050px){.identity-header nav{gap:18px}.identity-header nav a{font-size:10px}.sela-lower{grid-template-columns:1fr 1.2fr}.sela-scene{display:none}.coffee-demo .menu-list{grid-template-columns:1fr 1fr}.trail-instrument{width:110px;right:5%;bottom:90px}.outdoor-demo .trail-title h1{font-size:80px}.aruna-demo .aruna-expertise [role=tabpanel]{grid-template-columns:1fr;padding:30px}.mono-demo .mono-point{grid-template-columns:1fr 2fr}.mono-demo .mono-point>p{grid-column:2}.aksara-demo .identity-hero{gap:30px}.learning-window-body{padding:28px 22px}.learning-code{font-size:28px;margin-bottom:20px}.sticker-star{font-size:110px}.sticker-note{font-size:18px;padding:18px}.sentra-demo .identity-header nav{gap:14px}.sentra-demo .identity-nav-cta{padding:10px}.sentra-demo .identity-hero h1{font-size:49px}}
@media(max-width:760px){body[data-design]{--demo-pad:24px}.identity-header{padding-block:22px;gap:20px}.identity-header nav{display:none}.identity-brand{font-size:32px}.identity-brand>span{font-size:7px}.identity-nav-cta{font-size:10px;text-align:right;max-width:130px}body[data-design] .demo-section,body[data-design] .company-section{padding:65px var(--demo-pad)}body[data-design] .demo-section h2,body[data-design] .company-section h2{font-size:clamp(34px,8vw,52px)}body[data-design] .demo-section-head{gap:22px}.coffee-demo .identity-brand{font-size:43px}.coffee-demo .identity-nav-cta{padding:12px;border-width:1.5px;font-size:10px}.coffee-demo .identity-hero{padding-top:30px}.sela-sign>span{font-size:7px;letter-spacing:.09em}.coffee-demo .sela-sign h1{font-size:clamp(35px,8.7vw,64px);line-height:1;margin-top:22px}.sela-lower{grid-template-columns:1fr;gap:0}.sela-cup{grid-row:1;width:80%;max-width:300px}.sela-small{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 0 25px}.coffee-demo .sela-small>p{font-size:15px;line-height:1.5;margin:0}.sela-small>.demo-button{margin:20px 0}.sela-small>span{font-size:8px}.sela-stamp{width:80px;height:80px;padding:13px;font-size:15px}.sela-checkers{margin-top:0}.coffee-demo .coffee-intro h2{font-size:36px}.coffee-demo .demo-section-head h2{font-size:35px}.coffee-demo .menu-list{grid-template-columns:1fr;gap:14px}.coffee-demo .menu-list article{padding:22px;gap:20px}.coffee-demo .menu-list h3{font-size:28px}.coffee-demo .coffee-visit{grid-template-columns:1fr;gap:25px}.coffee-demo .coffee-visit h2{font-size:64px}.coffee-demo .demo-enquiry{padding:24px}.coffee-demo .form-pair{gap:14px}.outdoor-demo .identity-header{padding-block:20px}.outdoor-demo .identity-brand{font-size:25px}.outdoor-demo .identity-nav-cta{font-size:8px;padding:12px}.outdoor-demo .identity-hero{min-height:650px;height:auto;padding-top:25px}.trail-topline{font-size:7px;line-height:1.6}.trail-topline>span:last-child{max-width:110px;text-align:right}.trail-title{padding:60px 0 100px}.outdoor-demo .trail-title h1{font-size:clamp(46px,10.8vw,78px);line-height:1;margin-block:25px}.trail-title h1>span{display:none}.outdoor-demo .trail-title>p{font-size:13px}.trail-instrument{width:80px;right:25px;bottom:65px}.trail-instrument>span{font-size:6px}.trail-bottom{font-size:6px;line-height:1.5;gap:35px;bottom:25px}.trail-bottom>a{max-width:110px;text-align:right}.outdoor-demo .demo-section-head h2{font-size:45px}.outdoor-demo .trip-grid{grid-template-columns:1fr;gap:40px}.outdoor-demo .trip-art{aspect-ratio:1.2}.outdoor-demo .outdoor-process h2{font-size:40px}.outdoor-demo .outdoor-enquire h2{font-size:46px}.forma-demo .identity-brand{font-size:37px}.forma-demo .identity-hero{padding-top:22px}.forma-index{font-size:7px;gap:30px;line-height:1.7}.forma-index>span:last-child{text-align:right;max-width:90px}.forma-demo .forma-title{display:block;padding:35px 0 30px}.forma-demo .forma-title h1{font-size:clamp(64px,14vw,100px);line-height:.9}.forma-demo .forma-title>div{margin-top:28px;flex-direction:row;align-items:end;max-width:none;justify-content:space-between;gap:18px}.forma-demo .forma-title p{font-size:11px}.forma-demo .forma-title a{font-size:8px;max-width:110px;text-align:right}.forma-demo .forma-hero-art{height:350px}.forma-photo-caption{padding:14px;font-size:6px;gap:20px}.forma-photo-caption>span:last-child{max-width:100px;text-align:right}.forma-demo .forma-intro>div{grid-template-columns:1fr;gap:25px}.forma-demo .forma-intro h2{font-size:36px}.forma-demo .forma-project{grid-template-columns:1fr;grid-template-rows:auto;gap:15px;padding-bottom:35px;margin-bottom:35px}.forma-demo .forma-project-art{grid-column:1;grid-row:auto;margin-bottom:8px;aspect-ratio:1.2}.forma-demo .forma-project>p,.forma-demo .forma-project>h3,.forma-demo .forma-project>span,.forma-demo .forma-project>details{grid-column:1}.forma-demo .forma-project h3{font-size:33px}.forma-demo .forma-enquire h2{font-size:47px}.aera-demo .identity-brand{font-size:39px}.aera-demo .identity-nav-cta{font-size:10px;padding:11px 16px}.aera-demo .identity-hero{display:block;min-height:0;padding:30px 24px}.aera-demo .aera-hero-copy>p{font-size:7px}.aera-demo .aera-hero-copy h1{font-size:clamp(45px,10vw,70px);line-height:.98}.aera-demo .aera-hero-copy h1 br{display:block}.aera-demo .aera-hero-art{width:300px;height:300px;max-width:100%;margin:10px auto}.aera-demo .aera-bottle{width:210px;height:270px}.aera-demo .aera-bottle-back{left:-10px;top:0}.aera-demo .aera-bottle-front{left:80px;top:20px}.shape-one{width:220px;height:220px;left:10px;top:30px}.shape-two{width:150px;height:150px;right:0;top:70px}.aera-seal{right:0;top:75px;font-size:9px;padding:15px}.aera-bottom-copy{flex-direction:column;gap:20px;text-align:center;align-items:center}.aera-demo .aera-bottom-copy>span{text-align:center;max-width:none;font-size:7px}.aera-demo .aera-statement h2{font-size:37px}.aera-demo .aera-product-meta h3{font-size:25px}.aera-demo .aera-details{gap:30px}.aera-demo .aera-tabs button{font-size:10px;padding:10px}.aera-demo .aera-detail-art{min-height:330px}.sora-demo .identity-brand{font-size:23px}.sora-demo .identity-brand>span{font-size:6px}.sora-demo .identity-nav-cta{font-size:8px;padding:12px}.sora-demo .identity-hero{padding-top:25px}.sora-poster-top{font-size:7px;line-height:1.8}.sora-poster-top>span{max-width:140px}.sora-poster-top>span:last-child{text-align:right}.sora-poster-title{margin:45px 0}.sora-demo .sora-poster-title h1{font-size:clamp(87px,23vw,160px);line-height:.83}.sora-demo .sora-hero-art{width:55%;right:-10px;top:-18px;opacity:.4}.sora-poster-bottom{flex-wrap:wrap;gap:25px;padding-top:25px}.sora-demo .sora-poster-bottom p{font-size:19px}.sora-demo .sora-poster-bottom>span{font-size:7px;max-width:210px}.sora-demo .sora-intro h2{font-size:37px}.sora-demo .agenda-row h3{font-size:23px}.sora-demo .agenda-row{gap:15px}.sora-demo .agenda-row>span:first-child{font-size:9px}.sora-demo .pass-card{padding:28px}.sora-demo .pass-card h3{font-size:26px}.sora-demo .pass-card>strong{font-size:32px}.ruang-demo .identity-brand{font-size:40px}.ruang-demo .identity-nav-cta{font-size:10px}.ruang-demo .identity-hero{min-height:760px;padding:25px 24px;gap:25px}.retreat-photo{object-position:65% center}.retreat-top{font-size:6px;gap:30px;line-height:1.7}.retreat-top>span:last-child{max-width:100px;text-align:right}.retreat-heading{padding-top:30px;margin-bottom:auto}.ruang-demo .retreat-heading h1{font-size:clamp(66px,14vw,90px);line-height:.91;margin-top:25px}.retreat-heading>span{font-size:10px}.retreat-staybar{padding:22px;display:grid;grid-template-columns:1fr;gap:20px}.ruang-demo .retreat-staybar p{font-size:23px}.retreat-staybar>.demo-button{font-size:10px}.retreat-staybar>a:last-child{font-size:10px}.ruang-demo .stay-intro h2{font-size:45px}.ruang-demo .stay-features{font-size:8px;gap:15px;flex-wrap:wrap}.ruang-demo .stay-room-grid{grid-template-columns:1fr;gap:40px}.ruang-demo .stay-room-art{aspect-ratio:1.1}.ruang-demo .stay-room-card h3{font-size:33px}.ruang-demo .demo-enquiry{padding:25px}.mono-demo .identity-brand{font-size:35px}.mono-demo .identity-nav-cta{font-size:8px;padding:12px}.mono-demo .identity-hero{grid-template-columns:1fr;min-height:0}.mono-cover{padding:30px 24px 35px}.mono-demo .mono-cover h1{font-size:clamp(56px,12vw,86px);margin:35px 0 22px}.mono-demo .mono-cover p{font-size:12px}.mono-cover-foot{font-size:7px;margin-top:25px}.mono-demo .mono-hero-art{min-height:400px}.mono-price-tag{width:90px;height:90px;font-size:19px;right:25px;bottom:85px}.mono-cover-word{font-size:clamp(100px,27vw,160px);left:24px;bottom:-7px}.mono-demo .mono-hero-art>.mono-photo-caption{font-size:6px;left:24px}.mono-demo .mono-point{display:block}.mono-demo .mono-point h2{font-size:45px;margin:25px 0}.mono-demo .mono-point>p{font-size:12px}.mono-demo .mono-product-grid{grid-template-columns:1fr 1fr;gap:30px 15px}.mono-demo .mono-product-art{aspect-ratio:.8}.mono-demo .mono-product-meta{display:block}.mono-demo .mono-product-meta h3{font-size:18px;line-height:1.1;margin-bottom:8px}.mono-demo .mono-product-meta strong{font-size:10px}.mono-demo .mono-product>p{font-size:10px}.mono-demo .mono-product>button{font-size:9px;padding:11px}.mono-demo .mono-shortlist h2{font-size:45px}.aksara-demo .identity-brand{font-size:29px}.aksara-demo .identity-brand>span{display:none}.aksara-demo .identity-nav-cta{font-size:10px;padding:11px 16px}.aksara-demo .identity-hero{grid-template-columns:1fr;padding:35px 24px 50px;gap:10px;min-height:0}.aksara-kicker{font-size:7px}.aksara-demo .aksara-hero-copy h1{font-size:clamp(66px,15vw,100px);margin:30px 0 22px}.aksara-demo .aksara-hero-copy>p{font-size:13px}.learning-tags{font-size:8px;gap:10px;margin-top:25px}.aksara-demo .aksara-hero-art{width:100%;max-width:400px;justify-self:center;aspect-ratio:1;margin-top:25px}.learning-window{inset:30px 0 20px}.learning-window-top{padding:12px;font-size:6px}.learning-window-body{padding:25px 22px}.learning-code{font-size:25px;margin-bottom:18px}.learning-window-body>strong{font-size:29px}.learning-progress{height:10px;margin-top:22px}.learning-window-body>p{font-size:6px;margin-top:12px}.sticker-star{font-size:80px;right:-8px;top:0}.sticker-note{left:-5px;bottom:0;font-size:15px;padding:16px}.sticker-smile{right:-5px;bottom:8px;width:62px;height:62px;font-size:33px}.aksara-demo .aksara-approach h2{font-size:42px}.aksara-demo .aksara-steps{grid-template-columns:1fr;gap:15px}.aksara-demo .aksara-steps h3{font-size:25px}.aksara-demo .course-card{padding:18px}.aksara-demo .course-card h3{font-size:29px}.aksara-demo .demo-enquiry{padding:25px}.aruna-demo .identity-brand{font-size:25px}.aruna-demo .identity-brand>span{font-size:7px}.aruna-demo .identity-nav-cta{font-size:10px;padding:12px 20px}.aruna-corporate-title{padding:35px 24px}.aruna-corporate-title>span{font-size:7px}.aruna-demo .aruna-corporate-title h1{font-size:clamp(43px,9.8vw,74px);line-height:1.04;margin:30px 0 25px}.aruna-corporate-title>div{flex-direction:column;align-items:flex-start;gap:25px}.aruna-demo .aruna-corporate-title p{font-size:12px}.aruna-panorama{height:350px}.aruna-photo-label{right:20px;bottom:25px;padding:20px;width:205px}.aruna-photo-label>strong{font-size:29px}.aruna-photo-label>span{font-size:7px}.aruna-panorama-caption{left:20px;bottom:auto;top:20px;font-size:6px}.aruna-demo .aruna-statement>p{font-size:20px}.aruna-demo .aruna-expertise{display:block}.aruna-demo .advisory-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}.aruna-demo .advisory-tabs button{padding:15px 10px;font-size:8px;gap:8px;flex-wrap:wrap}.aruna-demo .advisory-tabs button>span{font-size:12px;order:1;flex-basis:80%}.aruna-demo .aruna-expertise [role=tabpanel]{padding:28px;grid-template-columns:1fr;gap:25px}.aruna-demo .advisory-service-copy h3{font-size:31px}.aruna-demo .aruna-about h2,.aruna-demo .aruna-approach h2{font-size:36px}.aruna-demo .aruna-perspective h2{font-size:55px}.aruna-demo .company-contact h2{font-size:48px}.sentra-demo .identity-header{padding-block:22px}.sentra-demo .identity-brand{font-size:19px}.sentra-demo .identity-brand>span{font-size:6px}.sentra-demo .identity-nav-cta{font-size:7px;padding:10px;max-width:105px}.sentra-demo .identity-hero{padding:22px 24px 30px}.sentra-console-top{font-size:6px;gap:25px;line-height:1.9;padding-bottom:18px}.sentra-console-top>span:last-child{max-width:80px;text-align:right}.sentra-console-layout{grid-template-columns:1fr;gap:20px}.sentra-demo .identity-hero .company-hero-copy{padding:0}.sentra-demo .identity-hero .company-hero-copy>p{font-size:9px}.sentra-demo .identity-hero h1{font-size:clamp(33px,8vw,56px);line-height:1.03;margin:28px 0 23px}.sentra-demo .identity-hero .company-button{font-size:9px}.sentra-spec{font-size:7px;gap:11px;margin-top:30px}.sentra-blueprint>div{font-size:6px;padding:13px;gap:15px}.sentra-demo .sentra-strip{font-size:9px;gap:15px}.sentra-demo .company-section h2{font-size:32px}.sentra-demo .sentra-principles h3{font-size:23px}.sentra-demo .sentra-project-grid article{grid-template-columns:1fr;grid-template-rows:auto;gap:17px;padding-block:30px}.sentra-demo .sentra-project-art{grid-column:1;grid-row:auto;aspect-ratio:1.4}.sentra-demo .sentra-project-grid article>.company-eyebrow,.sentra-demo .sentra-project-grid h3,.sentra-demo .sentra-project-grid .company-text-link{grid-column:1}.sentra-demo .sentra-project-grid h3{font-size:27px}.sentra-demo .company-contact h2{font-size:34px}.sentra-demo .sentra-capability-list h3{font-size:22px}.sentra-demo .company-brief input,.sentra-demo .company-brief select,.sentra-demo .company-brief textarea{font-size:16px}}
@media(max-width:350px){.coffee-demo .sela-sign h1{font-size:31px}.outdoor-demo .trail-title h1{font-size:43px}.forma-demo .forma-title h1{font-size:60px}.aera-demo .aera-hero-copy h1{font-size:43px}.aera-demo .aera-bottle{width:190px}.aera-demo .aera-bottle-front{left:70px}.aera-seal{right:-4px}.sora-demo .sora-poster-title h1{font-size:82px}.ruang-demo .retreat-heading h1{font-size:61px}.mono-demo .mono-product-grid{grid-template-columns:1fr}.aksara-demo .aksara-hero-copy h1{font-size:64px}.learning-window-body{padding:22px 17px}.learning-window-body>strong{font-size:26px}.learning-code{font-size:23px}.learning-progress{margin-top:17px}.aruna-demo .aruna-corporate-title h1{font-size:39px}.sentra-demo .identity-hero h1{font-size:31px}.sentra-demo .identity-brand{font-size:17px}.sentra-demo .identity-nav-cta{font-size:6px}.sentra-demo .identity-hero .company-hero-copy>p{font-size:8px}}
@media(prefers-reduced-motion:reduce){body[data-design]{scroll-behavior:auto}body[data-design] *,body[data-design] *::before,body[data-design] *::after{animation:none!important;transition:none!important}}

body[data-design] .motion-toggle{background:transparent;color:inherit;border:1px solid currentColor;opacity:.85}
@media(max-width:760px){.aera-demo .aera-details{grid-template-columns:minmax(0,1fr)}.aera-demo .aera-detail-art{width:100%;min-width:0;min-height:0;aspect-ratio:1/1.1;overflow:hidden}.aera-demo .aera-details>div{min-width:0}}

/* Detail links, shared motion control, and correctly sized new room photos. */
.motion-toggle{padding:5px 8px;min-height:28px;border:1px solid currentColor;background:transparent;color:inherit;font:9px/1.3 Arial,sans-serif;white-space:nowrap;cursor:pointer}
.room-detail-link,.object-detail-link,.architecture-detail-link{display:inline-block;font:11px/1.6 Space,Arial,sans-serif;text-decoration:underline;text-underline-offset:5px;margin-block:15px}
.ruang-demo .stay-room-art>img{width:100%;height:100%;object-fit:cover}.mono-demo .object-detail-link{margin-block:0 18px}.forma-demo .architecture-detail-link{grid-column:2;justify-self:start}
@media(max-width:600px){.forma-demo .architecture-detail-link{grid-column:1/-1}.motion-toggle{font-size:7px;min-height:26px}.room-detail-link,.object-detail-link,.architecture-detail-link{font-size:11px}}