.page-studio .page-intro{padding-bottom:70px}.page-studio h1{font-size:clamp(60px,9vw,145px);font-weight:400}.studio-workspace{display:grid;grid-template-columns:210px minmax(0,1fr);gap:45px;padding-bottom:40px}.studio-controls{align-self:start;position:sticky;top:105px}.control-title{display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid var(--line);padding-bottom:16px}.control-title .eyebrow{font-size:9px;margin:0}.control-title>span:last-child{font-size:8px;color:var(--muted)}.industry-list{margin-top:10px}.industry-list>button{display:flex;justify-content:space-between;width:100%;padding:13px 0;border-bottom:1px solid #2b3125;font-size:12px;color:#a5ae99;text-align:left;transition:padding .2s,color .2s}.industry-list>button>span{opacity:0;transition:opacity .2s}.industry-list>button:hover,.industry-list>button[aria-pressed=true]{color:var(--ink);padding-left:8px}.industry-list>button[aria-pressed=true]>span{opacity:1;color:var(--accent)}.studio-select{margin-top:35px}.studio-select label{display:block;margin-top:25px;font-size:9px;letter-spacing:.1em;color:var(--accent)}.studio-select select{font-size:13px}.studio-stage{min-width:0}.studio-toolbar{display:flex;align-items:center;justify-content:space-between;border:1px solid #49523e;padding:14px 18px;gap:15px;font-size:9px;letter-spacing:.07em}.viewport-controls{display:flex;gap:12px}.viewport-controls>button{font-size:10px;color:#a8b19c;padding:5px}.viewport-controls>button[aria-pressed=true]{border-bottom:1px solid var(--accent);color:var(--ink)}.preview-hint{font-size:8px;color:var(--accent)}.concept-viewport{height:760px;max-height:85svh;overflow:auto;overscroll-behavior:auto;scrollbar-width:thin;scrollbar-color:#6c775b #20261a;background:#20241c;border:1px solid #49523e;border-top:0;position:relative;container-type:inline-size;transition:max-width .45s;max-width:100%;margin:auto;isolation:isolate}.concept-viewport:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.concept-viewport.is-mobile{max-width:390px}.concept{--concept-bg:#c7b8a2;--concept-fg:#303331;background:var(--concept-bg);color:var(--concept-fg);width:100%;min-height:100%;font-family:Manrope,Arial,sans-serif}.concept p{color:inherit}.concept-nav{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:24px 30px;border-bottom:1px solid #0002;position:relative;z-index:4}.concept-nav>b{font-size:15px;letter-spacing:-.05em;white-space:nowrap}.concept-nav nav{display:flex;gap:14px;align-items:center}.concept-nav nav>button{padding:5px 0;font-size:9px;color:inherit;white-space:nowrap}.concept-nav nav>button:hover{text-decoration:underline;text-underline-offset:4px}.concept-edition{display:none;font-size:8px;letter-spacing:.08em}.concept-hero{display:grid;grid-template-columns:1fr 1fr;min-height:480px;align-items:center;position:relative}.concept-text{padding:45px 15px 45px 35px;position:relative;z-index:2}.concept-text .mono{font-size:8px;letter-spacing:.12em;color:inherit;opacity:.7}.concept-text h2{font-family:Georgia,serif;font-size:clamp(36px,4vw,62px);line-height:1.01;letter-spacing:-.055em;font-weight:400;margin:30px 0 24px}.concept-text>p:not(.mono){font-size:12px;max-width:270px;line-height:1.8;opacity:.8}.concept-text>a,.concept-final>a{display:inline-block;padding:12px 20px;background:var(--concept-fg);color:var(--concept-bg);font-size:10px;margin-top:25px;transition:padding .25s,opacity .25s}.concept-text>a:hover,.concept-final>a:hover{padding-inline:26px;opacity:.85}.concept-photo{position:relative;overflow:hidden;align-self:stretch;margin:25px;min-height:350px}.concept-photo img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transition:transform .8s}.concept-photo:hover img{transform:scale(1.025)}.concept-photo figcaption{position:absolute;bottom:14px;left:14px;z-index:2;font-size:7px;color:#fff;background:#20291f88;padding:5px 8px;letter-spacing:.08em}.concept-section-index{display:flex;flex-wrap:wrap;gap:8px 18px;border-block:1px solid #0002;padding:18px 30px}.concept-section-index button{font-size:9px;opacity:.7;color:inherit;padding:5px 0;border-bottom:1px solid transparent}.concept-section-index button:hover{opacity:1;border-color:currentColor}.concept-section{padding:65px 40px;scroll-margin-top:20px}.concept-overline{font-size:8px;letter-spacing:.12em;margin:0 0 25px;text-transform:uppercase}.concept-section h3{font-family:Georgia,serif;font-size:clamp(27px,3vw,44px);line-height:1.1;margin-bottom:25px}.concept-section h4{font-size:21px;letter-spacing:-.03em;font-weight:400;line-height:1.2}.concept-section p:not(.concept-overline):not(.demo-note){font-size:12px;max-width:450px;line-height:1.8}.demo-note{font-size:8px!important;letter-spacing:.06em;line-height:1.7!important;opacity:.65;margin-top:25px!important}.concept-final{background:var(--concept-fg);color:var(--concept-bg);text-align:center}.concept-final p{margin-inline:auto}.concept .concept-final>a{background:var(--concept-bg);color:var(--concept-fg)}.concept-final h3{font-size:42px}.studio-caption{display:flex;justify-content:space-between;gap:15px;padding:18px 0;font-size:9px;letter-spacing:.06em;color:var(--muted)}.studio-conversion{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:30px 0;border-top:1px solid var(--line);margin-top:10px}.studio-conversion .eyebrow{font-size:9px;margin-bottom:12px}.studio-conversion h3{font-size:32px}.studio-note{padding-bottom:85px}.studio-note p{font-size:12px;max-width:900px;margin-left:auto;line-height:1.8}
/* Dental: quiet medical editorial. */
.concept[data-industry=dental]{--concept-bg:#e4ebe3!important;--concept-fg:#263e36!important}.concept[data-industry=dental] .concept-nav>b{font-family:Georgia,serif;font-weight:400;letter-spacing:.08em}.concept[data-industry=dental] .concept-hero{grid-template-columns:1fr 1.05fr;padding-bottom:25px}.concept[data-industry=dental] .concept-photo{margin:25px 25px 0 0;border-radius:160px 160px 0 0;min-height:450px}.concept[data-industry=dental] .concept-text h2{font-size:clamp(40px,4.3vw,66px)}.treatment-editorial{display:grid;grid-template-columns:1fr 1fr;gap:30px;border-bottom:1px solid #0002}.concept-services details{border-bottom:1px solid #263e3633;padding:18px 0}.concept-services summary{font-size:13px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:15px}.concept-services details p{font-size:11px!important;margin-top:13px}.doctor-editorial{display:grid;grid-template-columns:.8fr 1fr;gap:40px;align-items:center;background:#d4dfd4}.doctor-frame{height:280px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid #65827255;background:linear-gradient(135deg,#b3c3b5,#dce6dc);text-align:center}.doctor-frame>span{font-family:Georgia,serif;font-size:26px;line-height:1.15;letter-spacing:.02em;color:#5d786a}.doctor-frame small{font-size:7px;letter-spacing:.1em;margin-top:30px;color:#597061}.dental-technology>div{display:flex;flex-wrap:wrap;gap:10px;margin:30px 0}.dental-technology>div>span{font-size:10px;border:1px solid #263e3640;padding:10px 13px}.before-after{height:230px;position:relative;border:1px solid #536e5d44;overflow:hidden;background:#dfe8d9;margin:30px 0 15px}.comparison-base,.comparison-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#506b52}.comparison-base{background:repeating-linear-gradient(90deg,#dae4d5 0 28px,#e3ebdf 29px 58px)}.comparison-overlay{background:repeating-linear-gradient(90deg,#bccbbf 0 28px,#cbd8cc 29px 58px);clip-path:inset(0 calc(100% - var(--compare)) 0 0);color:#3a5342}.comparison-base b,.comparison-overlay b{font-size:28px;letter-spacing:-.04em;font-weight:400}.comparison-base span,.comparison-overlay span{font-size:8px;margin-top:14px;letter-spacing:.09em}.before-after>i{position:absolute;top:0;bottom:0;left:var(--compare);width:2px;background:#fff}.before-after>i:after{content:'↔';position:absolute;left:-17px;top:45%;width:36px;height:36px;border-radius:50%;background:#f4f5ed;color:#263e36;text-align:center;line-height:36px}.compare-label{display:block;font-size:10px}.concept .compare-slider{width:100%;accent-color:#496955;border:0;margin-top:15px;padding:0}.review-module{border-top:1px solid #0002;background:#d9e2d6}.review-module p{max-width:430px}
/* Construction: hard edges, scale and blueprint detail. */
.concept[data-industry=construction]{--concept-bg:#ddd9cb!important;--concept-fg:#252c25!important}.concept[data-industry=construction] .concept-hero{display:block;min-height:600px;color:#f1eee4}.concept[data-industry=construction] .concept-photo{position:absolute;inset:0;margin:0;z-index:0}.concept[data-industry=construction] .concept-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#111b16cc,#111b1633)}.concept[data-industry=construction] .concept-text{padding:80px 40px;max-width:700px}.concept[data-industry=construction] .concept-text h2{font-family:Manrope,Arial,sans-serif;font-size:clamp(40px,5vw,76px);font-weight:650;letter-spacing:-.06em;text-transform:uppercase}.concept[data-industry=construction] .concept-text>a{background:#d4ad6f;color:#1a2219}.construction-strip{display:flex;justify-content:space-between;gap:15px;background:#d5ac6f;padding:20px 30px;font-size:9px;letter-spacing:.05em}.construction-strip b{font-weight:500}.project-blueprint{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:center}.project-blueprint span{font-size:8px;letter-spacing:.1em}.project-blueprint h3{font-family:Manrope,Arial,sans-serif;margin-top:20px}.blueprint-drawing{height:270px;position:relative;background:#2d3c31;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:20px 20px;overflow:hidden}.blueprint-drawing i{position:absolute;inset:25% 15%;border:1px solid #b2c4a880;transform:skewY(-15deg)}.blueprint-drawing i:nth-child(2){inset:10% 30%;transform:skewY(15deg)}.blueprint-drawing i:nth-child(3){inset:35% 5%;transform:skewY(-15deg)}.blueprint-drawing b{position:absolute;left:15px;bottom:18px;font-size:7px;letter-spacing:.1em;color:#bec6b1;font-weight:400}.concept-service-row{display:flex;justify-content:space-between;gap:20px;padding:20px 0;border-top:1px solid #0003}.concept-service-row b{font-size:14px;font-weight:500}.concept-service-row span{font-size:9px}.construction-process{background:#26362b;color:#e3e2d0}.construction-process ol{display:flex;flex-wrap:wrap;gap:30px;counter-reset:stage;list-style:none;padding:0;margin-top:30px}.construction-process li{font-size:13px;border-top:1px solid #f0efd344;padding-top:15px;flex:1}.construction-process li:before{content:'0' counter(stage);counter-increment:stage;display:block;font-size:9px;color:#d5ac6f;margin-bottom:12px}
/* Restaurant: full-bleed imagery and an editorial menu. */
.concept[data-industry=restaurant]{--concept-bg:#e5decf!important;--concept-fg:#402f22!important}.concept[data-industry=restaurant] .concept-nav{background:#33291f;color:#e5d5b7}.concept[data-industry=restaurant] .concept-nav>b{font-family:Georgia,serif;letter-spacing:.08em;font-weight:400}.concept[data-industry=restaurant] .concept-hero{display:block;text-align:center;min-height:630px;color:#fff1d6}.concept[data-industry=restaurant] .concept-photo{position:absolute;inset:0;margin:0;z-index:0}.concept[data-industry=restaurant] .concept-photo:after{content:'';position:absolute;inset:0;background:#21180f66}.concept[data-industry=restaurant] .concept-text{padding:100px 35px 70px}.concept[data-industry=restaurant] .concept-text h2{font-size:clamp(48px,6.2vw,92px);font-style:italic;line-height:1.02}.concept[data-industry=restaurant] .concept-text>p:not(.mono){margin-inline:auto;max-width:320px}.concept[data-industry=restaurant] .concept-text>a{background:#e4d0a5;color:#32261b}.restaurant-marquee{padding:22px;text-align:center;font-size:12px;letter-spacing:.15em;background:#b55c36;color:#f3e1c2}.restaurant-menu{display:grid;grid-template-columns:.9fr 1.1fr;gap:35px}.restaurant-menu h3{font-size:52px;font-style:italic}.menu-filter{font-size:11px;padding:8px 15px;border:1px solid #553a2755;margin-right:5px;color:inherit}.menu-filter[aria-pressed=true]{background:#453123;color:#eee0c7}.menu-items p{padding:18px 0;border-bottom:1px solid #553a272b}.menu-items b{font-family:Georgia,serif;font-weight:400;font-size:20px;display:block}.menu-items span{display:block;font-size:10px;margin-top:5px;opacity:.7}.restaurant-story{text-align:center;background:#394032;color:#e6d8bb;padding-block:85px}.restaurant-story h3{font-size:58px;font-style:italic}.restaurant-story p{margin-inline:auto}.restaurant-location{display:grid;grid-template-columns:1fr 1fr;gap:25px}.location-grid{height:230px;background:repeating-linear-gradient(30deg,transparent 0 40px,#9b967888 41px 46px,transparent 47px 80px),repeating-linear-gradient(-40deg,#c5c3a6 0 70px,#e9e1c5 71px 78px);display:grid;place-items:center}.location-grid span{background:#493d29;color:#e6d9b9;padding:12px 15px;font-size:9px;letter-spacing:.06em}
/* Spatial concepts share photography, not page composition. */
.concept[data-industry=architecture] .concept-hero{grid-template-columns:.9fr 1.3fr;min-height:570px}.concept[data-industry=architecture] .concept-photo{margin:0 0 45px 15px;min-height:470px}.concept[data-industry=architecture] .concept-text{padding-right:0;align-self:end;padding-bottom:75px}.concept[data-industry=architecture] .concept-text h2{font-size:70px}.concept[data-industry=hotel]{--concept-bg:#e4e0d3!important;--concept-fg:#394032!important}.hotel-overline{text-align:center;padding:18px;font-size:8px;letter-spacing:.2em}.concept[data-industry=hotel] .concept-hero{display:block;min-height:590px;text-align:center;color:#f8f3e6}.concept[data-industry=hotel] .concept-photo{position:absolute;inset:0;margin:0;z-index:0}.concept[data-industry=hotel] .concept-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(#1a291522,#1a29157d)}.concept[data-industry=hotel] .concept-text{padding:135px 25px 90px}.concept[data-industry=hotel] .concept-text h2{font-size:76px;font-weight:400}.concept[data-industry=hotel] .concept-text>p:not(.mono){margin:auto;max-width:330px}.concept[data-industry=hotel] .concept-text>a{background:#e4e0d3;color:#394032}.concept[data-industry=hotel] .concept-nav>b{font-family:Georgia,serif;font-weight:400;letter-spacing:.12em;font-size:14px}.concept[data-industry=real-estate]{--concept-bg:#dfded3!important;--concept-fg:#354238!important}.concept[data-industry=real-estate] .concept-hero{grid-template-columns:1fr;min-height:0}.concept[data-industry=real-estate] .concept-text{padding:40px;display:grid;grid-template-columns:1fr 1fr;gap:15px}.concept[data-industry=real-estate] .concept-text h2{grid-column:1;grid-row:2/4;font-size:54px;margin:0}.concept[data-industry=real-estate] .concept-text .mono{grid-column:1/-1}.concept[data-industry=real-estate] .concept-text>p:not(.mono){grid-column:2;align-self:end;padding-left:15px}.concept[data-industry=real-estate] .concept-text>a{grid-column:2;justify-self:start;margin-left:15px;margin-top:0}.concept[data-industry=real-estate] .concept-photo{height:360px;min-height:0;margin:0 35px 35px}.spatial-pair{display:grid;grid-template-columns:1.1fr .8fr;gap:30px;margin-top:40px}.spatial-pair article:last-child{padding-top:70px}.spatial-pair img{width:100%;height:240px;object-fit:cover;display:block}.spatial-pair article:last-child img{height:170px;object-position:right;filter:saturate(.7)}.spatial-pair span{display:block;font-size:8px;letter-spacing:.08em;margin:18px 0 10px}.spatial-pair h4{font-family:Georgia,serif;font-size:21px}.spatial-statement{background:#37412f;color:#e1e4d6;text-align:center}.spatial-statement p{margin-inline:auto}.property-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:25px}.property-controls label{font-size:10px}.property-controls select{font-size:12px;color:inherit;border-bottom-color:#67755c;min-width:150px}.property-controls select option{background:#dddccc;color:#34422f}.property-controls>span{font-size:8px;max-width:100px;line-height:1.6}.spatial-pair article[hidden]{display:none}
/* Law: restrained typography and a typographic crest. */
.concept[data-industry=law]{--concept-bg:#e5e1d7!important;--concept-fg:#293831!important}.concept[data-industry=law] .concept-nav>b{font-family:Georgia,serif;letter-spacing:.06em;font-weight:400}.concept[data-industry=law] .concept-hero{grid-template-columns:1.2fr .8fr;min-height:490px}.concept[data-industry=law] .concept-text h2{font-size:64px}.law-art{height:330px;position:relative;display:grid;place-items:center;border-left:1px solid #66745a44;margin-right:25px}.law-art>span{font-family:Georgia,serif;font-size:150px;font-style:italic;color:#8c9279}.law-art i{position:absolute;inset:15%;border:1px solid #70805e40;border-radius:100px 100px 0 0}.law-art i:nth-of-type(2){inset:22%}.law-art small{position:absolute;bottom:10px;font-size:6px;letter-spacing:.09em}.legal-expertise{border-top:1px solid #0002}.legal-expertise details{padding:22px 0;border-bottom:1px solid #0002}.legal-expertise summary{display:flex;justify-content:space-between;font-family:Georgia,serif;font-size:27px;list-style:none;cursor:pointer}.legal-expertise details p{margin-top:15px}.legal-insight{padding-block:95px;background:#334036;color:#e5e1d7}.legal-insight h3{font-size:58px}
/* Product, beauty, corporate, objects and personal brand each have a different rhythm. */
.concept[data-industry=saas]{--concept-bg:#dee3ee!important;--concept-fg:#2b3449!important}.concept[data-industry=saas] .concept-hero{display:block;text-align:center;padding-bottom:35px}.concept[data-industry=saas] .concept-text{padding:50px 25px 30px}.concept[data-industry=saas] .concept-text h2{font-family:Manrope,Arial,sans-serif;font-size:65px;font-weight:550}.concept[data-industry=saas] .concept-text>p:not(.mono){margin:auto;max-width:360px}.saas-demo{width:80%;margin:0 auto;display:grid;grid-template-columns:80px 1fr;background:#f2f4fa;border:1px solid #98a4be;text-align:left;box-shadow:0 20px 50px #2a34451a}.saas-demo>div:first-child{display:flex;justify-content:space-between;grid-column:1/-1;padding:15px;border-bottom:1px solid #c5cddc;font-size:9px}.saas-demo>div:first-child span{font-size:8px;color:#687591}.saas-demo aside{font-size:8px;padding:20px 12px;line-height:3;border-right:1px solid #c5cddc}.saas-demo section{padding:20px}.saas-demo small{font-size:7px}.saas-demo h3{font-family:Manrope,Arial,sans-serif;font-size:26px;margin-top:12px}.saas-bars{display:flex;gap:10px;align-items:end;height:90px;margin:20px 0;border-bottom:1px solid #bac3d5}.saas-bars i{flex:1;height:60%;background:#8797bc}.saas-bars i:nth-child(2){height:45%}.saas-bars i:nth-child(3){height:80%}.saas-bars i:nth-child(4){height:65%}.saas-bars i:nth-child(5){height:95%}.saas-demo section>p{font-size:8px;border-bottom:1px solid #ccd2dd;padding:8px 0;display:flex;justify-content:space-between;margin:0}.saas-demo em{font-size:7px;color:#687591}.product-tabs>div{display:flex;gap:10px}.product-tabs button{border:1px solid #2b344933;font-size:11px;padding:10px 20px;color:inherit}.product-tabs button[aria-pressed=true]{background:#2b3449;color:#dee3ee}.product-detail{margin-top:30px;padding:30px;background:#f0f2f8;border:1px solid #b6c0d4}.product-detail>span{font-size:8px;letter-spacing:.1em}.product-detail h4{font-size:27px;margin:20px 0 15px}.concept[data-industry=beauty]{--concept-bg:#e9d4cc!important;--concept-fg:#493035!important}.concept[data-industry=beauty] .concept-nav>b{font-family:Georgia,serif;font-style:italic;font-size:22px;font-weight:400}.concept[data-industry=beauty] .concept-text h2{font-size:70px;font-style:italic}.concept[data-industry=beauty] .concept-hero{min-height:550px;grid-template-columns:1.1fr .9fr}.beauty-art{height:440px;background:#c69385;margin:30px 30px 30px 0;position:relative;overflow:hidden;display:grid;place-items:center}.beauty-art>span{font-family:Georgia,serif;font-style:italic;font-size:300px;color:#f0d8c9;line-height:1;transform:rotate(-8deg)}.beauty-art i{position:absolute;width:180px;height:300px;border:1px solid #f5e5dbaa;border-radius:100px;transform:rotate(30deg)}.beauty-art b{position:absolute;font-size:8px;line-height:1.7;letter-spacing:.1em;left:20px;bottom:20px;color:#573b36;font-weight:400}.beauty-services{background:#ecdcd3}.beauty-services h3{font-size:65px;font-style:italic}.beauty-service{display:grid;grid-template-columns:30px 1fr 20px;border-top:1px solid #49303533;padding:22px 0;gap:15px;align-items:center}.beauty-service>b{font-size:9px;font-weight:400}.beauty-service>span{font-family:Georgia,serif;font-size:29px}.beauty-service>i{font-style:normal}.concept[data-industry=corporate] .concept-text h2{font-family:Manrope,Arial,sans-serif;font-weight:550;font-size:54px}.corporate-art{height:350px;position:relative;overflow:hidden;margin:30px;background:#264054}.corporate-art>span{font-size:95px;font-weight:500;position:absolute;top:30px;left:25px;color:#c8d9dd;letter-spacing:-.09em}.corporate-art>i{position:absolute;height:65%;width:22%;background:#8faab7;right:0;bottom:-20px;transform:rotate(25deg)}.corporate-art>i:nth-of-type(2){right:25%;height:48%;background:#b6cbd2}.corporate-art>i:nth-of-type(3){right:50%;height:32%;background:#d4e1e2}.corporate-art>small{position:absolute;left:20px;bottom:16px;font-size:6px;color:#fff;letter-spacing:.09em}.corporate-expertise ol{padding:0;list-style:none;margin-top:35px}.corporate-expertise li{display:grid;grid-template-columns:1fr 1.4fr;gap:20px;border-top:1px solid #23354444;padding:24px 0}.corporate-expertise b{font-size:17px;font-weight:500}.corporate-expertise p{font-size:11px!important}.object-art{height:380px;position:relative;margin:30px;display:grid;place-items:center;background:#c8bead;overflow:hidden}.object-vase{width:150px;height:230px;background:linear-gradient(100deg,#f0e8d8,#c9c0ad 35%,#9c927f 80%,#b9ad97);border-radius:25% 25% 38% 38%/10% 10% 22% 22%;position:relative;box-shadow:25px 20px 35px #50463133}.object-vase:before{content:'';position:absolute;top:-3px;left:3%;width:94%;height:30px;background:radial-gradient(ellipse,#6c6150 40%,#c1b69f 48%,#e4dbc8 65%);border-radius:50%}.object-art>span{position:absolute;left:20px;bottom:20px;font-size:8px;line-height:1.8;letter-spacing:.08em}.concept[data-industry=ecommerce] .concept-text h2{font-size:60px}.object-product{display:grid;grid-template-columns:1fr 1.2fr;gap:50px;align-items:center;padding:40px 20px}.object-product h4{font-family:Georgia,serif;font-size:30px;margin-bottom:15px}.finish-select{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.finish-select button{font-size:10px;padding:9px 15px;border:1px solid #38372f44;color:inherit}.finish-select button[aria-pressed=true]{background:#38372f;color:#e8dece}.object-product[data-finish=clay] .object-vase{background:linear-gradient(100deg,#d4a887,#966b51 70%,#ba8a66)}.object-product[data-finish=ink] .object-vase{background:linear-gradient(100deg,#606b5e,#273327 70%,#44513f)}.finish-status{font-size:9px!important;margin-top:15px}.concept[data-industry=personal] .concept-hero{grid-template-columns:1fr 1fr}.concept[data-industry=personal] .concept-text h2{font-family:Manrope,Arial,sans-serif;font-weight:700;font-size:62px;letter-spacing:-.075em}.personal-art{height:430px;background:#2d3425;color:#d6de60;padding:30px;position:relative;overflow:hidden;margin:25px 25px 25px 0}.personal-art span{font-size:80px;font-weight:600;letter-spacing:-.09em;line-height:1;display:block;transform:rotate(-8deg);margin-top:65px}.personal-art i{position:absolute;bottom:20px;right:25px;font-style:normal;font-size:100px;line-height:1}.personal-projects a{display:flex;justify-content:space-between;font-size:24px;letter-spacing:-.04em;border-top:1px solid #2c302744;padding:25px 0}.personal-projects a:hover{padding-left:8px}
/* Style direction is applied on top of the industry-specific layout. */
.concept[data-style=Luxury] .concept-text h2{font-family:Georgia,serif;font-style:italic;font-weight:400}.concept[data-style=Luxury] .concept-nav{padding-block:32px}.concept[data-style=Editorial] .concept-text h2{font-family:Georgia,serif;font-style:italic}.concept[data-style=Editorial] .concept-section{padding-top:85px;padding-bottom:85px}.concept[data-style=Corporate] .concept-text h2,.concept[data-style=Corporate] .concept-section h3{font-family:Manrope,Arial,sans-serif;font-style:normal;font-weight:550}.concept[data-style=Bold] .concept-text h2{font-family:Manrope,Arial,sans-serif;font-style:normal;text-transform:uppercase;font-weight:750;letter-spacing:-.065em}.concept[data-style=Technical]{background-image:linear-gradient(#00000008 1px,transparent 1px),linear-gradient(90deg,#00000008 1px,transparent 1px);background-size:25px 25px}.concept[data-style=Technical] .concept-text h2,.concept[data-style=Technical] .concept-section h3{font-family:monospace;letter-spacing:-.065em;font-style:normal}.concept[data-style=Cinematic] .concept-photo img{filter:saturate(.75) contrast(1.08)}.concept[data-style=Cinematic] .concept-hero{min-height:650px}.concept[data-style=Cinematic] .concept-text h2{letter-spacing:-.065em}.concept[data-style=Cinematic] .concept-nav{background:var(--concept-fg);color:var(--concept-bg)}.concept[data-style=Minimal] .concept-section-index{gap:8px 24px}
@media(max-width:1100px){.studio-workspace{grid-template-columns:190px minmax(0,1fr);gap:25px}.preview-hint{display:none}.concept-nav nav{gap:8px}.concept-nav nav>button{font-size:8px}.concept-text{padding-left:25px}.concept-section{padding:50px 30px}.concept-nav{padding:22px 25px}}
@media(max-width:900px){.studio-workspace{grid-template-columns:1fr;gap:30px}.studio-controls{position:static;display:grid;grid-template-columns:1fr 1fr;gap:20px}.control-title,.industry-list,.studio-select{grid-column:1/-1}.industry-list{display:grid;grid-template-columns:repeat(3,1fr);gap:0 20px;margin:0}.industry-list>button{font-size:12px}.studio-select{display:grid;grid-template-columns:1fr 1fr;gap:0 25px;margin:0}.studio-select label:nth-of-type(1){grid-column:1;grid-row:1}.studio-select select:nth-of-type(1){grid-column:1;grid-row:2}.studio-select label:nth-of-type(2){grid-column:2;grid-row:1}.studio-select select:nth-of-type(2){grid-column:2;grid-row:2}.concept-viewport{height:760px;max-height:85svh}}
/* Container query also powers the actual mobile preview, without a separate mockup. */
@container (max-width:520px){.concept .concept-nav{padding:20px}.concept .concept-nav nav{display:none}.concept .concept-nav .concept-edition{display:block}.concept .concept-hero{grid-template-columns:1fr!important;min-height:0!important}.concept .concept-text{padding:40px 25px!important;display:block!important}.concept .concept-text h2{font-size:48px!important;margin:25px 0!important}.concept .concept-text>p:not(.mono){padding:0!important;font-size:12px!important}.concept .concept-text>a{margin:25px 0 0!important}.concept .concept-photo{height:310px;min-height:0!important;margin:0 25px 25px!important}.concept .concept-photo img{object-position:center}.concept[data-industry=dental] .concept-photo{border-radius:150px 150px 0 0}.concept[data-industry=construction] .concept-hero,.concept[data-industry=restaurant] .concept-hero,.concept[data-industry=hotel] .concept-hero{min-height:510px!important}.concept[data-industry=construction] .concept-photo,.concept[data-industry=restaurant] .concept-photo,.concept[data-industry=hotel] .concept-photo{margin:0!important;height:100%!important}.concept[data-industry=restaurant] .concept-text,.concept[data-industry=hotel] .concept-text{padding:95px 25px 70px!important}.concept[data-industry=restaurant] .concept-text h2,.concept[data-industry=hotel] .concept-text h2{font-size:57px!important}.concept[data-industry=construction] .concept-text{padding-top:85px!important}.concept .concept-section{padding:45px 25px}.concept .concept-section h3{font-size:36px}.concept .treatment-editorial,.concept .doctor-editorial,.concept .restaurant-menu,.concept .restaurant-location,.concept .project-blueprint,.concept .object-product{grid-template-columns:1fr;gap:30px}.concept .doctor-frame{height:220px}.concept .concept-service-row{display:block}.concept .concept-service-row>span{display:block;margin-top:8px}.concept .construction-strip{font-size:8px;padding:18px;gap:10px}.concept .construction-strip b{display:none}.concept .restaurant-marquee{font-size:9px;padding:18px}.concept .concept-section-index{padding:15px 25px;gap:8px 15px}.concept .spatial-pair{gap:18px;grid-template-columns:1fr 1fr}.concept .spatial-pair img{height:180px}.concept .spatial-pair article:last-child img{height:140px}.concept .spatial-pair h4{font-size:18px}.concept .law-art{height:260px;margin:0 25px 25px;border-left:0;border-top:1px solid #66745a44}.concept .law-art>span{font-size:130px}.concept .beauty-art{margin:0 25px 25px;height:330px}.concept .beauty-art>span{font-size:240px}.concept .corporate-art{margin:0 25px 25px;height:270px}.concept .object-art{margin:0 25px 25px;height:320px}.concept .personal-art{margin:0 25px 25px;height:320px}.concept .personal-art span{font-size:74px;margin-top:25px}.concept .saas-demo{width:90%;grid-template-columns:60px 1fr}.concept .saas-demo section{padding:15px}.concept .saas-demo h3{font-size:24px}.concept .saas-demo aside{padding:15px 8px;font-size:7px}.concept .product-tabs button{padding:9px 14px;font-size:10px}.concept .product-detail{padding:22px}.concept .corporate-expertise li{grid-template-columns:1fr;gap:12px}.concept .object-product>.object-vase{margin:auto}.concept .personal-projects a{font-size:20px}}
@media(max-width:700px){.page-studio h1{font-size:58px}.industry-list{grid-template-columns:1fr 1fr;gap:0 15px}.industry-list>button{font-size:12px}.studio-toolbar{padding:12px 10px;font-size:8px;gap:8px}.viewport-controls{gap:5px}.viewport-controls>button{font-size:9px}.concept-viewport{height:680px;max-height:80svh}.studio-caption{display:flex;flex-direction:column;gap:7px;font-size:8px}.studio-conversion{flex-direction:column;align-items:flex-start;gap:25px}.studio-conversion .button{width:100%}.studio-conversion h3{font-size:30px}.studio-note p{font-size:11px}.studio-note{padding-bottom:60px}}
@media(prefers-reduced-motion:no-preference){.concept.changing .concept-hero{animation:studio-enter .55s both}@keyframes studio-enter{from{opacity:.3;transform:translateY(14px)}to{opacity:1;transform:none}}}
@media(prefers-reduced-motion:reduce){.concept *{transition:none!important;animation:none!important}}