.home-hero{padding-top:65px;padding-bottom:62px}.home-hero h1{margin:34px 0 38px}.home-hero .hero-description{font-size:17px;line-height:1.8}.company-section{padding-top:38px}.company-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px 28px}.company-project{min-width:0}.company-featured{grid-column:1/-1}.company-project-link{display:block}.company-cover{position:relative;overflow:hidden;isolation:isolate;aspect-ratio:1.4;background:#e3e3df}.company-project-info{display:flex;justify-content:space-between;gap:22px;padding:22px 0 0;align-items:flex-start}.company-project-info h3{font-size:23px;font-weight:500;line-height:1.3;letter-spacing:-.04em;margin:0}.company-project-info p{font-size:12px;line-height:1.8;color:#858580;margin:7px 0 0}.company-project-info>svg{width:20px;height:20px;color:#8a8a84;margin-top:3px}.tile-kicker{font-size:9px;line-height:1.8;text-transform:uppercase;letter-spacing:.11em;color:#74746e}.artifact{position:absolute;background:#fff;box-shadow:0 14px 28px #24241c17;border:1px solid #ffffffa6}.artifact img{display:block;width:100%;height:100%;object-fit:contain}.cover-fotile{aspect-ratio:2.15;display:grid;grid-template-columns:.75fr 1.4fr;background:#dfdfd9;min-height:420px}.ft-cover-copy{padding:38px 0 35px 38px;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;z-index:5}.ft-wordmark{font-size:38px;letter-spacing:-.065em;font-weight:700;line-height:1.2;color:#9d1d22;margin-top:33px}.ft-cover-title{font-size:clamp(24px,3vw,41px);letter-spacing:-.045em;line-height:1.16;margin-top:23px;font-weight:400}.ft-cover-foot{font-size:9px;line-height:1.8;color:#85857d;margin-top:auto;padding-top:30px}.ft-cover-art{position:relative;min-width:0;height:100%}.ft-photo{left:3%;top:10%;width:44%;height:82%;transform:rotate(-4deg);z-index:2;overflow:hidden}.ft-photo img{object-fit:cover;object-position:50% 55%}.ft-email{right:4%;top:9%;width:24%;height:82%;transform:rotate(5deg);overflow:hidden;z-index:1}.ft-email img{height:auto;width:100%;min-height:100%;object-fit:cover;object-position:top}.ft-product{left:41%;top:28%;width:34%;height:68%;transform:rotate(2deg);z-index:3;overflow:hidden}.ft-product img{object-fit:cover;object-position:top}.cover-elle{background:#dfd9d3}.elle-label{position:absolute;left:27px;top:22px;z-index:5;display:flex;align-items:baseline;gap:12px;color:#292624}.elle-label strong{font:58px/.95 'Times New Roman',serif;font-weight:400;letter-spacing:-.08em}.elle-label>span{font-size:9px;letter-spacing:.17em}.elle-context{position:absolute;right:25px;top:29px;max-width:120px;text-align:right;font-size:8px}.elle-cover-a{left:10%;top:26%;width:37%;height:72%;transform:rotate(-6deg);z-index:3}.elle-cover-b{right:12%;top:23%;width:37%;height:72%;transform:rotate(6deg);z-index:2}.elle-cover-a img,.elle-cover-b img{object-fit:cover;object-position:top}.elle-spread{left:36%;bottom:-4%;width:64%;height:46%;transform:rotate(-2deg);z-index:4}.elle-spread img{object-fit:cover}.cover-bon{background:#e7e9e1}.bon-label{position:absolute;left:28px;top:27px;z-index:3;display:flex;flex-direction:column}.bon-label strong{font-size:31px;line-height:1.02;letter-spacing:-.045em;font-weight:500;margin-top:17px}.bon-product{position:absolute;width:135%;height:auto;left:-15%;top:12%;mix-blend-mode:multiply;z-index:1}.bon-caption{position:absolute;left:29px;right:28px;bottom:25px;z-index:4;display:flex;justify-content:space-between;align-items:end;gap:15px}.bon-caption>span{font-size:18px;letter-spacing:-.025em}.bon-caption>small{font-size:9px;line-height:1.7;color:#7b8172;max-width:130px;text-align:right}.more-work-link{display:flex;justify-content:center;padding:45px 0 2px}.more-work-link a{font-size:14px}.more-hero{padding-top:52px;padding-bottom:62px}.more-hero h1{font-size:clamp(64px,9vw,112px);margin-top:38px}.more-hero .hero-description{font-size:17px}.more-filter-count{margin:36px 0 0;color:#8c8c85;font-size:11px}.more-project .cover{background:#e7e7e2;border:1px solid #deded8;aspect-ratio:1.5}.more-project .cover-image{object-fit:contain}.rf-thesis-link{display:block;cursor:pointer}.rf-thesis-link img{cursor:pointer!important}.company-project-link:hover .artifact{box-shadow:0 18px 32px #24241c24}.company-project-link .artifact{transition:box-shadow .3s ease}.m-footer>strong{font-size:17px}@media(max-width:1000px){.cover-fotile{min-height:370px;grid-template-columns:.8fr 1.3fr}.ft-cover-copy{padding:28px 0 28px 28px}.ft-cover-title{font-size:30px}.ft-wordmark{font-size:33px;margin-top:25px}.elle-label strong{font-size:49px}.elle-label{gap:8px;left:22px}.elle-label>span{font-size:8px}.elle-context{display:none}.bon-label{left:24px;top:22px}.bon-label strong{font-size:26px}.bon-caption{left:24px;bottom:20px}.bon-caption small{font-size:8px}.company-cover{aspect-ratio:1.3}}@media(max-width:760px){.home-hero{padding-top:45px;padding-bottom:45px}.home-hero h1{margin:30px 0}.home-hero .hero-description{font-size:15px}.company-grid{gap:35px 20px}.company-featured{grid-column:1/-1}.cover-fotile{aspect-ratio:auto;min-height:360px;grid-template-columns:.9fr 1.15fr}.ft-cover-copy{padding:27px 0 27px 25px}.ft-cover-title{font-size:26px;margin-top:20px}.ft-wordmark{font-size:30px;margin-top:25px}.tile-kicker{font-size:8px}.ft-cover-foot{font-size:8px;max-width:150px}.ft-photo{left:4%;width:47%}.ft-product{left:37%;width:37%}.ft-email{right:3%;width:27%}.company-project-info h3{font-size:21px}.company-project-info p{font-size:11px}.company-cover:not(.cover-fotile){aspect-ratio:1.15}.elle-label{left:17px;top:20px}.elle-label strong{font-size:44px}.elle-label>span{font-size:7px;letter-spacing:.1em}.bon-label{left:19px;top:20px}.bon-label strong{font-size:25px;margin-top:10px}.bon-label .tile-kicker{font-size:7px;max-width:130px}.bon-product{top:22%;width:150%;left:-24%}.bon-caption{left:20px;right:20px;bottom:17px}.bon-caption>span{font-size:15px}.bon-caption>small{display:none}.more-hero .hero-description{font-size:15px}.more-hero{padding-top:35px;padding-bottom:45px}.more-work-link{padding-top:35px}}@media(max-width:560px){.company-grid{grid-template-columns:1fr}.company-featured{grid-column:auto}.cover-fotile{display:block;min-height:590px}.ft-cover-copy{height:220px;padding:27px 26px 0}.ft-cover-copy .tile-kicker{font-size:9px}.ft-wordmark{font-size:34px;margin-top:17px}.ft-cover-title{font-size:32px;margin-top:15px}.ft-cover-foot{position:absolute;bottom:19px;left:26px;font-size:8px;max-width:none;z-index:5}.ft-cover-art{position:absolute;left:5%;right:5%;top:220px;height:315px}.ft-photo{left:3%;top:0;width:45%;height:96%}.ft-product{left:40%;top:18%;width:33%;height:77%}.ft-email{right:3%;top:0;width:24%;height:95%}.company-cover:not(.cover-fotile){aspect-ratio:1.25}.company-project-info{padding-top:18px}.company-project-info h3{font-size:23px}.company-project-info p{font-size:11px}.elle-label{left:25px;top:24px}.elle-label strong{font-size:56px}.elle-label>span{font-size:9px}.bon-label{left:26px;top:25px}.bon-label strong{font-size:30px}.bon-label .tile-kicker{font-size:9px;max-width:none}.bon-product{width:140%;left:-20%;top:15%}.bon-caption{left:26px;right:26px;bottom:23px}.bon-caption>span{font-size:18px}.bon-caption>small{display:block;font-size:8px}.more-hero h1{font-size:62px}.more-project .project-title{font-size:21px}.company-section .section-heading>.eyebrow{display:block;margin-top:15px}}

/* Product-led studio cover: the complete packaging family carries the identity. */
.company-cover.bon-studio{background:radial-gradient(ellipse at 24% 9%,#faf9f5 0%,#e9e6dd 39%,#cfcec6 76%,#bebfb8 100%)}
.bon-studio::before{content:"";position:absolute;inset:0;background:linear-gradient(123deg,transparent 10%,#ffffff26 28%,transparent 53%);pointer-events:none}
.bon-studio .bon-product{display:block;position:absolute;left:-5%;bottom:6%;top:auto;width:110%;height:90%;object-fit:contain;object-position:center bottom;mix-blend-mode:normal;filter:drop-shadow(0 2px 1px #262b3426) drop-shadow(8px 14px 11px #333a4426);z-index:2;transition:transform .55s ease}
.bon-grounding{position:absolute;left:7%;right:4%;bottom:8%;height:25%;background:radial-gradient(ellipse at 26% 77%,#32394430 0%,transparent 31%),radial-gradient(ellipse at 63% 51%,#32394422 0%,transparent 28%),radial-gradient(ellipse at 88% 26%,#3239441a 0%,transparent 27%);filter:blur(7px);transform:rotate(-3deg);z-index:1}
.company-project-link:hover .bon-studio .bon-product{transform:translateY(-3px)}
@media(prefers-reduced-motion:reduce){.bon-studio .bon-product{transition:none}.company-project-link:hover .bon-studio .bon-product{transform:none}}

/* New art direction is a unified scene; its composition is built into the asset. */
.company-cover.bon-cover-v3{background:#d5cfc6}
.bon-cover-v3 .bon-cover-photo{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .6s ease}
.company-project-link:hover .bon-cover-photo{transform:scale(1.015)}
@media(prefers-reduced-motion:reduce){.bon-cover-v3 .bon-cover-photo{transition:none}.company-project-link:hover .bon-cover-photo{transform:none}}
